پیشنهاد فرادرس

آموزش ایجاد وب سایت تک صفحه ای پارالاکس با Bootstrap 4

دسته بندی ها: آموزش بوت استرپ (Bootstrap) ، آموزش طراحی وب ، آموزش های Packtpub ، آموزش CSS ، آموزش HTML

آیا شما همیشه می خواستید وب سایت های مدرن، شگفت انگیز و واکنش گرا ایجاد کنید؟ اگر پاسخ شما بله است، این دوره برای شماست. البته این دوره برای استفاده از Bootstrap طراحی شده است. بوت استرپ محبوب ترین فریمورک HTML، CSS و JS در جهان برای ساخت پروژه های واکنش گرا، mobile-first در وب است. همچنین بوت استرپ یک ابزار متن باز برای توسعه با HTML، CSS و JS است. در این دوره با طرح بندی ستونی، ویژگی های جدید Bootstrap 4، استفاده از NavBars و غیره آشنا می شوید.

سرفصل:

  • Parallax
  • NavBar collapsing
  • Bootstrap Grid
  • تصاویر واکنش گرا
  • افزودن انیمییشن های jQuery
  • معرفی Bootstrap 4
  • مقدمه ای برای ساخت وب سایت با بوت استرپ 4
  • محیط راه اندازی
  • ایجاد قالب Bootstrap 4
  • ایجاد Bootstrap NavBar
  • بخش هدر
  • ایجاد صفحه اصلی
  • بخش درباره من
  • ستون ها، شبکه، کارت های Bootstrap
  • ایجاد فرم تماس با ما
  • صفحه فوتر و Tweak
  • افزودن jQuery Animate
  • بررسی وب سایت با بوت استرپ 4
به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز
Create a Parallax Style Single Page Website from Scratch Using Bootstrap 4 [Video] Publisher:Packtpub Author:Laurence Svekis Duration:1 hour 9 minutes

Build a fully responsive modern website in less than an hour using Bootstrap 4
Have you ever wanted to build amazing-looking, fully responsive modern websites? If yes, then this course is perfect for you. The course is designed to use Bootstrap. It is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web. Bootstrap is an open-source toolkit for developing with HTML, CSS, and JS. You'll explore the 12-grid column layout, see what's new with Bootstrap 4, make use of responsive NavBars, and more.
We'll cover the following:-
Parallax background images
NavBar collapsing
Bootstrap Grid
Responsive images
Cards header, images, body, and text
Buttons and colors
Background images and text utilities
Bootstrap 4 components
Adding jQuery animations
Practicability is the key to this course, Using Bootstrap 4, you have a wide variety of options where you can take the code provided within this course and expand on it in any number of directions. Learn, practice, and create your own Single-Page Applications.
Style and Approach
This course will literally take you from knowing nothing about Bootstrap 3 or 4 to mastering its utilities, components, animations, and grids and applying Bootstrap to your own web applications.
Released: Thursday, August 30, 2018
Introduction to Bootstrap 4
Introduction to building a website with Bootstrap 4
Course Resources Setup Environment
Basic Bootstrap 4 Template Creation
Create Bootstrap NavBar
Header Section
Build Home Section
About Me Section
Bootstrap Cards Grid Columns
Create Contact Form Grid
Footer and Tweak Page
Add jQuery Animate
Website Overview Bootstrap 4

پیشنهاد فرادرس