دوره آموزشی آن را تمرین کن: طرح بندی CSS
1 ساعت 53 دقیقهمتوسط2023-08-21
مدرسین

Julia Dyck
جزئیات دوره
توی این دوره، مربی جولیا دایک بهت نشون میده چطور میتونی طرحهای وب ریسپانسیو بسازی که به هر سایز صفحهای سازگار بشن و تجربه کاربری بدون مشکل رو فراهم کنن. با جولیا همراه شو و یاد بگیر چطور با استفاده از CSS Grid و Flexbox طرحهای مدولار بسازی و اونها رو با استفاده از مدیا کوئریها برای اندازههای مختلف صفحه تطبیق بدی. جولیا بهت اصول اولیه طراحی با Grid رو معرفی میکنه، توضیح میده چطور طرحها رو ریسپانسیو کنی و بعد راهنماییت میکنه چطور یه طرح سهستونه و دوازدهستونه بسازی.
مهارت ها
CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
سرفصل ها
0. مقدمه
- 01 - ایجاد طرح بندی شبکه پاسخگو
- 02 - آنچه باید بدانید
- 03 - استفاده از GitHub Codespaces با این دوره
1. مقدمه ای بر Grid Layouts
- 04 - طراحی طرح شبکه ای
- 05 - تعریف عناصر شبکه
- 06 - کار با سلکتورهای پیشرفته
- 07 - گرید در مقابل فلکس باکس
- 08 - آن را امتحانکنید - یک طرح بندی شبکه ای اولیه ایجاد کنید
- 09 - بررسیکنید - یک طرح بندی شبکه ای اولیه ایجاد کنید
2. پاسخگو کردن
- 10 - استفاده از رویکرد اول موبایل
- 11 - استفاده از پرسشهای رسانه ای
- 12 - تغییر طرح
- 13 - در دسترس قرار دادن آن
- 14 - آن را امتحانکنید - طراحی شبکه پاسخگو
- 15 - بررسیکنید - طراحی شبکه پاسخگو
3. ایجاد یک طرح سه ستونی
- 16 - طراحی یک طرح ریسپانسیو با فلکس باکس
- 17 - امتحانکنید - طراحی طرح با Flexbox و Grid
- 18 - بررسیکنید - طراحی طرح سه ستونی با Flexbox
- 19 - بررسیکنید - طراحی طرح سه ستونی با Grid
4. ایجاد یک طرح دوازده ستونی
- 20 - تنظیم چیدمان دوازده ستونی
- 21 - طرح دوازده ستونی برای نماهای مختلف
- 22 - امتحانکنید - طراحی یک چیدمان دوازده ستونی
- 23 - بررسیکنید - طراحی طرح دوازده ستونی
نتیجه
- 24 - مراحل بعدی - چیدمانهای پیشرفته و UX
دوره های مرتبط
مسیرهای مرتبط
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی کشف مسیر شغلی به عنوان توسعهدهنده وب
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Full-Stack وب
- مسیر آموزشی شروع به کار به عنوان یک توسعه دهنده هسته ASP.NET
- مسیر آموزشی تقویت مهارت های زبان برنامه نویسی React
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده نرم افزار
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی ارتقا مهارت های خود را به عنوان یک متخصص زبان برنامه نویسی R