آموزش طراحی وب Responsive بوسیله CSS Grid, Flexbox

با مشاهده این کورس آموزشی یاد می گیرید که چطور از CSS Grid و همچنین CSS Flexbox برای طراحی وب سایت های واکنش گرا استفاده کنید. 

عنوان اصلی : CSS Grids and Flexbox for Responsive Web Design

سرفصل ها :

1. معرفی
2 منابع
3 تعریف طراحی واکنشگرا
4 مروری بر شناورها
5 تنظیم تمرین شناور
6 راه حل تمرین شناور
7 معرفی Flexbox
8 پشتیبانی از تاریخچه و مرورگر
9 کد نسخه ی نمایشی راه اندازی Flexbox
10 کد نسخه ی نمایشی ویژگی های Flexbox کاوش شد
11 کد نسخه ی نمایشی توجیه Flexbox
12 کد نمایشی تراز Flexbox
13 کد نسخه ی نمایشی انعطاف پذیری فردی
14 پاسخ سوالات نسخه ی نمایشی کد
15 بازی و ورزش Flexbox
16 استفاده عملی از Flexbox در یک سیستم شبکه
17 بررسی Flexbox
18 راه حل تمرین آزمایشی کد برای دسکتاپ
19 کد راه حل تمرین آزمایشی برای پاسخگو
20 تمرین Flexbox 1 راه اندازی دستکاری محتوا
راه حل 21 Flexbox Exercise 1
22 مرتب سازی مجدد محتوا و چیدمان
23 پرسش و پاسخ Flexbox
24 Flexbox Exercise 2 راه اندازی طرح بندی کامل صفحه وب
راه حل 25 Flexbox Exercise 2
26 Flexbox Exercise 3 راه اندازی گالری تصاویر
راه حل 27 Flexbox Exercise 3
28 معرفی تصاویر واکنش گرا
29 کد برنامه نمایشی تصاویر پاسخگو
30 Picturefill برای سازگاری با مرورگرهای قدیمی
31 دانلود و عملکرد تصویر
32 کد تصویر پس زمینه نسخه ی نمایشی
33 تمرین تصاویر پاسخگو
34 عکس پاسخگو راه حل تمرین
35 معرفی CSS Grid
36 سازگاری CSS Grid Browser
37 کاوش نمونه های شبکه CSS
شبکه CSS نسخه ی نمایشی کد 38
39 تنظیم تمرین نقاشی موندریان
راه حل تمرین نقاشی 40 موندریان
41 ویژگی CSS Grid اضافی
42 موندریان نقاشی 2 راه اندازی تمرین
راه حل تمرین 43 نقاشی موندریان 2
44 CSS Grid کاربرد عملی
45 راه اندازی تمرین کاربردی کاربردی
46 راه حل تمرین کاربردی کاربردی
47 بررسی خواص
48 Gridarea مقدمه
49 تنظیم تمرین Gridarea
50 راه حل تمرین Gridarea
51 تودرتو شبکه های CSS
52 راه اندازی تمرین تودرتو و آفست
53 راه حل تمرین تودرتو و آفست
54 راه اندازی Flexbox و CSS Grid Exercise 1
55 راه حل Flexbox و CSS Grid Exercise 1
56 برگشت شبکه
57 راه اندازی Flexbox و CSS Grid Exercise 2
58 راه حل Flexbox و CSS Grid Exercise 2
59 تمرین اختیاری با هم قرار دادن همه چیز
60 نتیجه گیری