| Référence | F186766 |
| Prix par personne en présentiel ou distanciel | 1500 € |
| Session ouverte | A partir de 2 personnes |
| Intra-entreprise | Nous consulter |
Public concerné
Développeurs JavaScript, architectes et chefs de projets web
Objectifs
Savoir développer avec ReactJS – Concevoir une SPA avec ReactJS et Flux – Comprendre le subset JavaScript JSX – Optimiser les performances des RIA
Durée : 3 jours
Prérequis
Bonne connaissance de JavaScript, pratique du développement web
Méthodes et Moyens pédagogiques
Formation réalisée en présentiel ou en distanciel (Choix à définir). Exposés, cas pratiques, synthèse. Matériel : 1 poste par stagiaire, vidéoprojecteur, tableau
Support de cours fourni à chaque stagiaire.
Modalités de suivi et d’évaluations
Feuille de présence émargée par demi-journée par les stagiaires et le formateur
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Questionnaire d’évaluation de la satisfaction en fin de stage
Auto-évaluation des acquis de la formation par les stagiaires
Attestation de fin de formation
Informations pratiques
Informations pratiques : Accessibilité , modalités et délais d’accès.
Contenu de la formation
Rappels des composants des RIA
- Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
- Design patterns applicatifs classiques. Limitations des applications JavaScript.
- Ecosystème des frameworks JavaScript
- Principes de Data-Binding : dirty-checking, observable, ReactJS, positionnement et philosophie
- JSX : présentation. Mise en œuvre « Transpilers »
- Environnement de développement. IDE et plug-ins.
Développer avec ReactJS
- Approche : MVC et Virtual Dom, un choix de performance.
- Utiliser JavaScript ou JSX.
- Comprendre JSX en détail. Pièges à éviter.
- Méthodes principales de l’API.
- Création de composant de vues. Cycle de vie.
- Initialisation de propriétés.
- Render Function : gestion des états de composant.
Interactivité des composants
- Gestion des événements. autobinding et délégation
- Design Pattern : stratégie pour les composants à état.
- Composer par ensembles.
- Component Data Flow : propriétaire, enfants et création dynamique.
- Composants réutilisables : contrôle et transfert de propriétés.
- Contrôle des composants de formulaire.
- Manipulation du DOM.
Application monopage avec ReactJS et Flux ou Redux
- Flux/Redux : présentation. Propagation de données.
- Comparaison des architectures.
- Création de vues et contrôleurs dans Flux.
- Rôle du Dispacther dans Flux pour les actions.
- Les Stores
- gestionnaire d’états logique dans Flux
- Définition du Functionnal Programming.
- Approche avec Redux. Le Reducer.
- Extension pour ReactJS : hot-loader
Application isomorphique
- Principe et bénéfices du développement isomorphique.
- Ecosystème du JavaScript côté serveur
- Initiation à NodeJS
- Configuration de NodeJs pour ReactJS.
- Organisation de routes.
Introduction à React Native
- Positionnement, différences avec Cordova
- De React aux composant iOS natifs, un projet à suivre.