|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-18-et-redux-toolkit-par-la-pratique-3-projets/
课程评论：没有评论
**课程名称：** React (18) 结合 Redux (Toolkit) 实战（3个项目） **课程概述：** 本课程在掌握 HTML5、CSS 和 JavaScript 这三大前端基础语言的基础上，重点讲解以下内容： * **React (v18):** 作为一款领先的 JavaScript 框架，我们将深入学习其核心概念。 * **Redux Toolkit:** 作为强大的状态管理库，我们将掌握其最新版本的使用方法。 * **CSS3:** 学习使用 CSS3 进行样式编写。 **React 学习要点：** * **函数式编程：** 课程将侧重函数式编程范式在 React 中的应用。 * **生态系统库：** 熟悉并使用一系列常用的 React 生态系统库，包括： * react-icons：图标库 * react-select：下拉选择组件 * react-toastify：消息通知组件 * react-router-dom (v6)：路由管理 * axios：异步请求库 * Highcharts：图表库 * styled-components：样式组件库 **CSS 学习要点：** * **无框架样式：** 本课程不使用 CSS 框架，而是专注于使用 `styled-components` 来简化样式编写。 * **响应式设计：** 学习利用媒体查询 (media-queries) 实现响应式布局。 * **布局实践：** 大量练习 Flexbox 和 CSS Grid 两种主要的布局系统。 **Redux 学习要点：** * **Redux Lifecycle：** 理解 Redux 的工作流程。 * **核心概念：** 掌握 `dispatch`、`actions`、`thunks`、`payload`、`reducer`、`slice`、`store/state` 以及 `fulfilled/error/rejected` 等状态。 **开发环境与部署：** * **VS Code 增强：** 学习利用 VS Code 扩展提升开发效率。 * **版本控制与部署：** 注册 GitHub 和 Netlify 免费账号，学习部署项目。 **课程目标：** 通过充分练习前端基础和 React 的核心知识，使学员能够独立开发，并利用网络资源创建个人项目，作为展示能力的演示作品。 **项目实践：** * **API 请求：** 使用 `axios` 库，配合 `async/await` 和 `try/catch` 异步编程模式，与多个 RESTful API 进行交互。 * **项目主题：** 课程包含三个实战项目，分别涉及： * 个人主页 * 太空主题项目 * 金融市场主题项目
Salutations,En plus des 3 langages de base du front end (HTML5, CSS, JavaScript), ce cours se focalise sur:React (version 18) qui est un framework JavaScript.Redux (dans sa version Toolkit) qui est un state manager.CSS3 pour l'écriture du style.Au sujet de React: Programmation fonctionnelle ici. Nous utiliserons un certain nombre de librairies de l'écosystème comme react-icons, react-select, react-toastify, react-router-dom (v6) pour le routage, axios pour les requêtes asynchrones, Highcharts pour les graphes, styled-components pour faciliter l'écriture du CSS.Au sujet du CSS: nous n'utiliserons pas de framework, simplement styled-components, très pratique. Le style sera responsive (media-queries). Nous pratiquerons beaucoup les deux systèmes principaux de layouting ; Flex et Grid.Au sujet de Redux: Version Toolkit. Notions de cycle redux, dispatch, actions, thunks, payload, reducer, slice, store/state, et d'etat fulfilled/error/reject. Nous voyons aussi comment muscler vscode avec des extensions qui facilitent la vie du développeur et nous créons des comptes (gratuits) chez github et netlify pour déployer nos projets.Le but est de travailler suffisamment les briques du frontend et de React pour apprendre à se lancer tout seul et à utiliser des ressources du net pour créer des applications personnelles pouvant servir de démonstrateurs.Nous utiliserons plusieurs API REST et les requêtes à celles-ci se feront grâce à la librairie axios et à un code JavaScript basé sur les blocs async/await et try/catch.En plus d'une page personnelle, un projet sur le thème de l'espace et un autre sur le thème de la finance de marché sont proposés.
