【Udemy中英字幕】Advanced Material-UI Component Styling: The Complete Course

高级 Material-UI 组件样式：完整课程

学习设计任何 MUI 组件：深入了解 DOM，理解 MUI 类规则，并掌握最困难的 props

讲师：Jonathan Middaugh

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 学习如何设计任意 Material-UI 组件
• 了解何时使用 sx、styled API 或主题
• 探索 MUI 组件如何呈现为 DOM 元素
• 使用通过 MUI 组件呈现的默认类创建高级嵌套选择器
• 控制 MUI 表、数据网格、网格等中的行、单元格、列和子组件的宽度和高度
• 自定义每个组件的间距（填充和边距），尤其是网格、堆栈和盒子
• 与 flex 和 flex 属性完美对齐的设计
• 深入了解每个 MUI 表单组件以及网格、表格和数据网格
• 从头开始构建 Material-UI 应用

探索相关主题

• MUI（Material-UI）
• Web 开发
• 发展

要求

• 具有 React 初级知识
• Windows 或 Mac 电脑

描述

欢迎来到高级 Material-UI 组件样式：完整课程。

本课程将让您掌握 MUI 版本 5 组件的样式设计。您将学会熟练掌握一些最困难的组件，例如数据网格、自动完成和日期选择器。

我们将一起探索 DOM，发现 MUI 使用的默认类系统以及如何使用这些类来创建高级嵌套选择器。至关重要的是，我们还将了解 sx prop、styled API 和主题的最佳用例。

以下是本课程涵盖的一些MUI 知识和语法专业知识：

• 在样式化 API 中使用主题
• 使用样式化 API 中的选项
• 将 props 传递给 styled API
• SX 断点
• SX悬停
• SX 主题
• SX 嵌套选择器
• 自定义主题调色板颜色
• 主题组件覆盖
• 自定义主题变体
• 使用 TextField 上的嵌套选择器来更改边框、悬停和焦点样式
• 自动完成 getOptionLabel、renderInput 和 renderOption
• 选择组件样式、多选和自定义选项渲染
• DatePicker renderInput, inputProps, popperProps
• 解释每个表单子组件
• MUI 中的移动响应 – 过渡、媒体查询等
• 使用 Stack 组件的一维布局
• 带有网格的二维布局
• 一切都灵活——方向、调整内容、对齐项目等等
• 数据网格列、组件和工具栏选项
• 使用嵌套选择器设置数据网格的样式
• 自定义 MUI 表
• 在 MUI 项目中使用 React hooks

您将终身访问所有课程内容，并可以访问活跃的问答小组。

Udemy 为本课程提供 30 天退款保证。

因此，参加本课程，您就再也不用害怕任何 MUI 组件了！

本课程适合哪些人：

• 那些为设计 Material-UI 组件而苦苦挣扎的 React 开发人员
• 难以理解 MUI 布局（尤其是 flex/justify content/align items）的 React 开发人员
• 想要深入了解 MUI 组件如何呈现为 DOM 元素的 React 开发人员
• 想要学习从头开始构建 MUI 项目并获得表单、表格、网格和数据网格专业知识的 React 开发人员

显示更多显示较少