FaraDars: برای دسترسی به نسخه کامل‌تر «آموزش طراحی رابط کاربری با متریال یو آی ری اکت – Material UI React» و دانلود فایل‌های همراه آموزش روی لینک زیر کلیک کنید:
[ Ссылка ]

زمان‌بندی ویدئو:
0:00:00 معرفی پروژه
0:02:21 نصب و راه‌اندازی
0:07:00 پیکربندی پروژه
0:12:48 طراحی ماژول Header

متریال یو‌آی (Material UI) چیست؟

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

اهمیت یادگیری طراحی رابط کاربری با Material UI React چیست؟

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

در این فرادرس چه چیزی یاد می‌گیریم؟

در این آموزش به صورت کاملا پروژه‌محور، یک وب‌سایت شخصی را طراحی می‌کنیم و طی پیاده‌سازی این پروژه، اصول کار با کامپوننت‌های پرکاربرد Material UI از جمله دکمه‌ها و برچسب‌ها را مورد بررسی قرار می‌دهیم و با نحوه به‌کارگیری آن‌ها در پروژه‌های React آشنا خواهیم شد. در ادامه، مفاهیم تکمیلی از جمله ایجاد Styleهای اختصاصی و کار با Themeها را فرا خواهیم گرفت. همچنین نحوه طراحی Responsive یا واکنش‌گرا را تشریح خواهیم کرد و به اصول کار با این مفهوم و پشتیبانی از آن در دستگاه‌هایی که پروژه روی آن‌ها اجرا خواهد شد، می‌پردازیم. با گذراندن این فرادرس، تسلط کافی در نحوه به‌کارگیری کامپوننت‌های Material UI در پروژه‌های خود را به دست خواهید آورد و می‌توانید پروژه‌هایی با واسط کاربری جذاب و حرفه‌ای طراحی کنید.

свернуть