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

آموزش اصول و مبانی بوت استرپ 4

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

در این دوره با Bootstrap 4، مستندسازی بوت استرپ، حل مشکلات رایج در طرح بندی، تایپوگرافی و مشکلات سازگاری مرورگر توسط Bootstrap و غیره آشنا می شوید. بوت استرپ یکی از محبوب ترین فریمورک های متن باز front end برای کمک به ساخت یک طراحی و طرح بندی تابعی است.

سرفصل:

  • کار با کامپوننت ها
  • طرح بندی با شبکه
  • استایل محتوا
  • ساخت فرم ها
  • شناخت بوت استرپ 4
  • توسعه سریع با Bootstrap
  • معرفی Bootstrap 4
  • ایجاد صفحه ساده
  • معرفی پروژه
  • طرح بندی در بوت استرپ
  • اندازه ستون
  • ایجاد Navbar
  • نمایش محتوا با کارت
  • نمایش Modal Window
  • کامپوننت های بوت استرپ
  • استفاده از ScrollSpy برای برجسته سازی لینک های Nav
  • افزودن Select Menu
  • افزودن CSS سفارشی به سایت بوت استرپ
  • و غیره
به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز
Bootstrap 4 Basics Course Publisher:TeamTreeHouse Author:Guil Hernandez Level:Beginner

Learn to use the latest in Bootstrap 4, one of the most popular open source front end frameworks, to help you build a functional design and layout in little time.
About this Course
Learn to use the latest in Bootstrap 4, one of the most popular open source front end frameworks, to help you build a functional design and layout in little time.
What you'll learn
Working with components
Layout with the grid
Styling content
Building and laying out formsGetting to Know Bootstrap 4
In this stage, you'll get to know the Bootstrap documentation, then learn how Bootstrap solves common layout, typography and browser compatibility problems by building a simple project.
6 steps
Rapid Development with Bootstrap
2:01
Introducing Bootstrap 4
5:35
Getting Started
3:14
Creating a Simple Page
7:31
Enhancing the Page
5:07
Getting to Know Bootstrap 4 Review
6 questions
Responsive Layouts With the Bootstrap Grid
Learn Bootstrap's components and options for laying out your project, including containers, the grid system, and responsive utility classes.
7 steps
Introducing the Project
1:51
Layout in Bootstrap
2:02
How the Bootstrap Grid Works
5:58
Styling Content
7:39
Column Sizing
6:52
Reordering and Offsetting Columns
7:08
Responsive Layouts with the Bootstrap Grid Review
6 questions
Using Bootstrap Components
Learn to use Bootstrap’s custom styles for common code components and user interface tasks like navbars, buttons, dropdown menus, modals and more.
9 steps
Building a Navbar
9:17
Using Jumbotron to Showcase Key Content
2:48
Buttons and Button Groups
5:22
Inline Navs and Dropdown Buttons
5:09
Displaying Content with Cards
7:32
Building the Schedule with a List Group
6:26
Displaying a Modal Window
5:02
Using ScrollSpy to Highlight Nav Links
4:22
Bootstrap Components Review
6 questions
Building Forms With Bootstrap
Learn Bootstrap's control styles, layout options and custom components for creating stylish forms that look consistent across all modern browsers and devices.
6 steps
Form Groups and Form Controls
6:23
Adding a Select Menu
1:51
Custom Form Controls for Cross-Browser Consistency
6:23
Structured Form Layouts with the Grid
7:01
Add Custom CSS to Your Bootstrap Site
5:37
Building Forms with Bootstrap Review
5 questions

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

لینک های دانلود حجم فایل: 356.0MB TeamTreeHouse Bootstrap 4 Basics Course_git.ir.rar