دوره آموزشی یادگیری Materialize CSS
1 ساعت 7 دقیقهمبتدی2021-11-18
مدرسین
Ayodele Aransiola
Technical Support Specialist and Software Engineer
جزئیات دوره
متریال دیزاین – زبان طراحی توسعه یافته توسط گوگل – چند سال پیش دنیای توسعه وب را تحت تاثیر قرار داد، و Materialize CSS استفاده مداوم آن سیستم را در پروژه های وب شما آسان می کند. هنگامی که Material Design را انتخاب کردید، Materialize CSS مسیری دوستانه برای دنبال کردن است و امکان تجربه کاربری ثابت در مرورگرها و دستگاهها را فراهم میکند. در این دوره، Ayodele Leom جنبه های کلیدی را که برای راه اندازی و اجرا با Materialize CSS باید بدانید را پوشش می دهد. او با اصول اولیه نصب شروع میکند، سپس ویژگیهایی مانند کلاسهای رنگ، سیستم شبکه، نوار ناوبری، دکمهها و نشانها و نحوه استفاده از رسانه با Materialize را پوشش میدهد. اگر میخواهید با این ابزار قدرتمند و صرفهجویی در زمان برای ایجاد وبسایتها و برنامههای کاربردی بدون دستسازی HTML یا استفاده از رابط کاربری گرافیکی شروع کنید، در این دوره آموزشی به Leom بپیوندید.
مهارت ها
Materialize CSSCSSWeb StandardsWeb DesignFront-End Web DevelopmentLearningWeb DevelopmentOpen Source
سرفصل ها
مقدمه
- طراحی مادی و پاسخگو
تنظیم محیط
- نمای کلی CSS را متریال کنید
- Materialize - نصب محلی
- متریال سازی - راه اندازی CDN
رنگ های CSS را متریال کنید
- متریال کردن - کلاس های رنگ
- متریال کردن - استفاده از رنگ
متریال کردن سیستم شبکه
- نمای کلی سیستم شبکه
- ردیف ها و ستون های سیستم شبکه ای
- چالش - طراحی شبکه پاسخگو
- راه حل - طراحی شبکه پاسخگو
Navbar و Pagination را متریال کنید
- نوارهای نوار برای طراحی دسکتاپ و موبایل
- صفحه بندی
- Preloaders
- ابزارهای کمکی یا کمکی را مادی کنید
مادی کردن رسانه
- کلاس های تصویری و ویدئویی واکنش گرا
- سایه ها و z-depth
- جداول
- تایپوگرافی و قالب بندی متن
دکمه ها و نشان ها را متریال کنید
- دکمه ها
- آرد سوخاری
- نشان ها
- کلاس های کارت و استفاده
- چالش - ایجاد یک طرح
- راه حل - بررسی طرح بندی ممکن با استفاده از کارت
Form and Footer را متریال کنید
- فرم ها
- پاورقی
- استفاده از ابزار در پروژه نهایی