دوره آموزشی یادگیری Materialize CSS

جزئیات دوره

متریال دیزاین – زبان طراحی توسعه یافته توسط گوگل – چند سال پیش دنیای توسعه وب را تحت تاثیر قرار داد، و Materialize CSS استفاده مداوم آن سیستم را در پروژه های وب شما آسان می کند. هنگامی که Material Design را انتخاب کردید، Materialize CSS مسیری دوستانه برای دنبال کردن است و امکان تجربه کاربری ثابت در مرورگرها و دستگاه‌ها را فراهم می‌کند. در این دوره، Ayodele Leom جنبه های کلیدی را که برای راه اندازی و اجرا با Materialize CSS باید بدانید را پوشش می دهد. او با اصول اولیه نصب شروع می‌کند، سپس ویژگی‌هایی مانند کلاس‌های رنگ، سیستم شبکه، نوار ناوبری، دکمه‌ها و نشان‌ها و نحوه استفاده از رسانه با Materialize را پوشش می‌دهد. اگر می‌خواهید با این ابزار قدرتمند و صرفه‌جویی در زمان برای ایجاد وب‌سایت‌ها و برنامه‌های کاربردی بدون دست‌سازی HTML یا استفاده از رابط کاربری گرافیکی شروع کنید، در این دوره آموزشی به Leom بپیوندید.

سرفصل ها

0. مقدمه

01 - طراحی مادی و پاسخگو

1. تنظیم محیط

02 - نمای کلی CSS را متریال کنید
03 - Materialize - نصب محلی
04 - متریال سازی - راه اندازی CDN

2. رنگ های CSS را متریال کنید

05 - متریال کردن - کلاس های رنگ
06 - متریال کردن - استفاده از رنگ

3. متریال کردن سیستم شبکه

07 - نمای کلی سیستم شبکه
08 - ردیف ها و ستون های سیستم شبکه ای
09 - چالش - طراحی شبکه پاسخگو
10 - راه حل - طراحی شبکه پاسخگو

4. Navbar و Pagination را متریال کنید

11 - نوارهای نوار برای طراحی دسکتاپ و موبایل
12 - صفحه بندی
13 - Preloaders
14 - ابزارهای کمکی یا کمکی را مادی کنید

5. مادی کردن رسانه

15 - کلاس های تصویری و ویدئویی واکنش گرا
16 - سایه ها و z-depth
17 - جداول
18 - تایپوگرافی و قالب بندی متن

6. دکمه ها و نشان ها را متریال کنید

19 - دکمه ها
20 - آرد سوخاری
21 - نشان ها
22 - کلاس های کارت و استفاده
23 - چالش - ایجاد یک طرح
24 - راه حل - بررسی طرح بندی ممکن با استفاده از کارت

7. Form and Footer را متریال کنید

25 - فرم ها
26 - پاورقی
27 - استفاده از ابزار در پروژه نهایی