EduGroupe accompagne les entreprises dans leurs projets de formation liée aux technologies informatiques
Formation React JS – Développement d’applications web
- Référence : DEREACT001
- Durée : 3 jours (21 heures)
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Avoir des connaissances pratiques du développement Web, maîtrise et pratique de Javascript (ES5 minimum)
PROFIL DES STAGIAIRES
- Architectes web
- Chefs de projets web
- Développeurs web
- Webmestres
OBJECTIFS
- Connaître les spécificités de ReactJS
- Savoir développer des applications web performantes avec ReactJS
- Concevoir une SPA avec ReactJS et Flux
- Comprendre le subset JavaScript JSX
- Optimiser les performances des RIA
- Être en mesure de comprendre les impacts du choix d'une architecture incluant ce type d'application
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS
1 - Avant-propos
- Présentation du framework React : Historique
- Fonctionnement des navigateurs
- Le DOM
- Le JSON
- Les protocoles réseaux
- Les APIs REST
- Présentation de l’injection de dépendance et l’inversion de contrôle
2 - Installation
- Des outils de développement
3 - JavaScript ES 6
- Le nouveau standard de JavaScript
- Les nouveaux mots-clés
- Les classes et l’héritage
- Les collections
- Les modules
- Les promesses
4 - TypeScript
- Le JavaScript typé
- Le typage des variables
- Les méthodes avec TypeScript
- Les interfaces et classes abstraites
- Les décorateurs
5 - Les composants Web
- Les polyfills
- Le Shadow DOM
- L’import HTML
- Les templates
6 - React
- Le DOM virtuel, le pourquoi du comment
- Les composants
- JSX : Présentation
- Les states
- Les contextes
- Les props
- Les composants enfants
- Découpage de templates
- Validation des données
- Communication inter-composant
- Les événements
- Le cycle de vie des composants
7 - De Flux à Redux
- Présentation
- Les states
- Les actions
- Les « Reducer »
- Store
- Les « action creator »
8 - Nouveauté React : Context et Les hooks pour remplacer Redux
- Présentation
- State Hook
- Effect Hook
- Règles pour les Hooks
- Construire son hooks
- Remplacer Redux avec le context et les hooks
9 - La programmation réactive
- Principe
- RxJS
10 - Communication vers un serveur
- Connexion vers une API REST
11 - Application mono-pagée
- La navigation
- Les routes
12 - Les formulaires
- Récupération des données
- Validation
13 - Les bonnes pratiques
- Tests unitaires
- Documenter son application
- Structurer son application
