فریم ورک متریالایز این امکان رو به شما میدهد که بتوانید به راحتی Front-End وب سایت خود را به شکل متریال دیزاین طراحی و اجرا کنید . البته گفتنی است که این فریم ورک ٬ یک فریم ورک Front-End ای می باشد. مانند اکثر Framwork های Front-end ی دیگر ٬ متریالایز هم از سیستم گرید ۱۲ ستونه پشتیانی می کند ٬پس به راحتی می توانید وب سایت خود را ریسپانسیو ( واکنشگرا ) درست کنید و نگران صفحه نمایش های بزرگ و کوچیک نباشید . ویژگی دیگر Materialize استفاده بهینه از جاوا اسکریپت و ایجاد المان ها و کامپوننت های جالب است ٬برای مثال اگه دوست دارید منو های باز شدنی ( DropDown ) داشته باشید یا یک بخشی از وب سایتتون حالت پارالکس ( Parallax ) داشته باشد و یا حتی اسلاید شو و Side Nav داشته باشید می توانید از بخش جاوا اسکریپتی و المان های این فریم ورک استفاده کنید و از راحتی ساخته این المان ها لذت ببرید.
در این دوره آموزشی با طراحی وب سایتهای آشنا میشوید که با ابعاد مختلف صفحات نمایشگر سازگاری دارند. به عبارت دیگر، طرح بندی وب سایت با توجه به اندازه صفحه نمایش بازدید کننده وب سایت تغییر میکند. همچنان که پروژه خود را پیش میبریم، بسیاری از جنبههای HTML و CSS شامل لینک کردن انتخابگرهای CSS به عناصر HTML را پوشش میدهیم و اصول و مبانی مورد نیاز برای بررسی تکنیکهای دیگر را در انتهای این دوره به شما آموزش میدهیم. ما کار را با ایجاد یک فایل HTML آغاز میکنیم. این فایل فقط حاوی محتوا و ساختار خواهد بود. بدین ترتیب، برای ساماندهی محتوای وب سایت و ایجاد طرحهای گوناگون براساس اندازه صفحه نمایش بازدیدکننده وب سایت، مجموعهای از قوانین CSS را بوجود میآوریم. علاوه بر این، مجموعهای از قوانین CSS را تعیین میکنیم که آرایش محتوای وب سایت را تغییر میدهد و مقدار صفحات و جوهر مورد نیاز برای چاپ محتوا بر روی کاغذ را کاهش میدهد. علاوه بر طرح و استایل، تکنیکهایی مانند ایجاد ترنزیشنهای متحرک با استفاده از CSS و تغییر لیست گلولهای به یک سیستم منوی کاملا تعاملی نیز در این دوره آموزشی توضیح داده خواهد شد.
سر فصل های این دوره آموزشی :
Section 1: Introduction to Materialize –
Section 2: Working with Materialize –
Section 3: Getting started with Materialize CSS –
Section 4: Magic of Materialize Components –
Section 5: Materialize JavaScript –