Créer une Single Page Application avec React JS
*Prix minimum hors frais annexes.
Après un parcours de formation sous statut d’élève ou d’étudiant, Après un parcours de formation continue, Par candidature individuelle, Par expérience, Entreprises
Conception web - développement web
Disposer d'une connexion Internet minimum de 8 Mb/s, Disposer d'un PC/MAC (CPU min 2.00Ghz, HDD/SSD min 256Go, RAM min 4 Go), Disposer d'un écran déporté, Disposer d’une webcam, Disposer d’un microphone, Avoir un niveau anglais minimum B1 (classement CECRL), Effectuer un questionnaire de positionnement
Travaux à rendre
Handicap moteur ou physique, Maladie chronique handicapante
Créer une Single Page Application avec React JS
1. Rappel des basesLes 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, virtual-dom.ReactJS, positionnement et philosophie.JSX, présentation. Mise en œuvre "Transpilers".Environnement de développement. IDE et plug-ins.2. Développer avec ReactJSApproche : MVC et Virtual Dom, un choix de performance.Utiliser JavaScript ou JSX.Présentation des compostants (classes et fléchés)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.3. Interactivité des composantsGestion des événements. "autobinding" et délégation.Système de HooksDesign 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.4. Application monopage avec ReactJS et Flux ou Redux (store)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".
Supervision pédagogique : Assistance technique - Aide en ligne - Suivi par visioconférence Assistance technique : Par chat (instantané) - Par email (sous 24h) - Pendant et entre les séquencesToutes les formations référencées sur notre catalogue GanaMarket sont mises en œuvre dans le respect du label Qualiopi