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

  • Le Shadow DOM
  • L’import HTML
  • Les templates
  • Les polyfills

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
Cookies