آموزش ایجاد طرح بندی با 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