طراحی Layot های Responsive بوسیله CSS Grid, Flexbox

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

عنوان اصلی : CSS Grid & Flexbox for Responsive Layouts, v2

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

01 مقدمه:
001 مقدمه
002 نمای کلی طراحی پاسخگو
02 Flexbox:
001 flexbox
002 شروع CSS
003 Properties Container Flexbox Demo
004 DEMO Properties Properties Child Flexbox
03 سیستم شبکه Flexbox:
001 نمای کلی و تنظیم
002 کدگذاری یک سیستم شبکه Flexbox
003 پرس و جوهای رسانه ای پاسخگو
004 تمرین سیستم Flexbox Grid
005 راه حل سیستم شبکه Flexbox
04 تمرین Flexbox:
001 اثر پوشش متن با Flexbox
002 تمرین Flexbox Setup
003 مجموعه تمرین
004 تمرین ماموریت
005 تمرین Flexbox Porter
05 Header & Navbar Flexbox:
001 header & navbar
002 header & styling navbar برای دسک تاپ
003 header & styling navbar برای رایانه لوحی
004 header & styling navbar برای موبایل
06 تصاویر پاسخگو و عنصر تصویر:
001 بررسی اجمالی تصاویر
002 تصاویر پاسخگو بهترین شیوه ها
003 srcset & اندازه نسخه ی نمایشی
004 نسخه ی نمایشی بنر
005 Hero Demo
006 تمرین نهایی Flexbox
007 راه حل نهایی Flexbox
07 شبکه CSS:
001 معرفی شبکه CSS
002 خط CSS Layout Demo
003 تمرین ردیف و ستون
004 اندازه ردیف ها و ستون ها
005 طرح شبکه با نسخه ی نمایشی نماد دهانه
08 سیستم شبکه:
001 سیستم شبکه با شبکه CSS
002 شبکه پاسخگو با شبکه CSS
003 شکل و شکل با شبکه CSS
004 ترکیب سلولهای شبکه و انیمیشن
005 تمرین شبکه موزائیک
006 محلول شبکه موزائیک
007 طرح بندی به سبک مجله با مناطق الگوی شبکه
008 کارت HTML Markup Practice
009 طرح کارت با Flexbox & Grid
010 تمرین نهایی شبکه CSS
011 راه حل شبکه نهایی CSS
09 بسته بندی:
001 بسته بندی