آموزش Materialize

poster
پیش‌نمایش دوره

Materialize مجموعه‌ای از رابط­‌های کاربری ساخته شده با CSS و HTML و JavaScript را می‌گویند. این مجموعه مانند Bootstrap یک فریم‌ورک فرانت‌‌اند است و در زمینه‌ی وب از تمامی قواعد و اصول استاندارد برخوردار است ... ادامه

برگزارکننده:  مکتب‌خونه  مکتب‌خونه
مدرس دوره:
سطح: مقدماتی
 پلاس
  
زمان مورد نیاز برای گذراندن دوره:  7 ساعت
مجموع محتوای آموزشی:  7 ساعت ویدئو
 (قابل دانلود می‌باشد)

پیش‌نیاز‌ها

سرفصل‌های دوره آموزش Materialize

آشنایی با Materialize

در فصل اول پس از بیان مقدمات و معرفی Materialize، به بررسی سایت Materialize CSS و نحوه استفاده از Materialize-RTL پرداخته شده است.

  Materialize and Material Design
مشاهده
"03:24  
  بررسی سایت Materialize CSS
مشاهده
"10:55  
  استفاده از Materialize-RTL
"12:16  
بخش CSS

در فصل دوم به Shadow and Transition ،Table and Media، Button and Icon، Grid، Text and Background و Typography در CSS پرداخته شده است. 

  Typography
مشاهده
"08:48  
  Text and Background Color
مشاهده
"08:22  
  Grid
"20:46  
  Button و Icon
"14:42  
  Table and media
"07:00  
  Shadow and Transition
"07:26  
بخش Components

در فصل سوم به بررسی انواع کامپوننت‌ها مانند: Floating and Fixed Action Button، Navbar، Breadcrumbs and Footer، Preloaders، Collection and Badge و Cards پرداخته شده است.

  Floating and Fixed Action Button
مشاهده
"12:25  
  NavBar
مشاهده
"27:45  
  Breadcrumbs and Footer
"11:48  
  Preloaders
"17:07  
  Collection and Badge
"05:31  
  Cards
"07:40  
بخش Forms

در فصل چهارم به بررسی انواع بخش‌های مرتبط به Form در Materialize پرداخته شده است.

  بخش اول Form
مشاهده
"17:10  
  بخش دوم Form
"11:06  
  Chips and Pagination
"11:02  
بخش JavaScript

در فصل پنجم به بررسی تمامی قسمت‌های مرتبط با JavaScript در Materialize پرداخته شده است.

  Carousel
مشاهده
"06:08  
  Collapsible
مشاهده
"06:04  
  Feature Discovery
"05:34  
  Toast and Tooltip
"07:24  
  Modal
"06:46  
  Parallax
"02:21  
  Sidenav
"07:12  
  Pushpin
"07:06  
  Scrollspy
"07:08  
  Tabs
"07:13  
  Material Box and Slider
"06:45  
پروژه اول

در فصل ششم به معرفی پروژه اول، ایجاد بخش‌های سرچ، اسلایدر، Icon Box ،Follow، تماس با ما و غیره در پروژه پرداخته شده است.

  بخش اول
"15:51  
  بخش دوم
"08:32  
  بخش سوم
"07:23  
پروژه دوم

در فصل هفتم پس از معرفی پروژه دوم به بررسی و ایجاد بخش‌های Navbar Transparent و Icon Box پرداخته شده است. همچنین در این فصل به ایجاد بخش‌های Collapsible، Showcase و Footer پرداخته شده است.

  بخش اول
"17:55  
  بخش دوم
"13:31  
  بخش سوم
"04:48  
پروژه سوم Admin Panel

در فصل اول پس از معرفی پروژه Admin Panel و نحوه انجام آن مورد بررسی قرار گرفته است.

  بخش اول
"14:08  
  بخش دوم
"10:12  
  بخش سوم
"10:00  
  بخش چهارم
"09:35  
  بخش پنجم
"06:27  

درباره دوره

Materialize مجموعه‌ای از رابط­‌های کاربری ساخته شده با CSS و HTML و JavaScript را می‌گویند. این مجموعه مانند Bootstrap یک فریم‌ورک فرانت‌‌اند است و در زمینه‌ی وب از تمامی قواعد و اصول استاندارد برخوردار است که با استفاده از آن می‌توان با سادگی و جذابیت بیشتر به طراحی و کدنویسی پرداخت. دوره آموزش Materialize به خصوص برای کسانی که می‌خواهند طراحی متریال (Material design) داشته باشند بسیار مناسب است.

 

این برنامه پشتیبانی خوبی روی مرورگر‌های به­‌روز و مدرن دارد و برای ساخت سایت‌های زیبا، با متریال سریع و واکنش‌گر به شما کمک بسیار زیادی می‌­کند. در ساخت این ابزار از Google Material Design ایده گرفته شده است.

 

دوره آموزش Materialize مناسب چه کسانی است؟

دوره آموزش متریالایز برای کسانی که قصد دارند با طراحی متریال آشنا شوند دوره بسیار مناسبی است و افراد با استفاده از این دوره می‌­توانند نکات بسیار مهمی را فرابگیرند.

برای استفاده از مباحث آموزش داده شده در این دوره نیاز به پیش­‌نیازهایی است که با استفاده از این پیش­‌نیازها درک مباحث ارائه شده برای مخاطب ساده­‌تر خواهد شد. این پیش‌­نیازها شامل موارد زیر است:

  • آشنایی با HTML 5 و CSS 3
  • آشنایی اولیه با Flex Box
  • آشنایی با Responsive Layout

 

منابع و الزاماتی که در برگزاری این دوره وجود دارد چیست؟

اهمیت و کاربرد فریم‌ورک Materialize و نیاز به آموزش صحیح مباحث این دوره اصلی‌­ترین الزامات در برگزاری و انتشار این دوره هستند. منابع این دوره منابع رایج در آموزش Materialize هستند و به کمک این منابع درک مفاهیم این دوره برای افراد ساده‌­تر خواهد شد.

درباره استاد

maktabkhooneh-teacher علی شیخ

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تاکنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

مشاهده پروفایل و دوره‌‌های استاد

نظرات کاربران

تا کنون نظری برای این دوره ثبت نشده است. برای ثبت نظر باید ابتدا در دوره ثبت نام کرده و دانشجوی دوره باشید.

دوره‌های پیشنهادی

سوالات پرتکرار

حداقل و حداکثر زمانی که می توانم یک دوره را بگذرانم چقدر است؟
برای گذراندن دوره حداقل زمانی وجود ندارد و شما می توانید در هر زمانی که مایل هستید فعالیت های مربوطه را انجام دهید. برای هر دوره یک حداکثر زمان تعیین شده است که در صفحه معرفی دوره می توانید مشاهده کنید که از زمان خرید دوره توسط شما تنها در آن مدت شما از ویژگی های تصحیح پروژه ها توسط پشتیبان و دریافت گواهی نامه بهره مند خواهید بود.

سوالات پرتکرار

پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.

دوره آموزش متریالایز

می‌خواهید با آموزش Materialize رابط کاربری بهتری برای سایت خود و دیگران بسازید؟ این دوره از مکتب خونه به شما کمک می‌کند تا اطلاعات و تسلط کافی به این فریم‌ورک را بدست آورید.

Materialize چیست؟

Materialize کتابخانه‌ UI (رابط کاربری) است که در برنامه نویسی‌های تحت وب کارایی دارد. این کتابخانه به طراحان و توسعه‌دهندگان وب کمک می‌کند تا اجزای رابط کاربری وب‌سایت‌ها و برنامه‌های وب را با استفاده از اصول طراحی، مدرن و واکنش‌گرا بسازند. توجه کنید که Materialize فریم‌ورکی رایگان و متن‌باز بوده که مبتنی‌بر متریال دیزاین Google طراحی و تولید شده است.

با استفاده از  Materialize، نیازی به نوشتن صدها خط کد CSS برای ایجاد اجزای رایج وب‌سایت نیست. زیرا این فریم‌ورک با استفاده از اجزای از پیش ‌ساخته شده مانند نوارهای ناوبری، فرم‌ها، مدال‌ها و کارت‌ها طراحی و کدنویسی را ساده‌تر و جذاب‌تر می‌کند. به همین علت شما با آموزش Materialize می‌توانید وب‌سایت‌هایی با ظاهری زیبا و جذاب را در زمان کوتاه‌تری تولید کنید.

چرا UI در طراحی وب‌سایت مهم است؟

رابط کاربری (UI) به Design وب‌سایت اشاره دارد. یعنی فرایندی است که به چیدمان، گرافیک و عناصر بصری با تمرکز بر استایل بهبود تعامل کاربران می‌پردازد. این رابط کاربری حرفه‌ای، تمام تعاملات کاربر با یک محصول را بررسی می‌کند تا رابطی طراحی کند که به بهترین وجه با نیازهای کاربر سازگار باشد. درست مانند فروشگاه، UI خوب به کاربران کمک می‌کند تا به سرعت و به آسانی اطلاعات مورد نیاز خود را پیدا کنند و از وقت گذراندن در وب‌سایت لذت ببرند.

طراحی UI شامل ویژگی‌های گرافیکی و ظاهری مانند تصاویر، پاورقی‌ها، نوار منو، دکمه‌ها و فرم‌ها است. در Materialize css تمام تکسچر و عناصر لازم برای ایجاد رابطی رضایت‌بخش و زیبا وجود دارد. به‌طوری کلی می‌توان گفت UI نه تنها رابط کاربری را بهبود می‌بخشد، بلکه باعث افزایش نرخ تبدیل، تقویت برندینگ، جذب مخاطب بیشتر و بهبود تجربه کاربری می‌شود. متخصصانی که آموزش Materialize را گذرانده باشند به‌راحتی می‌توانند از امکانات این فریم‌ورک استفاده کنند.

چرا آموزش Materialize برای طراحان وب اهمیت دارد؟

استفاده از Materialize مزایای متعددی دارد که برخی از مهم‌ترین آن‌ها عبارت‌اند از:

سرعت بخشیدن به فرایند توسعه سایت

فریم‌ورک فوق با داشتن مجموعه کاملی از کامپوننت‌های از پیش طراحی شده مانند دکمه‌ها، فرم‌ها، نوارهای ناوبری و... به توسعه‌دهندگان این امکان را می‌دهد تا به سرعت وب‌سایت خود را بسازند یا تغییرات لازم را در وب‌سایت فعلی خود ایجاد کنند. این کامپوننت‌ها تنها با چند خط کد قابل‌استفاده هستند و باعث صرفه‌جویی قابل‌توجهی در زمان و انرژی می‌شوند.

واکنش‌گرایی

Materialize به‌صورت کامل واکنش‌گرا است، یعنی وب‌سایت‌های ساخته ‌شده با آن به‌صورت خودکار با اندازه‌های مختلف صفحه نمایش، از دسکتاپ‌های بزرگ گرفته تا گوشی‌های هوشمند، سازگار می‌شوند.

شخصی‌سازی آسان

این فریم‌ورک انعطاف‌پذیری زیادی دارد و به توسعه‌دهندگان این امکان را می‌دهد تا ظاهر وب‌سایت خود را به‌صورت دلخواه شخصی‌سازی کنند. طراحان در آموزش Materialize با مجموعه متنوعی از طرح‌های رنگی، گزینه‌های تایپوگرافی و سایر ویژگی‌های قابل تنظیم آشنا می‌شوند.

یادگیری آسان

Materialize بر پایه CSS ساخته شده است، بنابراین برای کسانی که در آموزش گرید در CSS شرکت کرده‌اند، یادگیری و استفاده از آن بسیار آسان است. همچنین، منابع آموزشی و جامعه پشتیبانی گسترده‌ای مانند آموزش جاوا اسکریپت برای Materialize وجود دارد که به شما در یادگیری و حل مشکلات احتمالی کمک می‌کند.

رایگان و متن‌باز

شما می‌توانید از این فریم‌ورک به‌صورت رایگان در پروژه‌های شخصی و تجاری خود استفاده کنید و حتی در صورت نیاز، کد منبع آن را ویرایش کنید.

معرفی مهم‌ترین کاربردهای Materialize

Materialize کاربردهای گسترده‌ای در توسعه وب دارد. در زیر به برخی از مهم‌ترین موارد استفاده از آن اشاره کرده‌ایم:

وب‌سایت‌های شرکتی: Materialize با ظاهری حرفه‌ای و مدرن، انتخابی عالی برای ساخت وب‌سایت‌های شرکتی است. با استفاده از این فریم‌ورک می‌توان وب‌سایت‌هایی با قابلیت پیمایش آسان ایجاد کرد. همچنین بخش‌های مجزا برای معرفی شرکت، محصولات و خدمات، و فرم‌های تماس کاربرپسند درنظر گرفت.

اپلیکیشن‌های وب تک‌صفحه‌ای: انعطاف‌پذیری Materialize امکان ساخت اپلیکیشن‌های وب تک صفحه‌ای را فراهم می‌کند.

وب‌سایت‌های فروشگاهی: این کتابخانه متن باز ابزارهای اولیه مورد نیاز برای ساخت وب‌سایت‌های فروشگاهی را دارد. طراحان سایت با استفاده از این فریم‌ورک می‌توانند محصولات را نمایش دهند، سبد خرید و درگاه پرداخت را به راحتی پیاده‌سازی کنند.

پروژه‌های شخصی: Materialize برای ساخت نمونه‌کارها، رزومه‌های آنلاین و سایر پروژه‌های شخصی نیز مناسب است. با استفاده از این فریم‌ورک امکان ایجاد سریع وب‌سایت‌های جذاب و حرفه‌ای برای مقاصد شخصی وجود دارد.

بازار کار و درآمد متخصصان  Materialize

تجارت الکترونیک روزبه‌روز در حال رشد است. به همین علت کسب‌وکارها برای ارتقا و پیشرفت خود به دنبال راهی هستند تا خدمات یا محصولات خود را در آن به افراد بیشتری عرضه کنند. آموزش Materialize در کنار آموزش جامع لاراول و آموزش استفاده از بوت استرپ باعث می‌شود تا متخصصان و افرادی که به طراحی وب‌سایت علاقه دارند، بتوانند سایت‌هایی کاربردی و جذاب برای کسب‌وکارهای مختلف بسازند.

افرادی که آموزش Materialize را گذرانده‌اند موقعیت شغلی‌های خوبی در انتظار آنها است. زیرا تقاضا برای استخدام توسعه‌دهندگان وب ماهر که بتوانند از این فریمورک قدرتمند برای ساخت وب‌سایت‌ها و برنامه‌های وب زیبا، مدرن و واکنش‌گرا استفاده کنند، به‌طور مداوم در حال افزایش است. شما با شرکت در آموزش Materialize و آموزش تیلویند فریم ورک می‌توانید موقعیت شغلی خوبی در داخل و خارج از ایران پیدا کنید. زیرا با توجه به مهارت‌هایی که کسب کرده‌اید قدرت مذاکره شما افزایش می‌یابد و کسب‌وکارهای بیشتری مشتاق به همکاری با شما خواهند بود.

معرفی دوره آموزش Materialize مکتب خونه

آموزش Materialize در کتب خونه توسط علی شیخ که متخصص زبان‌های جاوا اسکریپت و phpاست، برگزار می‌شود. این دوره مقدماتی در 7 ساعت برگزار می‌شود و اطلاعات جامعی از Materialize را اختیار دانشجویان قرار می‌دهد. گفتنی است که در انتهای این دوره پروژه‌هایی وجود دارد که با انجام دادن آنها دانشجویان به کلیه مباحث این آموزش مسلط خواهند شد.

سرفصل‌های دوره آموزش متریالایز

دوره آموزش متریالایز در مکتب خونه شامل سرفصل‌های زیر است:

·        فصل اول: آشنایی با  Materialize

·        فصل دوم: بخش  CSS

·        فصل سوم: بخش  Components

·        فصل چهارم: بخش  Forms

·        فصل پنجم: بخش  JavaScript

·        فصل ششم: پروژه

برای شرکت در این دوره آموزش Materialize چه پیش‌نیازهایی لازم است؟

برای شرکت در این دوره بهتر است دانشجویان آموزش html رایگان و CSS ، آموزش Flexbox و آموزش Responsive Layout را گذرانده باشند تا دیدی کلی نسبت به آموزش بوت استرپ و Materialize داشته باشند. با یادگیری مباحث فوق دانشجویان بهتر می‌توانند مباحث این دوره را درک کنند.

چه افرادی می‌توانند در این دوره شرکت کنند؟

اگر شما به برنامه نویسی علاقه دارید می‌توانید در این دوره آموزش Materialize شرکت کنید. اما گفتنی است که حضور در این دوره برای افراد زیر بسیار مفید خواهد بود:

·         طراحان وب‌سایت که به دنبال راهی برای ساخت وب‌سایت‌های واکنش‌گرا هستند. 

·         توسعه‌دهندگان وب که می‌خواهند برای ساخت و توسعه وب‌سایت‌ها در زمان خود صرفه‌جویی کنند. 

·         دانشجویان رشته کامپیوتر که می‌خواهند وارد دنیای برنامه نویسی وب شوند. 

با آموزش Materialize در  مکتب خونه وب‌سایت‌تان را از بقیه متمایز کنید 

اگر می‌خواهید رابط کاربری جذابی برای وب‌سایت خود بسازید، آموزش متریالایز بهترین گزینه است. این فریم‌ورک به شما کمک می‌کند تا در کوتاه‌ترین زمان ممکن UI سایت خود را بهبود بخشید. چنانچه می‌خواهید موقعیت شغلی خود را در زمینه وب ارتقا دهید، آموزش Materialize به شما می‌کند. زیرا کسب‌وکارهای زیادی به دنبال ارتقا و بهبود رابط کاربری سایت خود هستند. همچنین در مکتب خونه انواع دوره آموزش برنامه نویسی و آموزش طراحی سایت به عنوان مکمل و پیش نیاز این دوره موجود است.

 

صفحات پربازدید
poster
پیش‌نمایش دوره
  
برگزار کننده:  مکتب‌خونه
  
زمان مورد نیاز برای گذراندن دوره:  7 ساعت
مجموع محتوای آموزشی:  7 ساعت ویدئو
 (قابل دانلود می‌باشد)