|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-2020-par-la-pratique-de-a-a-z-evolution-progressive/
课程评论：没有评论
**课程名称:** REACT 2021: 从A到Z的实践（循序渐进） **课程概述:** 本课程将带领您深入学习React.js这一强大的JavaScript库。通过构建四个不同的实践项目，您将掌握React的核心概念和实用技术。 **课程亮点:** * **重点项目:** * **第一个应用:** 深入讲解 `React` 的基础知识，包含表单创建、`Formik` 和 `Yup` 库的使用，用于表单验证。实践项目为一个图书管理应用（前端CRUD）。 * **第二个应用:** 学习如何与后端服务器（如Firebase）进行交互，使用 `Axios` 库进行数据请求和发送。实践项目为一个RPG角色创建应用。 * **第三个应用:** 结合 `React Router` 创建完整的单页应用程序。通过与 `REST Countries` API 交互，学习获取和处理数据。实践项目为一个展示世界各国信息的网站。 * **第四个应用:** 巩固前三个项目的知识，并学习使用 `React-Bootstrap` 和 `React Router` 构建多页面应用。实践项目为一个展示法国公共设施列表的应用，并将网站部署到Apache服务器。 * **Hooks模块:** 新增两个关于Hooks的模块，讲解Hooks的基础知识，并使用Hooks构建第五个迷你项目。 * **React Router v5:** 课程使用React Router v5版本，并建议学员参考v6版本的更新文档。 * **学习路径:** 课程适合具备JavaScript基础知识的学习者，但不建议编程初学者直接从框架开始学习。推荐的学习路径为：算法 -> 编程语言 -> 框架/库。 * **学习资源:** 提供可下载的课程总结幻灯片。 * **时长:** 超过10小时的视频内容。 * **最终目标:** 学习完成后，您将能够自信地使用React开发前端应用和网站，并将此技能添加到您的简历中。 **先决条件:** * 具备良好的JavaScript编程基础。 * 对编程概念有基本理解。 **注意事项:** * 本课程的React Router版本为v5。 * 不适合完全没有编程基础的学习者。
Le cours utilise la version 5 de REACT ROUTER. La V6 est disponible depuis fin 2021. Pour suivre cette formation, je vous inviterai à utiliser la même version que moi et à regarder la documentation relative aux mises à jours de la V6.Nouveau 2021: Ajout de 2 modules sur les Hooks (1,5h): - Introduction aux Hooks- 5ème mini-projet utilisant les hooksREACT 2020 par la pratique, de A à Z (évolution progressive):Avec ce cours, vous apprendrez les bases de la librairie JavaScript REACT au travers de 4 applications différentes.C'est l'un des "cours de fin de parcours" que je propose dans le cursus JavaScript H2PROG ; il en contient 10 autres permettant d'apprendre ce langage de programmation, les bases de données (MongoDB / SQL), l'architecture MVC, la programmation Serveur, la programmation Front-End....Un niveau Intermédiaire:Même si j'explique tout ce qui est réalisé, il vous faudra disposer de bonnes bases en programmation JavaScript pour suivre ce cours dans de bonne conditions! Je ne recommande pas à un débutant en programmation de démarrer son apprentissage par l'utilisation d'un Framework ou d'une librairie (en particulier REACT).La progression normale d'un apprenti développeur est la suivante: Algorithmique -> langage de programmation -> framework / librairieLe niveau est cependant "Débutant" en ce qui concerne la librairie REACT.Le cours....permettra d'apprendre les bases de la librairie et toutes les notions fondamentales pour l'utiliser dans de bonnes conditions. Vous aurez des diapositives de synthèse téléchargeables que vous pourrez imprimer et utiliser au besoin dans la poursuite de votre apprentissage.La première application....contiendra toutes les bases de la librairie et sera un "gros" exercice du cours. Nous rajouterons en plus deux notions fondamentales liées aux sites et applications web avec: la création de formulaires avec React, l'utilisation des modules Formik et Yup pour valider les formulairesNous créerons une application permettant de gérer des livres (CRUD front-End).La deuxième application....permettra de mettre en pratique tous vos acquis et rajoutera la possibilité d'échanger avec un "serveur" tels que Firebase. Nous créerons sur ce dernier une base de données qui contiendra plusieurs informations que nous pourrons récupérer dans notre application grâce à Axios. Nous verrons également comment envoyer des informations au serveur. Nous programmerons une application permettant de créer des personnages (type RPG).La troisième application....permettra encore plus de pratique sur les fondamentaux, l'utilisation des compétences apprises dans la deuxième application, en particulier sur le module Axios. Nous communiquerons avec une API REST (REST Countries) pour récupérer des données et les traiter en Front avec React. Nous en profiterons pour apprendre comment créer un site web complet via l'utilisation de React RouterNous créerons un site permettant d'afficher tous les pays du monde (drapeau, nom, capitale....), depuis une l'API REST Countries.La quatrième application....permettra de consolider les acquis des 3 premières et de créer un site web supplémentaire avec 3 pages (la page d'accueil, l'application, la page de contact). Cette application fournira l'occasion d'installer le module React-Bootstrap et de voir comment il s'utilise en combinaison avec React-Router. Nous ajouterons une application permettant de lister tous les établissements publics Français, en utilisant une API REST du gouvernement.Nous verrons enfin comment mettre en ligne ce site internet sur un serveur Apache!L'objectif...Avec plus de 10 heures d'enregistrements, vous disposerez du nécessaire pour développer sereinement des applications et sites internet Front-end avec la librairie REACT. A l'issue de cette formation vous pourrez rajouter cette nouvelle compétence sur votre CV.Les applications sont disponibles en ligne et sont testables!Merci et à très vite!Matthieu de H2PROG.
