Plan du cours
Développement d'applications front-end modernes
- aperçu et similitudes de React, Angular, Vue.js
- rendu déclaratif
- composants - définition de balises HTML personnalisées
- utilisation de create-react-app pour initialiser un projet React
JavaScript moderne
- développement avec node.js et npm
- versions de JavaScript
- travail avec les modules
- fonctions et flèches
- classes
- programmation fonctionnelle en JavaScript (map, filter, ...)
TypeScript
- typage statique vs dynamique
- déclaration des types de variables, fonctions et classes
- types de données de base
- tuples, objets
- interfaces
- génériques
Langage de template de React
- Langage de template basé sur JavaScript: JSX
- définir les propriétés des éléments
- répéter des éléments
- si / else
- événements
- classes CSS et styles
Gestion de l'état dans React
- définir et modifier l'état de l'application
- utilisation du hook d'état et setState
- capturer le contenu des éléments de saisie dans l'état
Composants: briques de construction des applications web modernes
- définir des balises HTML personnalisées dans React
- état, props & événements
- flux de données entre composants
- composants de fonction et composants de classe
- utilisation des hooks dans les composants de fonction
- événements du cycle de vie des composants (montage, mise à jour, démontage)
- intégration de composants prédéfinis depuis une bibliothèque
Gestion de l'état avec Redux
- Concepts de base de Redux: gestion de l'état avec des fonctions pures, des reduceurs et des données immuables
- utilisation du hook reduceur dans React
- intégration de Redux dans une application React
- composants présentatifs et composants conteneurs
- l'écosystème de Redux
- gestion des événements asynchrones avec Thunk
- récupération de données depuis une API REST
Outils de développement et tests
- Outils de développement React
- Outils de développement Redux
- Tests de JavaScript avec Jest
- Tests des reduceurs
- Tests des composants React
React Router
- routing côté client
- affichage de différentes vues en fonction du chemin actuel du navigateur
Développement d'applications avec React
- Aperçu rapide de React Native
- Création d'une application mobile et desktop installable avec des Progressive Web Apps (PWA)
- Comparaison des PWA et des applications natives
Pré requis
- Bases de HTML
- Expérience avec JavaScript
Nos clients témoignent (7)
Les détails, la manière d'expliquer et le calme et la confiance que l'animateur inspire.
Cosmin Ghergheles - Ness
Formation - React, Redux and TypeScript
Traduction automatique
Łukasz patience
Stroila Adrian Emilian
Formation - React, Redux and TypeScript
Il couvrait les composants de base
Valentin
Formation - React, Redux and TypeScript
Traduction automatique
L'enthousiasme de Lukasz.
Eloise Phelps - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
Comment Luke a fait preuve d'un grand effort pour aider les personnes individuellement lorsqu'elles avaient des problèmes pour exécuter le code. Luke était extrêmement sympathique et s'entendait très bien avec les participants au cours.
Jonathan Grout - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
L'engagement du formateur avec tous les participants était excellent, tout le monde a reçu de l'aide à un moment ou à un autre durant la formation. C'était une expérience très positive dans l'ensemble, surtout pour les personnes peu familières avec le sujet.
Tayyab Ejaz Mushtaq - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
J'ai apprécié le fait que cela ressemble à un environnement sûr et je ne me suis pas senti intimidé en partageant mon écran et mes difficultés avec l'animateur ou le groupe.
Wanda Hawkins-Kavanagh - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique