توضیحات

آموزش صفر تا صد MUI (Material UI) و شخصی سازی اجزا

نام دوره : Mastering MUI (Material UI): Component Customization [2024]

پیش نیاز:

• مهارت‌های پایه‌ای React – اگر با اجزا (components)، خواص (props)، و حالت (state) آشنایی دارید، آماده‌اید!
• هیچ تجربه‌ای با Material UI لازم نیست! این دوره همه چیز را از پایه تا تکنیک‌های پیشرفته استایل‌دهی به شما آموزش می‌دهد.

توضیحات:

به Mastering MUI: Component Customization خوش آمدید!

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

Mastering MUI توسط Zachary Reece، مدرس پرفروش MUI با بیش از ۲۰,۰۰۰ دانشجو، که حتی در کد منبع MUI نیز مشارکت داشته، ایجاد شده است!

آماده شوید برای یک شیرجه عمیق به محبوب‌ترین کتابخانه اجزای React که توسط برخی از بزرگترین شرکت‌های فناوری در جهان مانند Spotify، Amazon، NASA و Netflix استفاده می‌شود!

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

Material UI (MUI) محبوب‌ترین کتابخانه اجزای React با بیش از ۹۰,۰۰۰ ستاره در GitHub است!

این بیش از هر کتابخانه رقابتی دیگری است – حتی بیشتر از TailwindCSS و Bootstrap است.

MUI  به این دلیل محبوب است که بسیار قدرتمند است.

اگر هنوز نسبتاً به React تازه‌کار هستید، ممکن است بپرسید – کتابخانه اجزا چیست؟

خوشحالم که پرسیدید!

یک کتابخانه اجزا مجموعه‌ای از اجزای React از پیش ساخته شده برای همه عناصر وب رایج مانند اسلایدرها، سوئیچ‌ها، امتیازدهی‌ها، هشدارها و بسیاری موارد دیگر است.

هر برنامه‌ای که می‌سازید به این اجزای پایه نیاز دارد.

به جای ساختن آن‌ها از ابتدا هر بار، استفاده از MUI به شما این امکان را می‌دهد که با یک مجموعه کامل از این اجزا آماده به کار شروع کنید تا سریعتر پیش بروید و روی ساخت قسمت‌های جدید و جذاب‌تر برنامه وب خود تمرکز کنید!

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

MUI فقط یک کتابخانه اجزا ساده نیست.

چیزی که آن را قدرتمند می‌کند این است که با یک اکوسیستم کامل از ابزارها یکپارچه شده است که همه مشکلات رایج را هنگام کار با تعداد زیادی از اجزا حل می‌کند!

MUI دارای یک سیستم استایل‌دهی داخلی فوق‌العاده است که به شما امکان می‌دهد اجزای خود را به هر شکلی که تصور کنید سفارشی کنید تا با طراحی‌های سفارشی شما همخوانی داشته باشد.

برای ساده‌سازی سفارشی‌سازی‌هایتان، می‌توانید همه استایل‌های مورد استفاده خود را در یک مکان مرکزی نگهداری کرده و از هر جایی به آن‌ها دسترسی داشته باشید با استفاده از سیستم تم‌دهی!

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

MUI همچنین با یک سیستم چیدمان یکپارچه شده است که به شما اجازه می‌دهد اجزا را به صورت مرتب و قابل پیش‌بینی روی صفحه قرار دهید با استفاده از جزء Grid.

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

این دوره‌ای کاملاً منحصر به فرد در Material UI است – هیچ دوره دیگری مثل آن وجود ندارد!

ما هر جزء را در کتابخانه اجزا بررسی خواهیم کرد. این شامل همه چیز در مورد نحوه کار هر جزء، موارد خاص استفاده از یک جزء به جای دیگری، عناصر DOM زیرین که هر جزء رندر می‌کند، و تکنیک‌های پیشرفته برای سفارشی‌سازی هر جزئیات از هر جزء (حتی وقتی در حالت‌های مختلفی مانند غیرفعال یا فوکوس باشد) است.

شما سفارشی‌سازی‌هایی را یاد خواهید گرفت که حتی در مستندات MUI نیز نمی‌توانید پیدا کنید!

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

این پایه محکمی می‌سازد که می‌توانید روی آن مفاهیم و تکنیک‌های پیشرفته‌تری در آینده بسازید – این دقیقاً چیزی است که این دوره ارائه می‌دهد!

دوره همچنین پر از آزمون‌هایی است که فهم شما از عملکرد و تکنیک‌های سفارشی‌سازی هر جزء را آزمایش می‌کند تا اطمینان حاصل شود که همه مفاهیم مهم را یاد گرفته‌اید.

دوره با یک ارزیابی نهایی مهارت به پایان می‌رسد تا همه دانش شما را به آزمایش بگذارد و ببیند آیا واقعاً MUI را مسلط شده‌اید یا نه!

Material UI شروع به گسترش فراتر از یک کتابخانه اجزا به یک اکوسیستم کامل تحت نام MUI کرده است.

این شامل Base UI، Joy UI، Material UI، MUI X، و MUI System می‌شود.

همان‌طور که این اکوسیستم به تکامل خود ادامه می‌دهد، اطلاعات بیشتری برای یادگیری وجود دارد، شروع به کار برای مبتدیان دشوارتر می‌شود و حتی توسعه‌دهندگان با تجربه نیز برای ادامه تغییرات با مشکل مواجه می‌شوند.

دقیقاً به همین دلیل Mastering MUI ایجاد شده است.

ما متعهد به ارائه آموزش جامع MUI هستیم که به قطعات قابل هضم تقسیم شده و ساختار واضحی دارد که شما را با درک عمیق و مهارت‌های عملی برای موفقیت آماده می‌کند. این دوره اولین قدم شما در مسیر مسلط شدن بر MUI است!

آنچه در آموزش صفر تا صد MUI (Material UI) و شخصی سازی اجزا می آموزید:

• یاد بگیرید که چگونه از هر جزء در Material UI استفاده کنید (شامل همه خواص مهم اجزا)
• هر جزئیات از هر جزء را برای لغو استایل‌های پیش‌فرض سفارشی کنید
• یک سیستم آسان و تکراری 5 مرحله‌ای برای اعمال هر سفارشی‌سازی برای هر جزء توسعه دهید
• بدانید چه زمانی از یک جزء به جای جزء مشابه دیگری استفاده کنید (مانند Box در مقابل Paper)
• سیستم استایل‌دهی MUI را با prop SX و همه ویژگی‌ها و نحوه استفاده از آن درک کنید
• به عمق بروید تا عناصر DOM رندر شده توسط هر جزء را با استفاده از Component X-Ray ببینید
• چیدمان‌های پیچیده را با طراحی واکنش‌گرا که با اندازه صفحه تطبیق می‌یابد با استفاده از جزء Grid تجزیه و تحلیل و بسازید
• کل اکوسیستم MUI را بررسی کنید و ببینید چگونه فراتر از یک کتابخانه اجزا تکامل می‌یابد
• استایل‌های جهانی که بر همه اجزا در پروژه شما تأثیر می‌گذارد را با استفاده از سیستم تم‌دهی Material UI اعمال کنید
• از یک میانبر برای نوشتن انتخاب‌کننده‌های استایل‌دهی خود با استفاده از شی Component Classes استفاده کنید
• همه چیز را با 13 آزمون، 6 تمرین، و 1 ارزیابی نهایی مهارت در پایان تمرین کنید

دوره آموزش صفر تا صد MUI (Material UI) و شخصی سازی اجزا برای چه کسانی است:

• توسعه‌دهندگان React که در سفارشی‌سازی و لغو استایل‌های پیش‌فرض در Material UI مشکل دارند
• توسعه‌دهندگان React که یادگیری از مستندات تنها برایشان سخت است
• توسعه‌دهندگان React که به دنبال کسب مهارت‌های بازارپسند با ابزاری هستند که توسط Spotify، Amazon، NASA و Netflix استفاده می‌شود

بخشی از دوره :