Formation : ReactJS

Ref. REACTJS
Durée :
3
 jours
Examen :
Non certifiant
Niveau :
Fondamental

Description

React est une bibliothèque front-end pour développer des applications à page unique en Javascript. C’est la bibliothèque la plus populaire soutenue par Facebook. Avec la bibliothèque React, vous pouvez développer des applications frontales dynamiques dotées d’excellentes fonctionnalités telles que l’architecture des composants, la liaison de données, les vues déclaratives et les applications universelles.

Profils des participants

  • Développeurs et architectes Javascript

Objectifs

  • Coder en utilisant les nouvelles fonctionnalités du langage ES6
  • Développer une application à partir de zéro en utilisant React
  • Comprendre les avantages du flux de données unidirectionnel
  • Comprendre et utiliser React, React Router, Redux
  • Utiliser des composants stylés pour créer des composants de présentation (CSS dans JS)
  • Profiter des outils de développement React et Redux
  • Profiter de la bibliothèque immutable.js
  • Tester les composants React, Redux à l’aide de Jest et Enzyme

Connaissances Préalables

  • Expérience importante en développement JavaScript
  • Avoir suivi ou maîtriser les notions incluses dans le cours suivant : Introduction à JavaScript

Contenu du cours

Module 1 : Primaire ES6

  • Leçon 1 : Histoire de Javascript
  • Leçon 2 : Qu’est ce que l’ES6
  • Leçon 3 : Un mot sur « bable »
  • Leçon 4 : Portée du bloc, let & const
  • Leçon 5 : Littéraux de modèle
  • Leçon 6 : Fonctions de flèche
  • Leçon 7 : Opérateurs d’étalement et de repos
  • Leçon 8 : Amélioration littérale des objets
  • Leçon 9 : La destruction
  • Leçon 10 : Des classes
  • Leçon 11 : Héritage
  • Leçon 12 : Propriétés et méthodes statiques
  • Leçon 13 : Promesses
  • Leçon 14 : Itérateurs et Iterables
  • Leçon 15 : Générateurs
  • Leçon 16 : Modules
  • Leçon 17 : Set et carte

Module 2 : Introduction à React

  • Leçon 1 : Qu’est ce que React?
  • Leçon 2 : Pourquoi réagir?
  • Leçon 3 : Réagir à l’historique des versions
  • Leçon 4 : Just React – Hello World
  • Leçon 5 : Utiliser create-react-app
  • Leçon 6 : Projet d’anatomie de React
  • Leçon 7 : Lancer l’application
  • Leçon 8 : Débogage de la première application React

Module 3 : Templating avec JSX

  • Leçon 1 : Travailler avec React.createElement
  • Leçon 2 : Expressions
  • Leçon 3 : Utiliser des opérateurs logiques
  • Leçon 4 : Spécifier les attributs
  • Leçon 5 : Spécifier les enfants

Module 4 : Tout est question de composants

  • Leçon 1 : Importance de l’architecture des composants
  • Leçon 2 : Types de composants
  • Leçon 3 : Fonctionnels
  • Leçon 4 : Basés sur la classe
  • Leçon 5 : Purs
  • Leçon 6 : Composition des composants

Module 5 : Travailler avec l’état et les props

  • Leçon 1 : Qu’est-ce que l’état et sa signification
  • Leçon 2 : Lire l’état et définir l’état
  • Leçon 3 : Transmission de données à un composant à l’aide de props
  • Leçon 4 : Valider les props à l’aide de propTypes
  • Leçon 5 : Fournir des valeurs par défaut aux props à l’aide de defaultProps

Module 6 : Listes de rendu

  • Leçon 1 : Utiliser Rea key prop
  • Leçon 2 : Utilisation de la fonction de carte pour effectuer une itération sur des tableaux pour générer des éléments

Module 7 : Gestion des événements dans React

  • Leçon 1 : Comprendre React au système d’événements
  • Leçon 2 : Comprendre l’événement synthétique
  • Leçon 3 : Passer des arguments aux gestionnaires d’événements

Module 8: Comprendre le cycle de vie des composants

  • Leçon 1 : Comprendre le cycle de vie des composants

Module 9 : Travailler avec des formulaires

  • Leçon 1 : Composants contrôlés
  • Leçon 2 : Composants non contrôlés
  • Leçon 3 : Comprendre la signification du support defaultValue
  • Leçon 4 : Utiliser react ref prop pour avoir accès à l’élément DOM

Module 10 : Routage avec routeur de React

  • Leçon 1 : Mise en place du routeur de React
  • Leçon 2 : Comprendre le routage dans des applications à une page
  • Leçon 3 : Travailler avec les composants BrowserRouter et HashRouter
  • Leçon 4 : Configuration de l’itinéraire avec le composant Route
  • Leçon 5 : Utilisation du composant Switch pour définir des règles de routage
  • Leçon 6 : Rendre les routes dynamiques en utilisant les paramètres de route
  • Leçon 7 : Travailler avec des routes imbriquées
  • Leçon 8 : Navigation vers les pages à l’aide du composant Link et NavLink
  • Leçon 9 : Rediriger les routes à l’aide de RedirectComponent
  • Leçon 10 : Utilisation du composant Invite pour obtenir le consentement de l’utilisateur pour la navigation
  • Leçon 11 : Path moins Route pour gérer les requêtes ayant échoué

Module 11 : Just Redux

  • Leçon 1 : Ce qui est redux
  • Leçon 2 : Pourquoi Redux
  • Leçon 3 : Principes de redux
  • Leçon 4 : Installer et configurer redux
  • Leçon 5 : Créer des actions, réducteur et stocker

Module 12 : Immutable.js pour les infrastructures de données immuables

  • Leçon 1 : Qu’est-ce que Immutable.js?
  • Leçon 2 : Collections immuables
  • Leçon 3 : Les listes
  • Leçon 4 : Les Maps
  • Leçon 5 : Les Sets

Module 13 : Réagir Redux

  • Leçon 1 : Qu’est-ce que React Redux?
  • Leçon 2 : Pourquoi réagir en redux
  • Leçon 3 : Installer et configurer
  • Leçon 4 : Composants de présentation et de conteneur
  • Leçon 5 : Comprendre le composant d’ordre élevé
  • Leçon 6 : Comprendre l’utilisation de mapStateToProps et mapDispatchtToProps

Module 14 : Tests unitaires en React

  • Leçon 1 : Comprendre la signification des tests unitaires
  • Leçon 2 : Comprendre le jargon des tests unitaires et les outils

Documentation

  • Support de cours numérique inclus

Lab / Exercices

  • Lab 1 : Primaire ES6
  • Lab 2 : Introduction à React
  • Lab 3 : Templating avec JSX
  • Lab 4 : Tout est question de composants
  • Lab 5 : Travailler avec l’état et les props
  • Lab 6 : Listes de rendu
  • Lab 7 : Gestion des événements dans React
  • Lab 8 : Comprendre le cycle de vie des composants
  • Lab 9 : Travailler avec des formulaires
  • Lab 10 : Routage avec routeur de React
  • Lab 11 : Just Redux
  • Lab 12 : Immutable.js pour les infrastructures de données immuables
  • Lab 13 : Ract Redux
  • Lab 14 : Tests unitaires en React

Cours complémentaires

Financement Temptraining

ITTA est partenaire de Temptraining, le fonds de formation continue pour les travailleurs temporaires. Ce fonds de formation peut subventionner des formations continues pour toute personne qui travaille pour un employeur assujetti à la Convention collective de travail (CCT) Location de services.
Prix de l'inscription
CHF 2'150.-
Inclus dans ce cours
  • Formation dispensée par un expert du domaine
  • Documentation et supports digitaux
  • Badge de réussite

mer21Juin(Juin 21)09:00ven23(Juin 23)17:00VirtuelVirtuel Etiquettes de sessionREACTJS

mer21Juin(Juin 21)09:00ven23(Juin 23)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionREACTJS

mer26juil(juil 26)09:00ven28(juil 28)17:00VirtuelVirtuel Etiquettes de sessionREACTJS

mer26juil(juil 26)09:00ven28(juil 28)17:00Genève, Route des Jeunes 33B, 1227 Carouge Etiquettes de sessionREACTJS

mer30Aoûven01SepVirtuelVirtuel Etiquettes de sessionREACTJS

mer30Aoûven01SepLausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionREACTJS

mer04Oct(Oct 4)09:00ven06(Oct 6)17:00VirtuelVirtuel Etiquettes de sessionREACTJS

mer04Oct(Oct 4)09:00ven06(Oct 6)17:00Genève, Route des Jeunes 33B, 1227 Carouge Etiquettes de sessionREACTJS

mer08Nov(Nov 8)09:00ven10(Nov 10)17:00VirtuelVirtuel Etiquettes de sessionREACTJS

mer08Nov(Nov 8)09:00ven10(Nov 10)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionREACTJS

mer13Déc(Déc 13)09:00ven15(Déc 15)17:00VirtuelVirtuel Etiquettes de sessionREACTJS

mer13Déc(Déc 13)09:00ven15(Déc 15)17:00Genève, Route des Jeunes 33B, 1227 Carouge Etiquettes de sessionREACTJS

Horaires d’ouverture

Du lundi au vendredi, de 8:30 à 18:00.

Contactez-nous

Votre demande

X
X
X
X