Plan du cours
Développement d'applications front-end modernes
- Aperçu et similarités 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 fonctions fléchées
- 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
- Tuplets, objets
- Interfaces
- Génériques
Langage de template React
- Langage de template basé sur JavaScript : JSX
- Définition des propriétés des éléments
- Répétition d'éléments
- if / else
- Événements
- Classes et styles CSS
Gestion de l'état dans React
- Définition et modification de l'état de l'application
- Utilisation de l'hook d'état et de setState
- Capture du contenu des éléments d'entrée dans l'état
Composants : Les briques de base des applications web modernes
- Définition de balises HTML personnalisées dans React
- État, props & événements
- Flux de données entre les composants
- Composants fonctionnels et composants par classe
- Utilisation des hooks dans les composants fonctionnels
- Événements du cycle de vie du composant (montage, mise à jour, démontage)
- Inclusion de composants prédéfinis à partir d'une bibliothèque
Gestion de l'état avec Redux
- Notions de base de Redux : gestion d'état avec fonctions pures, réducteurs et données immuables
- Utilisation du hook réducteur dans React
- Intégration de Redux dans une application React
- Composants présentatifs et conteneurs
- L'écosystème Redux
- Gestion des événements asynchrones avec Thunk
- Récupération de données depuis une API REST
Outils de développeur et tests
- Outils de développeur React
- Outils de développeur Redux
- Tests de JavaScript avec Jest
- Tests de réducteurs
- Tests de composants React
React Router
- Routage côté client
- Affichage de différentes vues en fonction de la route du navigateur actuelle
Développement d'applications avec React
- Court aperçu de React Native
- Création d'une application mobile et de bureau installable avec Progressive Web Apps
- Comparaison des Progressive Web Apps et des applications natives
Pré requis
- Bases de HTML
- Expérience avec JavaScript
Nos clients témoignent (7)
C'était vraiment très satisfaisant de finalement acquérir une compréhension solide de certains concepts fondamentaux de React, en particulier ceux liés à l'état (state) et aux hooks. Łukasz a fourni des explications très claires sur ces sujets et a été heureux d'expérimenter avec des exemples pratiques pour répondre aux questions supplémentaires que nous avions.
Hayden Pike - Powerlink Queensland
Formation - React, Redux and TypeScript
Traduction automatique
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