نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
کدگذاری طرح های وب تاکنون هرگز آسان نبوده است. این دوره به شما CSS Grid را می آموزد ، فناوری برای تعریف طرح بندی منطقی برای وب سایت های شما که سرانجام آماده ورود به جریان اصلی است. طرح بندی در CSS همیشه به هک ها بستگی دارد. بدست آوردن ظاهری که می خواهید به معنای افزایش CSS با استفاده از شناورها ، HTML و ترفندهای موقعیت یابی به روش های غیرمتعارف است. در این دوره ، ایجاد طرح بندی با CSS Grid ، شما خواهید آموخت که چگونه از سیستم کاملاً جدید CSS Grid برای حل یک باره مشکلات طرح بندی استفاده کنید. ابتدا متوجه خواهید شد که چرا CSS Grid روش بهتری برای انجام چیدمان است. در مرحله بعدی ، با حداقل کد لازم برای شروع استفاده از Grid CSS بلند و فعال خواهید شد. سرانجام ، شما مشخصات CSS Grid را به طور کامل کاوش خواهید کرد ، و یاد خواهید گرفت که چگونه می توانید هر طرح آرزویی را ایجاد کنید. پس از پایان این دوره ، درک کاملی از این فناوری مهم که برای ایجاد طرح های مدرن ، قوی و پاسخگو برای وب لازم است ، خواهید داشت.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
با شبکه CSS آشنا شوید
Meet CSS Grid
-
چرا شبکه CSS بسیار جذاب است
Why CSS Grid Is Awesome
-
چرا شبکه CSS ترسناک است؟
Why CSS Grid Is Scary
-
دنیای طراحی چیدمان
The World of Layout Design
-
بررسی اجمالی
Overview
با CSS Grid در حال اجرا و اجرا است
Up and Running with CSS Grid
-
فرآیند شبکه دو مرحله ای
The Two-step Grid Process
-
تعریف ستون های شبکه
Defining Grid Columns
-
موقعیت یابی موارد شبکه
Positioning Grid Items
-
ردیف های شبکه و شبکه ضمنی
Grid Rows and the Implicit Grid
-
خلاصه CSS Grid Workflow
Summarizing the CSS Grid Workflow
تعریف شبکه ها: عمیق
Defining Grids: In-depth
-
تعریف شبکه ها
Defining Grids
-
اندازه های مسیر شبکه
Grid Track Sizes
-
مختصرهای شبکه
Grid Shorthands
-
جریان شبکه
Grid Flow
-
شبکه ضمنی
Implicit Grid
-
شکافهای شبکه
Grid Gaps
-
سیستم شبکه 12 ستونی
12-column Grid System
-
تعریف خلاصه شبکه ها
Defining Grids Summary
موضوعات موقعیت یابی: عمیق
Positioning Items: In-depth
-
موقعیت یابی موارد
Positioning Items
-
موقعیت یابی کلمات کلیدی
Positioning Keywords
-
موقعیت یابی مختصرها
Positioning Shorthands
-
تراز و توجیه: مفاهیم
Alignment and Justification: Concepts
-
تراز و توجیه: خصوصیات
Alignment and Justification: Properties
-
شبکه های قابل دسترسی
Accessible Grids
-
بهبود چیدمان 12 ستونی شما
Improving Your 12-column Layout
-
خلاصه موارد موقعیت یابی
Positioning Items Summary
شبکه پیشرفته CSS
Advanced CSS Grid
-
شبکه پیشرفته CSS
Advanced CSS Grid
-
ابزارهای توسعه شبکه
Grid Development Tools
-
نامگذاری خطوط شبکه
Naming Grid Lines
-
نامگذاری مناطق مشبک
Naming Grid Areas
-
مالکیت شبکه مورد بازدید مجدد قرار گرفت
The Grid Property Revisited
-
طراحی پاسخگو با شبکه CSS
Responsive Design with CSS Grid
-
زیر شبکه ها
Subgrids
-
درک اندازه آهنگ
Understanding Track Sizing
-
پروژه نهایی: فروشگاه پاسخگو پای
Final Project: Responsive Pie Shop
-
خلاصه دوره
Course Summary
نمایش نظرات