|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/hands-on-reactjs/
课程评论:没有评论
课程名称:动手实践 React:构建高级 React JS 前端应用 课程概述:React 是构建前端 Web 应用程序的最流行库。本课程将逐步引导您深入基本概念,并介绍高级主题。我们将从零开始构建扫雷游戏应用程序,内容包括开发环境的设置、React JS 应用的配置以及扫雷游戏的基本算法。 课程内容涵盖以下关键主题: 1. 使用 TypeScript 配置 ReactJS 应用程序,并运用构建工具 Webpack 和 Babel。 2. 介绍 TDD(测试驱动开发)或 TLD(测试驱动设计)方法,通过编码练习让您在此过程中进行实践,即使您对测试不够熟悉,也能通过课程掌握相关知识。 3. 学习测试工具,如 Jest、Stryker 和 React Testing Library,用于覆盖代码并确保其功能符合预期。 4. 理解基本的 TypeScript 概念,并掌握提升这些技能的方法。 5. 深入讲解高级 JavaScript 技巧,以便更好地理解常用的 JS 特性。 6. 学习 Storybook,作为构建组件库的热门工具,安装并配置 Storybook,以实现组件驱动开发。 7. 探索 CSS-IN-JS、EmotionJS 和 Styled-Components,强大的工具集使得构建复杂组件样式变得简单。 8. 介绍 React Hooks,这是为应用程序创建动态用户界面的基本方法。 9. 复习 React Router v5 和 v6 版本。 10. 使用 GitHub Actions 自动化软件工作流程,构建、测试和部署代码,实现高效的代码审查、分支管理和问题处理。 11. 学习 Redux,利用 Redux-Toolkit 库简化应用状态管理。 我们提供课程完整的教学大纲和免费视频预览,欢迎您加入本课程,享受 30 天无风险退款保证!期待在课程中见到您!
React is the most popular library for building frontend web applications. Step-by-step by diving into all the basics, I'll introduce you to advanced concepts as well.We'll build the minesweeper application from scratch:setup of the development environmentconfiguration of the React JS appbasic algorithms of MinesweeperWe'll build the minesweeper game. During the course, we'll cover the most important topics. First will be a configuration of the ReactJS application with Typescript and using build tools Webpack+Babel.Second, there're presented TDD or TLD approaches that I'll try to practice with you during the coding sessions. Probably you don't have enough experience with the tests, but it's ok, there's still a good way to learn it from the course. When you work with code and cover it with test cases, it provides you with guarantees that your code works as you expected. This is the purpose and benefit of the tests.Tools for testing: Jest, Stryker, React Testing LibraryAlso, I'll try to cover basic Typescript concepts and show you a way to improve these skills. During the coding sessions, we'll cover advanced Javascript techniques to make sense of commonly used JS features.Storybook is the most popular way to build the components library. From our side, it's the most basic part of the course. We'll install and configure Storybook, which will provide us with a full components spec. This approach is called Components Driven Development.CSS-IN-JS, EmotionJS, and Styled-Components are very powerful toolkits to build UI components. Even very complex component styles can be easily produced and supported by it.We'll introduce you to React Hooks - it's the basic way to make dynamic UI for the applications.We'll make review React Router v5 and also React Router v6.GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make code reviews, branch management, and issue triaging work the way you want. We create our deployment workflow!Last but not least it's Redux. Redux is a beautiful way to manage an application state. We'll use the Redux-Toolkit library - it simplifies the work with Redux.Check out the full curriculum and free preview videos. Join the course risk-free with a 30-day money-back guarantee!See you on the course!