Pluralsight_Modern_Web_Layout_with_Flexbox_and_CSS_Grid

این دوره طرح بندی سایت های مدرن را با Flexbox و CSS Grid آموزش می دهد. در این آموزش تصویری نحوه کار با ماژول ها ، کار با CSS ، آشنایی با تکنیک های طرح بندی وب ، پشتیبانی از مرورگر و تفاوت های بین Flexbox و CSS را می آموزید.

این دوره آموزشی محصول موسسه Pluralsight است.

سرفصل های دوره:

  • معرفی Flexbox
  • مبانی Flexbox
  • کار با Flex Container
  • نحوه انعطاف پذیری برنامه
  • نحوه هم ترازی متن
  • کار با CSS
  • مبانی شبکه
  • نحوه فعال کردن شبکه
  • راه اندازی شبکه
  • کار با ویژگی های شبکه
  • نحوه مختصر نویسی شبکه
  • نحوه نامگذاری شبکه
  • نحوه پشتیبانی از مرورگر
  • نحوه تست و اشکال زدایی برنامه
  • و…

عنوان دوره: Pluralsight Modern Web Layout with Flexbox and CSS Grid
سطح: متوسط
مدت زمان: 1 ساعت و 14 دقیقه
نویسنده: Brian Treese

توضیحات:

Pluralsight Modern Web Layout with Flexbox and CSS Grid

Brian Treese
1h 14m
Intermediate

Explore the modern world of web layout with the Flexible Box Module and CSS Grid Layout.
This course introduces web developers to modern web layout techniques with Flexbox and CSS Grid Layout - the two most modern CSS layout specifications. Get up to speed and learn how to use each of the two in-depth and explore some of their differences, browser support, gotchas, and helpful resources to help you get the most out of them.

Introduction
3m 53s
Introduction
0m 39s
A Little History
3m 13s
Flexbox
28m 13s
Introduction
1m 21s
Flexbox the Basics
1m 26s
The Flex Container
1m 36s
Flex Flow Direction
2m 0s
Flex Line Wrapping
2m 46s
Display Order
3m 6s
Flexibility
4m 0s
Alignment
5m 54s
Flexbox in the Real World
4m 35s
Summary
1m 25s
CSS Grid Layout
31m 49s
Introduction
1m 59s
Grid Layout the Basics
2m 1s
Enabling Grid in Various Browsers
1m 35s
Setting up a Grid
5m 25s
Auto Grid Features
3m 11s
Grid Shorthand
3m 37s
Naming Grid Lines & Grid Areas
4m 44s
Auto, fr, & Overlapping/Layering Items
3m 0s
Grid Layout & Box Alignment
2m 3s
Grid in the Real World
2m 44s
Summary
1m 26s
Gotchas, Browser Support, & Resources
10m 47s
Introduction
0m 52s
Gotchas
3m 18s
Browser Support
2m 42s
Resources
2m 40s
Summary
1m 13s