کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش تسلط بر MUI (Material UI): سفارشی‌سازی کامپوننت‌ها [2024] - آخرین آپدیت

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

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

آموزش جامع MUI: سفارشی سازی کامپوننت ها!

چه تازه شروع به کار با React یا Material UI کرده باشید، و چه سال ها از MUI استفاده کرده باشید، شما بهترین و جامع ترین دوره را برای تعمیق دانش و گسترش مهارت های خود پیدا کرده اید. دوره Mastering MUI توسط Zachary Reece، پرفروش ترین مربی MUI با بیش از 20,000 دانشجو، که حتی در کد منبع MUI نیز مشارکت داشته است، ایجاد شده است! برای یک غوطه وری عمیق در محبوب ترین کتابخانه کامپوننت React که توسط برخی از بزرگترین شرکت های فناوری در جهان مانند Spotify، Amazon، NASA و Netflix استفاده می شود! آماده شوید. اگر به دنبال توسعه مجموعه مهارت های قابل فروش هستید که می تواند شما را در این موقعیت های پردرآمد قرار دهد، فصل جدیدی از سفر شما از اینجا آغاز می شود.

Material UI (MUI) محبوب ترین کتابخانه کامپوننت React با بیش از 90,000 ستاره در 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 است!

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

  • یادگیری نحوه استفاده از هر کامپوننت در Material UI (از جمله تمام ویژگی های مهم کامپوننت)

  • سفارشی سازی هر جزئیات کوچک هر کامپوننت برای لغو استایل های پیش فرض

  • توسعه یک سیستم 5 مرحله ای آسان و قابل تکرار برای اعمال هر سفارشی سازی برای هر کامپوننت

  • دانستن چه زمانی باید از یک کامپوننت به جای یک کامپوننت مشابه (مانند Box در مقابل Paper) استفاده کرد

  • درک سیستم استایل دهی MUI با ویژگی SX و تمام ویژگی های قدرتمند و نحو مختصر آن

  • غواصی عمیق تر برای دیدن عناصر DOM ارائه شده توسط هر کامپوننت با استفاده از Component X-Ray

  • شکستن و ساختن چیدمان های پیچیده با طراحی واکنش گرا که با اندازه صفحه نمایش با استفاده از کامپوننت Grid سازگار است

  • کاوش در کل اکوسیستم MUI و نحوه تکامل آن فراتر از یک کتابخانه کامپوننت ساده

  • اعمال استایل های سراسری که بر هر کامپوننت در پروژه شما با استفاده از سیستم تم سازی Material UI تأثیر می گذارد

  • استفاده از یک میانبر برای نوشتن انتخابگرهای استایل خود با استفاده از شی Component Classes

  • تمرین هر چیزی که یاد می گیرید با 13 آزمون، 6 تکلیف و 1 ارزیابی نهایی تسلط در پایان

پس از گذراندن این دوره، کاملاً به توانایی خود در استفاده و سفارشی سازی هر کامپوننت Material UI فعلی یا آینده به تنهایی اطمینان خواهید داشت! شما آماده خواهید بود که با استفاده از MUI شروع به ساختن پروژه های خود با طراحی خیره کننده و کد ساده کنید. شما به متخصصانی تبدیل خواهید شد که همه در تیم شما برای مشاوره به آنها مراجعه می کنند وقتی هنوز در تلاش هستند تا بفهمند چگونه برخی از استایل های پیش فرض را لغو کنند!

همراه با دسترسی مادام العمر به 24 ساعت محتوا، شما همچنین دسترسی آسان به پشتیبانی از طریق پرسش و پاسخ فعال را خواهید یافت. شما چیزی برای از دست دادن ندارید - این دوره دارای یک ضمانت بازگشت پول 30 روزه است در صورتی که کاملاً راضی نباشید!

اولین گام را در سفر خود برای تسلط بر MUI امروز بردارید و مهارت های واقعی React فراتر از اصول اولیه را بیاموزید.

سرفصل ها و درس ها

مقدمه Introduction

  • چرا MUI؟ Why MUI?

  • چطور یک باگ را در MUI رفع کردم How I Fixed A Bug In MUI

  • مروری بر دوره Course Overview

  • پیش‌نیازهای دوره Course Requirements

  • درک اکوسیستم MUI Understanding the MUI Ecosystem

  • درک مستندات Material UI Understanding the Material UI Documentation

  • نحوه دسترسی به کد دوره How To Access The Course Code

  • نحوه دریافت کمک How To Get Help

مفاهیم اصلی Material UI Material UI Core Concepts

  • کامپوننت‌های Material UI - مبانی Material UI Components - Basics

  • استایل‌دهی Material UI - تم Material UI Styling - The Theme

  • استایل‌دهی Material UI - خصوصیت SX قسمت 1 Material UI Styling - The SX Prop Part 1

  • استایل‌دهی Material UI - خصوصیت SX قسمت 2 Material UI Styling - The SX Prop Part 2

  • استایل‌دهی Material UI - مبانی Material UI Styling - Basics

  • استایل‌دهی Material UI - استایل‌های قابل استفاده مجدد Material UI Styling - Reusable Styles

  • استایل‌دهی Material UI - استایل‌های سراسری Material UI Styling - Global Styles

  • استایل‌دهی پیشرفته Material UI با تم Advanced Material UI Styling with the Theme

  • مروری بر سیستم استایل‌دهی 5 مرحله‌ای 5 Step Styling System Overview

  • مثال 1 سیستم استایل‌دهی 5 مرحله‌ای 5 Step Styling System Example 1

  • مثال 2 سیستم استایل‌دهی 5 مرحله‌ای 5 Step Styling System Example 2

  • استفاده از آبجکت کلاس‌های کامپوننت Using the Component Classes Object

  • استفاده از Component X-Ray Using the Component X-Ray

  • آزمون مفاهیم اصلی Core Concepts Quiz

کامپوننت‌های ورودی Material UI Material UI Input Components

  • عملکرد Autocomplete Autocomplete Functionality

  • Component X-Ray مربوط به Autocomplete Autocomplete Component X-Ray

  • سفارشی‌سازی Autocomplete Autocomplete Customization

  • سفارشی‌سازی Autocomplete با استفاده از آبجکت کلاس‌های کامپوننت Autocomplete Customization Using Component Classes Object

  • عملکرد Button Button Functionality

  • Component X-Ray مربوط به Button Button Component X-Ray

  • سفارشی‌سازی Button Button Customization

  • سفارشی‌سازی Button با استفاده از آبجکت کلاس‌های کامپوننت Button Customization Using Component Classes Object

  • عملکرد ButtonGroup ButtonGroup Functionality

  • Component X-Ray مربوط به ButtonGroup ButtonGroup Component X-Ray

  • سفارشی‌سازی ButtonGroup ButtonGroup Customization

  • سفارشی‌سازی ButtonGroup با استفاده از آبجکت کلاس‌های کامپوننت ButtonGroup Customization Using Component Classes Object

  • عملکرد Checkbox Checkbox Functionality

  • Component X-Ray مربوط به Checkbox Checkbox Component X-Ray

  • سفارشی‌سازی Checkbox Checkbox Customization

  • سفارشی‌سازی Checkbox با استفاده از آبجکت کلاس‌های کامپوننت Checkbox Customization Using Component Classes Object

  • عملکرد Floating Action Button Floating Action Button Functionality

  • Component X-Ray مربوط به Floating Action Button Floating Action Button Component X-Ray

  • سفارشی‌سازی Floating Action Button Floating Action Button Customization

  • سفارشی‌سازی Floating Action Button با استفاده از آبجکت کلاس‌های کامپوننت Floating Action Button Customization Using Component Classes Object

  • آزمون کامپوننت‌های ورودی 1 Input Components Quiz 1

  • عملکرد کامپوننت‌های فرم Form Components Functionality

  • Component X-Ray مربوط به کامپوننت‌های فرم Form Components Component X-Ray

  • سفارشی‌سازی کامپوننت‌های فرم Form Components Customization

  • سفارشی‌سازی کامپوننت‌های فرم با استفاده از آبجکت کلاس‌های کامپوننت Form Components Customization Using Component Classes Object

  • عملکرد Radio Radio Functionality

  • Component X-Ray مربوط به Radio Radio Component X-Ray

  • سفارشی‌سازی Radio Radio Customization

  • سفارشی‌سازی Radio با استفاده از آبجکت کلاس‌های کامپوننت Radio Customization Using Component Classes Object

  • عملکرد Rating Rating Functionality

  • Component X-Ray مربوط به Rating Rating Component X-Ray

  • سفارشی‌سازی Rating Rating Customization

  • سفارشی‌سازی Rating با استفاده از آبجکت کلاس‌های کامپوننت Rating Customization Using Component Classes Object

  • عملکرد Select Select Functionality

  • Component X-Ray مربوط به Select Select Component X-Ray

  • سفارشی‌سازی Select Select Customization

  • سفارشی‌سازی Select با استفاده از آبجکت کلاس‌های کامپوننت Select Customization Using Component Classes Object

  • عملکرد Slider Slider Functionality

  • Component X-Ray مربوط به Slider Slider Component X-Ray

  • سفارشی‌سازی Slider Slider Customization

  • سفارشی‌سازی Slider با استفاده از آبجکت کلاس‌های کامپوننت Slider Customization Using Component Classes Object

  • آزمون کامپوننت‌های ورودی 2 Input Components Quiz 2

  • عملکرد Switch Switch Functionality

  • Component X-Ray مربوط به Switch Switch Component X-Ray

  • سفارشی‌سازی Switch Switch Customization

  • سفارشی‌سازی Switch با استفاده از آبجکت کلاس‌های کامپوننت Switch Customization Using Component Classes Object

  • عملکرد TextField TextField Functionality

  • Component X-Ray مربوط به TextField TextField Component X-Ray

  • سفارشی‌سازی TextField TextField Customization

  • سفارشی‌سازی TextField با استفاده از آبجکت کلاس‌های کامپوننت TextField Customization Using Component Classes Object

  • عملکرد Toggle Button Toggle Button Functionality

  • Component X-Ray مربوط به Toggle Button Toggle Button Component X-Ray

  • سفارشی‌سازی Toggle Button Toggle Button Customization

  • سفارشی‌سازی Toggle Button با استفاده از آبجکت کلاس‌های کامپوننت Toggle Button Customization Using Component Classes Object

  • آزمون کامپوننت‌های ورودی 3 Input Components Quiz 3

  • تکلیف سفارشی‌سازی کامپوننت‌های ورودی Input Components Customization Assignment

کامپوننت‌های نمایش داده Material UI Material UI Data Display Components

  • عملکرد Avatar Avatar Functionality

  • Component X-Ray مربوط به Avatar Avatar Component X-Ray

  • سفارشی‌سازی Avatar Avatar Customization

  • سفارشی‌سازی Avatar با استفاده از آبجکت کلاس‌های کامپوننت Avatar Customization Using Component Classes Object

  • عملکرد Badge Badge Functionality

  • Component X-Ray مربوط به Badge Badge Component X-Ray

  • سفارشی‌سازی Badge Badge Customization

  • سفارشی‌سازی Badge با استفاده از آبجکت کلاس‌های کامپوننت Badge Customization Using Component Classes Object

  • عملکرد Chip Chip Functionality

  • Component X-Ray مربوط به Chip Chip Component X-Ray

  • سفارشی‌سازی Chip Chip Customization

  • سفارشی‌سازی Chip با استفاده از آبجکت کلاس‌های کامپوننت Chip Customization Using Component Classes Object

  • عملکرد Divider Divider Functionality

  • Component X-Ray مربوط به Divider Divider Component X-Ray

  • سفارشی‌سازی Divider Divider Customization

  • سفارشی‌سازی Divider با استفاده از آبجکت کلاس‌های کامپوننت Divider Customization Using Component Classes Object

  • عملکرد List List Functionality

  • Component X-Ray مربوط به List List Component X-Ray

  • سفارشی‌سازی List List Customization

  • سفارشی‌سازی List با استفاده از آبجکت کلاس‌های کامپوننت List Customization Using Component Classes Object

  • آزمون کامپوننت‌های نمایش داده 1 Data Display Components Quiz 1

  • عملکرد آیکون‌های MUI MUI Icons Functionality

  • سفارشی‌سازی آیکون‌های MUI MUI Icons Customization

  • عملکرد SvgIcon SvgIcon Functionality

  • Component X-Ray مربوط به SvgIcon SvgIcon Component X-Ray

  • سفارشی‌سازی SvgIcon SvgIcon Customization

  • عملکرد Table Table Functionality

  • Component X-Ray مربوط به Table Table Component X-Ray

  • سفارشی‌سازی Table Table Customization

  • سفارشی‌سازی Table با استفاده از آبجکت کلاس‌های کامپوننت Table Customization Using Component Classes Object

  • عملکرد Tooltip Tooltip Functionality

  • Component X-Ray مربوط به Tooltip Tooltip Component X-Ray

  • سفارشی‌سازی Tooltip Tooltip Customization

  • عملکرد Typography Typography Functionality

  • Component X-Ray مربوط به Typography Typography Component X-Ray

  • سفارشی‌سازی Typography Typography Customization

  • آزمون کامپوننت‌های نمایش داده 2 Data Display Components Quiz 2

  • تکلیف سفارشی‌سازی کامپوننت‌های نمایش داده Data Display Components Customization Assignment

کامپوننت‌های بازخورد Material UI Material UI Feedback Components

  • عملکرد Alert Alert Functionality

  • Component X-Ray مربوط به Alert Alert Component X-Ray

  • سفارشی‌سازی Alert Alert Customization

  • سفارشی‌سازی Alert با استفاده از آبجکت کلاس‌های کامپوننت Alert Customization Using Component Classes Object

  • عملکرد Backdrop Backdrop Functionality

  • Component X-Ray مربوط به Backdrop Backdrop Component X-Ray

  • سفارشی‌سازی Backdrop Backdrop Customization

  • عملکرد Dialog Dialog Functionality

  • Component X-Ray مربوط به Dialog Dialog Component X-Ray

  • سفارشی‌سازی Dialog Dialog Customization

  • سفارشی‌سازی Dialog با استفاده از آبجکت کلاس‌های کامپوننت Dialog Customization Using Component Classes Object

  • عملکرد Progress Progress Functionality

  • Component X-Ray مربوط به Progress Progress Component X-Ray

  • سفارشی‌سازی Progress Progress Customization

  • سفارشی‌سازی Progress با استفاده از آبجکت کلاس‌های کامپوننت Progress Customization Using Component Classes Object

  • عملکرد Skeleton Skeleton Functionality

  • Component X-Ray مربوط به Skeleton Skeleton Component X-Ray

  • سفارشی‌سازی Skeleton Skeleton Customization

  • عملکرد Snackbar Snackbar Functionality

  • Component X-Ray مربوط به Snackbar Snackbar Component X-Ray

  • سفارشی‌سازی Snackbar Snackbar Customization

  • سفارشی‌سازی Snackbar با استفاده از آبجکت کلاس‌های کامپوننت Snackbar Customization Using Component Classes Object

  • آزمون کامپوننت‌های بازخورد Feedback Components Quiz

  • تکلیف سفارشی‌سازی کامپوننت‌های بازخورد Feedback Components Customization Assignment

کامپوننت‌های سطح Material UI Material UI Surface Components

  • عملکرد Accordion Accordion Functionality

  • Component X-Ray مربوط به Accordion Accordion Component X-Ray

  • سفارشی‌سازی Accordion Accordion Customization

  • سفارشی‌سازی Accordion با استفاده از آبجکت کلاس‌های کامپوننت Accordion Customization Using Component Classes Object

  • عملکرد AppBar AppBar Functionality

  • Component X-Ray مربوط به AppBar AppBar Component X-Ray

  • سفارشی‌سازی AppBar AppBar Customization

  • عملکرد Card Card Functionality

  • Component X-Ray مربوط به Card Card Component X-Ray

  • سفارشی‌سازی Card Card Customization

  • سفارشی‌سازی Card با استفاده از آبجکت کلاس‌های کامپوننت Card Customization Using Component Classes Object

  • عملکرد Paper Paper Functionality

  • Component X-Ray مربوط به Paper Paper Component X-Ray

  • سفارشی‌سازی Paper Paper Customization

  • آزمون کامپوننت‌های سطح Surface Components Quiz

  • تکلیف سفارشی‌سازی کامپوننت‌های سطح Surface Components Customization Assignment

کامپوننت‌های ناوبری Material UI Material UI Navigation Components

  • عملکرد BottomNavigation BottomNavigation Functionality

  • Component X-Ray مربوط به BottomNavigation BottomNavigation Component X-Ray

  • سفارشی‌سازی BottomNavigation BottomNavigation Customization

  • سفارشی‌سازی BottomNavigation با استفاده از آبجکت کلاس‌های کامپوننت BottomNavigation Customization Using Component Classes Object

  • عملکرد Breadcrumbs Breadcrumbs Functionality

  • Component X-Ray مربوط به Breadcrumbs Breadcrumbs Component X-Ray

  • سفارشی‌سازی Breadcrumbs Breadcrumbs Customization

  • سفارشی‌سازی Breadcrumbs با استفاده از آبجکت کلاس‌های کامپوننت Breadcrumbs Customization Using Component Classes Object

  • عملکرد Drawer Drawer Functionality

  • Component X-Ray مربوط به Drawer Drawer Component X-Ray

  • سفارشی‌سازی Drawer Drawer Customization

  • سفارشی‌سازی Drawer با استفاده از آبجکت کلاس‌های کامپوننت Drawer Customization Using Component Classes Object

  • عملکرد Link Link Functionality

  • Component X-Ray مربوط به Link Link Component X-Ray

  • سفارشی‌سازی Link Link Customization

  • عملکرد Menu Menu Functionality

  • Component X-Ray مربوط به Menu Menu Component X-Ray

  • سفارشی‌سازی Menu Menu Customization

  • سفارشی‌سازی Menu با استفاده از آبجکت کلاس‌های کامپوننت Menu Customization Using Component Classes Object

  • آزمون کامپوننت‌های ناوبری 1 Navigation Components Quiz 1

  • عملکرد Pagination Pagination Functionality

  • Component X-Ray مربوط به Pagination Pagination Component X-Ray

  • سفارشی‌سازی Pagination Pagination Customization

  • سفارشی‌سازی Pagination با استفاده از آبجکت کلاس‌های کامپوننت Pagination Customization Using Component Classes Object

  • عملکرد SpeedDial SpeedDial Functionality

  • Component X-Ray مربوط به SpeedDial SpeedDial Component X-Ray

  • سفارشی‌سازی SpeedDial SpeedDial Customization

  • عملکرد Stepper Stepper Functionality

  • Component X-Ray مربوط به Stepper Stepper Component X-Ray

  • سفارشی‌سازی Stepper Stepper Customization

  • سفارشی‌سازی Stepper با استفاده از آبجکت کلاس‌های کامپوننت Stepper Customization Using Component Classes Object

  • عملکرد Tabs Tabs Functionality

  • Component X-Ray مربوط به Tabs Tabs Component X-Ray

  • سفارشی‌سازی Tabs Tabs Customization

  • سفارشی‌سازی Tabs با استفاده از آبجکت کلاس‌های کامپوننت Tabs Customization Using Component Classes Object

  • آزمون کامپوننت‌های ناوبری 2 Navigation Components Quiz 2

  • تکلیف سفارشی‌سازی کامپوننت‌های ناوبری Navigation Components Customization Assignment

کامپوننت‌های طرح‌بندی Material UI Material UI Layout Components

  • عملکرد Box Box Functionality

  • Component X-Ray مربوط به Box Box Component X-Ray

  • سفارشی‌سازی Box Box Customization

  • عملکرد Container Container Functionality

  • Component X-Ray مربوط به Container Container Component X-Ray

  • سفارشی‌سازی Container Container Customization

  • عملکرد Grid Grid Functionality

  • Component X-Ray مربوط به Grid Grid Component X-Ray

  • تجزیه و تحلیل طرح‌بندی نمایشی Grid Grid Demo Layout Breakdown

  • نمایشی Grid Grid Demo

  • سفارشی‌سازی Grid Grid Customization

  • سفارشی‌سازی Grid با استفاده از آبجکت کلاس‌های کامپوننت Grid Customization Using Component Classes Object

  • عملکرد ImageList ImageList Functionality

  • Component X-Ray مربوط به ImageList ImageList Component X-Ray

  • سفارشی‌سازی ImageList ImageList Customization

  • سفارشی‌سازی ImageList با استفاده از آبجکت کلاس‌های کامپوننت ImageList Customization Using Component Classes Object

  • عملکرد Stack Stack Functionality

  • Component X-Ray مربوط به Stack Stack Component X-Ray

  • سفارشی‌سازی Stack Stack Customization

  • آزمون کامپوننت‌های طرح‌بندی Layout Components Quiz

  • تکلیف سفارشی‌سازی کامپوننت‌های طرح‌بندی Layout Components Customization Assignment

ابزارهای Material UI Material UI Utilities

  • عملکرد ClickAwayListener ClickAwayListener Functionality

  • عملکرد CSSBaseline CSSBaseline Functionality

  • سفارشی‌سازی CSSBaseline CSSBaseline Customization

  • عملکرد Modal Modal Functionality

  • Component X-Ray مربوط به Modal Modal Component X-Ray

  • سفارشی‌سازی Modal Modal Customization

  • عملکرد NoSSR NoSSR Functionality

  • عملکرد Popper Popper Functionality

  • Component X-Ray مربوط به Popper Popper Component X-Ray

  • آزمون ابزارها 1 Utilities Quiz 1

  • عملکرد Portal Portal Functionality

  • عملکرد TextareaAutosize TextareaAutosize Functionality

  • Component X-Ray مربوط به TextareaAutosize TextareaAutosize Component X-Ray

  • عملکرد مشترک Transitionها Transitions Shared Functionality

  • Component X-Ray مربوط به Transitionها Transitions Component X-Ray

  • عملکرد تکی Transitionها Transitions Individual Functionality

  • عملکرد TransitionGroup TransitionGroup Functionality

  • عملکرد useMediaQuery useMediaQuery Functionality

  • عملکرد useScrollTrigger useScrollTrigger Functionality

  • آزمون ابزارها 2 Utilities Quiz 2

ارزیابی نهایی مهارت Final Mastery Assessment

  • ارزیابی نهایی مهارت Final Mastery Assessment

آموزش راهنمای جابجایی برلین

آموزش راهنمای جابجایی برلین

Berlin Relocation Guide

آموزش اصول موفقیت در آزمون PMP

آموزش اصول موفقیت در آزمون PMP

PMP Exam Success Fundamentals

آموزش غروب های درخشان - 3 منظره زیبا با استفاده از آبرنگ.

آموزش غروب های درخشان - 3 منظره زیبا با استفاده از آبرنگ.

GLOWING SUNSETS - 3 Beautiful Landscapes using Watercolors.

نمایش نظرات

آموزش تسلط بر MUI (Material UI): سفارشی‌سازی کامپوننت‌ها [2024]
جزییات دوره
24.5 hours
215
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,334
4.6 از 5
دارد
دارد
دارد

https://donyad.com/d/c98da0

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Zachary Reece Zachary Reece

کارآفرین نرم افزاری

Mastering MUI Mastering MUI

تخصص جامع MUI