تسلط بر Layouts: CSS Grid و Flexbox Essentials

Mastering Layouts: CSS Grid and Flexbox Essentials

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

قدرت طراحی وب مدرن را با "Mastering Layouts: CSS Grid and Flexbox Essentials" باز کنید. این دوره جامع برای کمک به شما طراحی شده است تا با استفاده از دو تا از قدرتمندترین ابزارهای CSS، وب‌سایت‌های واکنش‌گرا، انعطاف‌پذیر و حرفه‌ای بسازید: CSS Grid و Flexbox.

با شروع از اصول اولیه، خواهید فهمید که چگونه Flexbox طرح‌بندی‌های یک‌بعدی را ساده می‌کند و هم‌ترازی و فاصله‌ای عالی برای طرح‌های پویا و سازگار ایجاد می‌کند. از محور کردن عناصر گرفته تا ساختن نوارهای پیمایش انعطاف پذیر، Flexbox به ابزار اصلی شما برای دقت چیدمان تبدیل خواهد شد.

سپس، به CSS Grid می پردازیم، یک سیستم چیدمان دو بعدی که بازی را تغییر می دهد و امکان کنترل دقیق روی هر دو ردیف و ستون را فراهم می کند. یاد خواهید گرفت که چگونه طرح‌بندی‌های پیچیده را به آسانی ایجاد کنید، از جمله شبکه‌های پویا، گالری‌های تصویر، و طراحی‌های پیچیده صفحه—همه اینها بدون عرق کردن.

در پایان این دوره، مطمئن خواهید بود که از CSS Grid و Flexbox برای ایجاد طرح‌بندی‌های پاسخگو و انعطاف‌پذیر که به طور یکپارچه با هر دستگاهی سازگار است، استفاده می‌کنید. چه مبتدی باشید و چه به دنبال افزایش مهارت های طراحی وب خود هستید، این دوره شما را با هر آنچه که برای تسلط بر طرح بندی های وب مدرن نیاز دارید، مجهز می کند.

یادگیری های کلیدی:

  • به اصول Flexbox و CSS Grid مسلط شوید
  • طرح‌بندی‌های پاسخگو را با سیستم‌های شبکه و ظروف انعطاف‌پذیر بسازید
  • ایجاد پروژه های دنیای واقعی، از جمله طرح بندی، گالری، و موارد دیگر
  • در تکنیک های چیدمان CSS مدرن اعتماد به نفس پیدا کنید
  • این مهارت ها را در سناریوهای توسعه وب در دنیای واقعی اعمال کنید

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

درس ها Lessons

  • آموزش تعیین موقعیت اقلام شبکه CSS CSS Grid Items Positioning Tutorial

  • ساخت شبکه CSS با سطر و ستون CSS Grid Building with Rows & Columns

  • فلکس باکس چیست؟ What is Flexbox

  • آموزش شبکه های تودرتو Nested Grids Tutorial

  • CSS Grid Auto Fill & Auto Fit Tutorial CSS Grid Auto Fill & Auto Fit Tutorial

  • آموزش تراز کردن مسیرهای شبکه CSS CSS Grid Tracks Alignment Tutorial

  • نحوه ایجاد منوی ناوبری کشویی با استفاده از Flexbox How to Create Dropdown Navigation Menu Using Flexbox

  • آموزش CSS Flexbox Align Content CSS Flexbox Align Content Tutorial

  • آموزش CSS Flex Wrap & Flex Flow CSS Flex Wrap & Flex Flow Tutorial

  • آموزش پایه CSS Flexbox Flex CSS Flexbox Flex Basis Tutorial

  • آموزش CSS Flexbox Flex Shrink CSS Flexbox Flex Shrink Tutorial

  • آموزش نامگذاری خطوط شبکه CSS CSS Grid Lines Naming Tutorial

  • آموزش تابع CSS Grid MinMax CSS Grid MinMax function Tutorial

  • آموزش محتوای CSS Flexbox Justify CSS Flexbox Justify Content Tutorial

  • آموزش محتوای CSS Grid Fit CSS Grid Fit Content Tutorial

  • CSS Grid Layout چیست What is CSS Grid Layout

  • معرفی کلاس Class Intro

  • آموزش نامگذاری ناحیه شبکه CSS CSS Grid Area Naming Tutorial

  • آموزش CSS Flexbox Align Items CSS Flexbox Align Items Tutorial

  • CSS Grid Items Spaning Tutorial CSS Grid Items Spanning Tutorial

  • آموزش CSS Flexbox Nested Flex CSS Flexbox Nested Flex Tutorial

  • CSS Grid Implicit & Explicit Grid Tutorial CSS Grid Implicit & Explicit Grid Tutorial

  • CSS Grid Order Property Tutorial CSS Grid Order Property Tutorial

  • آموزش CSS Grid Gap CSS Grid Gap Tutorial

  • CSS Flexbox Align Self Tutorial CSS Flexbox Align Self Tutorial

  • آموزش تراز کردن آیتم های شبکه CSS CSS Grid Items Alignment Tutorial

  • آموزش CSS Flexbox Flex Grow CSS Flexbox Flex Grow Tutorial

  • CSS Flexbox with Margin Auto Tutorial CSS Flexbox with Margin Auto Tutorial

  • آموزش اقلام شبکه همپوشانی Overlapping Grid Items Tutorial

  • آموزش سفارش CSS Flexbox CSS Flexbox Order Tutorial

  • آموزش CSS Flexbox Flex Direction CSS Flexbox Flex Direction Tutorial

نمایش نظرات

تسلط بر Layouts: CSS Grid و Flexbox Essentials
جزییات دوره
2h 55m
31
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jayanta Sarkar Jayanta Sarkar

سلام، من جایانتا هستم.

پس از فارغ التحصیلی و اخذ مدرک در رشته "فناوری اطلاعات"، حرفه حرفه ای من آغاز شد، شروع به توسعه وب و حرفه طراحی گرافیک در سال 2018، من هرگز از یادگیری مهارت های برنامه نویسی جدید دست نکشیدم.

من مهارت های توسعه وب و طراحی گرافیک را در آرنا انیمیشن می آموزم. اما بیشتر مهارت های من مهارت های خودآموز است. به‌عنوان یک توسعه‌دهنده و طراح گرافیک خودآموخته، این شانس را داشتم که با معنی شرکت‌های فناوری اطلاعات محلی کار کنم تا وب‌سایت‌هایشان را بسازم و کارمندانشان را در زمینه برنامه‌نویسی وب آموزش دهم.