Développement Front-End
ReactJS
Objectif
Comprendre les fonctionnements internes de React
Décrire un arbre de composants
Maîtriser la gestion globale d’état et intégrer l'architecture Flux avec Redux
Créer et intégrer un environnement de développement
Développer une application complète capable d’interagir avec un serveur
Bon niveau Javascript
Moyens pédagogiques
Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d'un support de cours.
Moyens techniques
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et éventuellement d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Architectes, développeurs et chefs de projets web
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation est compatible avec l’organisation en session inter-entreprises
Programme de la formation
Introduction et historique
- Retour sur l’environnement frontend actuel et son futur proche, concepts de base : chargement de ressources, modularité, asynchronisme, data-binding, immutabilité…
Les choix de React
- MVC: Fonctions pures de rendu, composants à état
- Virtual DOM, la source de l’efficacité de React
TP
- Création d’un premier arbre de composants, propagation des props, branchement des event-handlers, population de composants enfants, gestion de l’état interne…
- Installation d’un environnement de production plus moderne: Node, ESLint, Webpack, Hot reloading, React DevTools
- Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM
- Aller plus loin avec DOM, du CSS
- Exploiter le cycle de vie des composants
- Types: garanties et couverture avec Flow
- Tests unitaires
- Revisiter la communication inter-composants
- Externalisation de l’état avec un store Redux
- Dispatch d’actions, composition des reducers associés
- Manipulation du context
- Redux DevTools, time-travel debugging.
- Provider et connexions React-redux
- Comment rajouter des middlewares Redux
- Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
- Appel d’API distante
- Rendu des composants côté serveur (isomorphisme)
- Routage (v4)