Главная страницаКатегория react.jsMaterial UI - Полное руководство с React (2023)

Material UI - Полное руководство с React (2023)

Name: Material UI - Полное руководство с React (2023)
Price: 12.5 USD
Rating: 2.8 (7 reviews)

Material UI - The Complete Guide With React (2023) Edition

udemy

★2.8 (всего оценок - 7)

Продолжительность

13 ч 49 мин

Категория

React.js

Количество уроков

126 Видео

Дата добавления

21 дек. 2023 г., 16:29

Язык

Английский

Дата выхода

23 нояб. 2023 г., 01:00

Дата обновления

29 апр. 2026 г., 19:25

Этот курс по Material UI — идеальный выбор для тех, кто хочет быстро и уверенно освоить создание современных интерфейсов на React, используя одну из самых популярных UI‑библиотек. Программа охватывает весь путь — от базовых компонентов до продвинутой темизации и кастомизации.

Что включает курс и чему вы научитесь

Обучение построено так, чтобы шаг за шагом углублять ваше понимание Material UI и принципов современного UI‑дизайна. Курс сочетает теорию, демонстрации и практику, что позволяет не только изучить возможности библиотеки, но и научиться применять их в реальных проектах.

Основы Material UI

На первых этапах вы разберетесь с ключевыми принципами Material Design и базовыми возможностями библиотеки, включая:

работу с компонентами;
использование типографики;
структурирование интерфейса;
подключение и настройку темы.

Создание адаптивных интерфейсов

В следующих модулях внимание уделяется построению гибких и удобных интерфейсов:

использование сетки (Grid) и Flexbox-утилит;
адаптация дизайна под разные устройства;
построение сложных макетов под реальные задачи.

Продвинутая кастомизация и функциональность

Вы перейдете к более технически глубоким темам, таким как:

тонкая настройка темы под бренд;
создание собственных компонентов на базе MUI;
использование анимаций и переходов;
повышение UX при помощи интерактивных элементов.

Практика и образовательные материалы

Каждый урок сопровождается практическими заданиями, тестами и полезными ресурсами. Видеоуроки и интерактивные упражнения помогают быстро закреплять полученные знания. Практические проекты позволяют применять изученные инструменты в реальных рабочих сценариях.

Проекты, которые вы создадите

адаптивные UI-макеты с продуманной структурой;
темизируемые интерфейсы с поддержкой светлой и тёмной темы;
интерактивные элементы с кастомным поведением;
UI-компоненты, готовые к использованию в профессиональных приложениях.

Результаты обучения

К окончанию курса вы овладеете всеми ключевыми инструментами Material UI и сможете уверенно создавать современные интерфейсы для веб‑приложений на React. Вы научитесь разрабатывать адаптивные макеты, внедрять пользовательские темы и строить сложные UI‑решения, необходимые в реальных проектах.

Кому подойдёт этот курс

начинающим разработчикам, желающим освоить Material UI с нуля;
веб‑разработчикам, которые хотят улучшить качество своих интерфейсов;
фронтенд‑специалистам, переходящим на React или обновляющим стек технологий;
дизайнерам и верстальщикам, работающим с Material Design.

Если вы хотите овладеть мощной библиотекой Material UI и создавать профессиональные интерфейсы, этот курс станет надежным и системным путеводителем.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:03:18
Welcome To Material UI Course!
Урок 2. 00:04:31
Introduction
Урок 3. 00:02:06
MUI V6 Update
Урок 4. 00:03:30
Creating Fresh React App
Урок 5. 00:01:11
Installing Material UI
Урок 6. 00:07:21
Typography
Урок 7. 00:08:26
Buttons
Урок 8. 00:05:39
TextFields - Text Input
Урок 9. 00:06:57
Form Handling With TextFields
Урок 10. 00:05:02
Form Handling - Checkboxes
Урок 11. 00:04:52
Form Handling - Select Dropdown
Урок 12. 00:04:01
Form Handling - Radio Buttons
Урок 13. 00:05:43
AppBar And Toolbar
Урок 14. 00:08:48
Tabs
Урок 15. 00:07:59
Menu and MenuItem Components For Menu List
Урок 16. 00:06:34
Card
Урок 17. 00:07:36
Dialog
Урок 18. 00:05:39
Modals
Урок 19. 00:04:56
Link
Урок 20. 00:05:28
Container
Урок 21. 00:09:34
List
Урок 22. 00:07:12
Accordion
Урок 23. 00:04:49
Autocomplete
Урок 24. 00:06:12
Drawer
Урок 25. 00:05:44
Alert
Урок 26. 00:05:15
Snackbar
Урок 27. 00:05:46
Progress Bar
Урок 28. 00:07:21
Rating
Урок 29. 00:08:25
ImageList
Урок 30. 00:15:16
Validation With React Hook Form
Урок 31. 00:13:10
Data Grid
Урок 32. 00:02:08
Project Intro And Demo
Урок 33. 00:06:39
Getting Dummy Data For Project
Урок 34. 00:04:38
Defining Custom Functionality For Rows With RenderCell
Урок 35. 00:08:41
Enabling Dynamic Functionalities With RenderCell
Урок 36. 00:04:08
Exporting Data Of DataGrid
Урок 37. 00:02:50
Adding Search And Row Filters
Урок 38. 00:02:41
Enabling More Customizations of DataGrid Using Components/Slots
Урок 39. 00:09:37
Completing Project With More Customizations
Урок 40. 00:08:38
ThemeProvider
Урок 41. 00:06:11
Styled Function
Урок 42. 00:08:04
Advance Component Styling With Theme
Урок 43. 00:03:35
The difference between sx prop and styled function
Урок 44. 00:07:55
Dark and Light Mode
Урок 45. 00:06:46
Material UI Icons
Урок 46. 00:17:12
Grid System
Урок 47. 00:08:10
All About Responsiveness & Setting Responsive Text
Урок 48. 00:05:17
Making Any Component Responsive
Урок 49. 00:07:12
Using Media Query Styles - useMediaQuery Hook
Урок 50. 00:04:11
GRID System Overview
Урок 51. 00:00:54
Introduction and Overview
Урок 52. 00:02:22
Setting up development environment
Урок 53. 00:38:18
Building Responsive Header
Урок 54. 00:00:36
Completing Application
Урок 55. 00:01:07
Introduction and Overview
Урок 56. 00:02:33
Setting Up Development Environment
Урок 57. 00:05:11
Creating Header with Navbar and Toolbar
Урок 58. 00:09:12
Adding Links and Buttons
Урок 59. 00:07:52
Making it Responsive - Adding Drawer
Урок 60. 00:13:50
Using Media query and Breakpoints
Урок 61. 00:02:14
Introduction and Overview
Урок 62. 00:11:24
Designing Form Layout
Урок 63. 00:05:15
Adding State To Switch Between Forms
Урок 64. 00:08:35
Handling Form Data
Урок 65. 00:02:51
Adding Icons
Урок 66. 00:02:51
Summary
Урок 67. 00:04:13
Introduction and Demo Of Project
Урок 68. 00:02:52
Creating Fresh React App
Урок 69. 00:06:41
Building Header Adding Navbar and Logo
Урок 70. 00:07:07
Header - Rendering Links and Buttons
Урок 71. 00:07:12
Adding Animations
Урок 72. 00:07:56
Adding Content Overview Section
Урок 73. 00:10:03
Styling Content Section
Урок 74. 00:06:37
Adding Footer
Урок 75. 00:13:41
Optimization 1 - Responsive Header
Урок 76. 00:05:59
Optimization 2 - Responsive Font Sizes
Урок 77. 00:02:48
Optimization 3 - Content Layout Fix
Урок 78. 00:03:09
Optimization 4 - Footer Fix
Урок 79. 00:01:59
Basic Fix
Урок 80. 00:09:26
GIFT - Adding Google Font With MUI Styled Component
Урок 81. 00:00:43
Summary
Урок 82. 00:00:56
MUI with Typescript Intro
Урок 83. 00:02:49
Installing New React App With Typescript
Урок 84. 00:04:55
Creating separate styles object with types
Урок 85. 00:03:54
Accepting MUI props
Урок 86. 00:01:30
Introduction
Урок 87. 00:02:38
Backend Topics Overview
Урок 88. 00:01:52
Application WorkFlow
Урок 89. 00:04:52
Creating Simple NodeJS and ExpressJS Application API
Урок 90. 00:09:21
Connecting To MongoDB
Урок 91. 00:13:32
Creating User Model and Routes
Урок 92. 00:12:51
User Post Signup Request
Урок 93. 00:07:01
User Post Login Request
Урок 94. 00:14:05
Moving Into Posts
Урок 95. 00:03:57
Getting BlogPost By ID
Урок 96. 00:06:02
Updating BlogPost
Урок 97. 00:03:40
Deleting BlogPost
Урок 98. 00:13:47
Adding Relations and Connections With User and BlogPosts
Урок 99. 00:02:35
Creating React App
Урок 100. 00:07:15
Building Responsive Header
Урок 101. 00:07:53
Adding Links To Header
Урок 102. 00:06:42
Adding React Router For Real Navigation
Урок 103. 00:04:57
Building HomePage - Adding Featured Image
Урок 104. 00:08:17
Adding Google Fonts For Different Fonts
Урок 105. 00:05:44
Adding Reusable Card Layout For List Implementation
Урок 106. 00:10:00
Designing BlogPost Card
Урок 107. 00:07:32
Calling API To get All Posts
Урок 108. 00:05:46
Adding Real Data In Cards
Урок 109. 00:06:29
Designing Authentication Form
Урок 110. 00:09:04
Handling Form Data Dynamically
Урок 111. 00:10:34
Sending Authentication Request To Backend
Урок 112. 00:10:59
Implementing Redux State Management For Authentication
Урок 113. 00:06:43
Dispatching IDs to Redux and Storing IDs in Local Storage
Урок 114. 00:04:07
Dynamically Updating Header Links After Authentication
Урок 115. 00:09:23
Designing Add Blogpost page
Урок 116. 00:05:31
Handling Add Form
Урок 117. 00:05:12
Sending POST Request To Insert a BlogPost
Урок 118. 00:07:49
Fetching Posts From URL
Урок 119. 00:08:03
Sending Update / Edit BlogPost Request
Урок 120. 00:05:52
Adding Delete Blogpost Functionality With Notifications
Урок 121. 00:06:32
Modifying Backend Controller To Get Details With Blogposts
Урок 122. 00:13:15
Designing Profile Page
Урок 123. 00:06:29
Optimization 1 Fixing Content, Simplifying Logics
Урок 124. 00:06:26
Final Optimization
Урок 125. 00:01:11
Summary
Урок 126. 00:02:34
Introduction JoyUI

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии