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

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

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

بوت استرپ - یک فریمورک front-end که از HTML، CSS3 و jQuery استفاده می کند - طراحی شده است تا به توسعه دهندگان کمک کند تا به سرعت و به آسانی وب سایت های پاسخگو و سازگار با cross-browser را ایجاد کنند. این فریمورک منبع باز دارای 12 ستون شبکه و کامپوننت آماده برای استفاده است. در این دوره با Bootstrap، نحوه نمایش محتوای شما در سیستم عامل ها و مرورگرهای مختلف، استفاده از سیستم شبکه flexbox برای ساخت تقریبا هر گونه طرح بندی و غیره آشنا می شوید.

سرفصل:

  • ایجاد قالب
  • مرور تایپوگرافی و استایل های اولیه
  • استفاده از رنگ ها با بوت استرپ
  • کار با کلاس هایی که با تصاویر
  • کار با کانتینرهای شبکه
  • ستون ها
  • استفاده از لیست گروه ها در لیست ها، دکمه ها و لینک های استایل
  • استفاده از breadcrumbs
  • بررسی کامپوننت های طرح بندی
  • استفاده از استایل های فرم
  • کار با کامپوننت های تعاملی
به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز
Bootstrap 4 Essential Training Publisher:Lynda Author:Ray Villalobos Duration:6h 3m Level:Beginner

Learn the essentials of Bootstrap. Discover how to work with this popular front-end framework to quickly and easily build responsive, mobile-ready websites that are cross-browser compatible.
Updated: 3/16/2018
Released: 3/31/2017
Bootstrap—a front-end framework using HTML, CSS3, and jQuery—is designed to help developers quickly and easily build responsive, mobile-ready websites that are cross-browser compatible. An open-source framework, Bootstrap features a 12-column grid and components that are ready to use. In this course, Ray Villalobos helps you get started with Bootstrap by providing an overview of all of the goodies in this popular framework. Ray covers the installation options, and walks through the basic styles that normalize how your content is displayed on different platforms and browsers. He also explains how to use the flexbox grid system to build nearly any kind of layout you can dream up, use different classes to easily get around your project, work with interactive components like dropdowns and carousels, and more.
Topics include:
Creating a basic template
Reviewing basic styles and typography
Using colors with Bootstrap
Working with classes that help you deal with images
Working with grid containers
Offsetting columns
Using list groups to style lists, buttons, and links
Using breadcrumbs
Reviewing layout components
Using form styles
Working with interactive components
Introduction
Welcome
1m 12s
What you should know
46s
Use the exercise files
1m 43s
1. Getting Started
Introduction
1m 18s
Installation options
Updated:
4m 51s
Creating a basic template
Updated:
4m 58s
2. Using Basic Styles
Basic styles overview
1m 18s
Basic typography
7m 34s
Typographic utilities
7m 46s
Blockquotes and lists
3m 32s
Using colors with Bootstrap
4m 11s
Work with images
8m 50s
CSS variables
New
6m 26s
3. Mastering Layout with Bootstrap
Layout overview
1m 15s
Containers and rows
9m 3s
Use columns
9m 41s
Multiple column classes
2m 53s
Offset columns
2m 42s
Nested columns
5m 3s
Custom order
3m 43s
Grid alignment options
8m 23s
Display properties
Updated:
10m 26s
Flexbox container options
11m 21s
Individual flex elements
Updated:
4m 38s
Floating elements
4m 26s
Margin and padding
4m 51s
Visibility
2m 53s
Sizing utilities
3m 37s
Using borders
New
3m 4s
4. Using Navs and Navbar Components
Navbar overview
1m 22s
Create basic navigation
7m 44s
Create a navbar
8m 56s
Use branding and text
6m 28s
Add a dropdown to navigation
6m 34s
Add form elements
4m 17s
Control positioning
3m 41s
Create collapsible content
8m 48s
5. Style Element Overview
Basic style element overview
1m 3s
Create buttons
4m 45s
Button groups
4m 46s
Use badges
2m 8s
Progress bar styles
8m 4s
List groups
8m 4s
Breadcrumbs
3m 56s
6. Using Layout Component
Layout components overview
50s
Add a jumbotron
3m 1s
Table styles
8m 11s
Basic card layouts
6m 7s
Card content classes
5m 12s
Card layouts
5m 42s
Use the media object
5m 25s
7. Using Form Styles
Form styles overview
39s
Create a basic form
4m 43s
Checkboxes and radio classes
4m 32s
Size and validation styles
3m 20s
Special form styles
New
5m 34s
Multicolumn forms
Updated:
9m 21s
Create input groups
Updated:
7m 13s
8. Working with Interactive Components
Interactive component overview
1m 24s
Add tooltips
7m 21s
Display popovers
5m 20s
Create alerts
4m 14s
Use dropdowns
8m 15s
Add collapse accordions
12m
Use modals
11m 5s
Build carousels
13m
Use scrollspy
6m 56s
Conclusion
Next steps
47s

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

لینک های دانلود حجم فایل: 1.5GB همراه با زیرنویس انگلیسی Lynda Bootstrap 4 Essential Training_git.ir.part1.rar Lynda Bootstrap 4 Essential Training_git.ir.part2.rar