|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/coder-10-projets-avec-react/
课程评论：没有评论
**课程名称：** Coder 10 projets avec React **课程概述：** 本课程将带领您使用 React 框架完成 10 个丰富的项目，涵盖多种现代 Web 开发技术。您将从零开始构建： * **一个完整的图片滑块 (Slider)：** 掌握组件化开发和状态管理。 * **一个 React 翻译系统：** 学习如何结合第三方库实现多语言功能。 * **一个多步骤表单：** 实践表单验证和用户交互。 * **使用 React-Spring 的动画效果：** 提升用户体验，添加视觉吸引力。 * **一个番茄工作法计时器 (Pomodoro App)：** 学习如何实现计时器和倒计时功能。 * **一个 Unsplash 克隆应用：** 包含无限滚动和搜索功能，模拟真实 API 数据抓取。 * **一个使用 Chart-JS 的数据仪表盘 (Dashboard)：** 学习如何可视化数据。 * **一个使用 Firebase 进行身份验证的应用：** 掌握后端集成和用户管理。 * **一个使用 Redux 实现购物车的电商应用：** 深入理解 Redux 的全局状态管理。 * **一个类似 Evernote 的笔记应用：** 综合运用所学知识，构建实用工具。 **核心技术栈：** 课程将广泛运用以下重要技术： * **Redux：** 全局状态管理工具，用于高效管理应用程序中的数据流。 * **React Context API：** 另一种状态管理方案，适用于更简单的数据共享场景。 * **React-Router：** 实现 Web 应用中的路由导航。 * **Chart-JS：** 用于创建各种图表和数据可视化。 * **React-Spring：** 强大的 React 动画库。 * **Firebase：** 用于身份验证、数据库等后端服务的集成。 **先修知识要求：** 在学习本课程之前，建议您具备扎实的 JavaScript 基础知识，包括： * 数组 (Arrays) * 对象 (Objects) * DOM 操作 * 函数 (Functions) * 现代 JavaScript 特性 (箭头函数、解构赋值、展开运算符等) 如果您满足以上要求，即可开始学习！
Et c'est parti pour 10 projets avec React! ⚛️Dans ce cours, on va coder:- Un slider de A à Z- Un système de traduction avec React- Un formulaire qui contient plusieurs étapes de validation- Des animations avec React et la librairie React-Spring- Une app "Pomodoro" avec un système de Chrono- Un clone de Unsplash, la banque d'images en ligne, avec un scroll infini et un système de recherche.- Un dashboard avec React et Chart-JS- Une application avec un système d'authentification en utilisant Firebase- Une app style E-Commerce avec un système de panier en utilisant Redux.- Et pour terminer une App de prise de notes type Evernote!Ça donne envie hein ?Pour visualiser ce que ça donne tu peux regarder la vidéo d'introduction juste au-dessus.On va utiliser des tas de technologies très utiles, comme Redux, l'API de contexte, React-Router, ChartJS, React-Spring etc...Redux est un "state manager", c'est un outil qui nous permet de gérer les données à travers toute une application, sans avoir forcement besoin de passer des données via des props.React-router de son côté, va nous permettre de créer un système de navigation avec une application web crée par React.Avant de suivre ce cours, veuillez faire attention à avoir de bonnes connaissances de base de JavaScript.Vous devez savoir maitriser:- Les tableaux- Les objets- Le DOM- Les fonctions- Le JS moderne (fonction fléchée, destructuring, spread...)- etc...Si c'est ok pour vous, rendez-vous de l'autre côté pour commencer à coder! ✌️
