|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-react-ui/
课程评论：没有评论
课程名称：打造 React 即时通信 UI 库 课程概述：本课程于2020年录制，主要集中在CSS样式的设计与React组件化思维的培养，内容不涉及框架的深度知识，因此不需担心版本问题。在学习过程中，建议尽量与示例代码的版本保持一致，以避免不兼容现象。对于已有自学能力的学员，也可以尝试使用最新版本。 本课程特别适合前端工程师及正在学习前端的学员，尤其是那些缺乏完整项目经验和系统指导的人。课程旨在帮助学员掌握开发思路、获取项目经验，并明确发展方向。与其他课程围绕电商和企业官网项目不同，本课程以即时通信应用UI组件库为切入点，讲解了完整UI库的实现过程。完成课程后，学员将增加项目经验并能扩展为各行业应用的UI库，例如Ant Design和Element UI。 选择React作为核心技术框架的原因在于其接近原生HTML，简化开发流程。React代码简洁，重点在于组件定义和状态管理，能够有效提升开发效率。熟练掌握React的工程师在求职中更具竞争力。 学习成果：学员将能够熟练使用React及其生态系统开发UI组件，培养组件化的设计与开发思维，深入了解企业协作开发方式。 课程内容包括： - 整套通用的React UI组件库 - 30+常用组件 - 5个示例即时通信页面源代码 - 图片素材 课程不包括的内容： - Redux数据流管理 - 后端即时通信业务逻辑 面向人群： - 需具备扎实的HTML、CSS、JS基础 - 了解React基本概念（属性，状态）者优先，但无基础者依然可以学会使用HTML+CSS实现常见UI组件。UI设计师亦能借此课程有效提升与前端工程师的沟通能力。
注意：课程录制与 2020 年，重点是 CSS 样式的打造和 React 组件化思维培养，涉及框架本身的知识不多，所以版本不重要，在学习过程中可以尽量把软件版本和示例代码中的一致，否则会出现不兼容的现象，或者如果你已经有良好的自学能力，可以使用最新的版本。如果你是一名前端工程师或者是正在学习前端，苦于没有完整的项目经验，也没有人系统的指导你该如何开发一个前端项目，那么你一定非常希望有一套课程来为你指点迷津，并且在课程结束后能收获开发思路、项目经验和发展方向 - 这就是这门课的目的。市面上大多数的课程都围绕电商、企业官网、后台管理来做项目实战。而本课程不同的是：以即时通信应用 UI 组件库和示例页面作为切入点，全面的演示了一套完整的 UI 库的实现过程，课程结束后，不但可以增加项目经验，扩充作品集，还可以在此基础上扩展为应用到各行各业的 UI 库，就像 Ant Design 和 Element UI。这门课程以 React 为核心技术框架，为什么选择了 React 而不是用的人数比较多的 Vue 呢？因为：React 更接近于原生的 HTML，相当于自定义 HTML 标签，入门更容易。React 编写的代码简洁，让开发者只关心组件的定义和状态的管理，其他像组件的注册都由 React 自行管理。React 的用户量庞大，生态系统完善，很多开发理念都是围绕 React 产生的，比如 CSS-in-JS，GraphQL。React 在国内大型企业应用广泛，掌握 React 开发的工程师求职更有竞争力。学完本课程你将能够...熟练使用 React 及其生态开发 UI 组件培养组件化的设计与开发思维开发可复用的组件，提升开发效率了解企业协作开发的方式你将学到...Styled-Components 强大的组件样式管理Storybook 组件文档化，方便团队协作React Spring 动画实现React 组件设计思想设计思维以及更多课程包括：1 整套通用的 React UI 组件库30+ 常用组件5 个示例即时通信页面源代码图片素材课程不包括：课程重点关注前端 UI 组件化设计思路，打造自有前端 UI 库，类似 Ant Design, 所以下列内容不包含在本课程中：Redux 数据流管理后端即时通信业务逻辑面向人群：需要拥有扎实的 HTML、CSS、JS 基础了解 React 基本概念（属性，状态）（非必需）如果你没有 React 基础，也能够学会 HTML+ CSS 实现常见的 UI 组件。如果你是 UI 设计师可以帮助你更好的跟前端工程师沟通
