Nos formations

React Initiation et option Approfondissement (4 jours)

React Initiation et option Approfondissement (4 jours) Image

Accessible aux personnes en situation de handicap

PROGRAMME JOUR 1 :

  • Prérequis de JavaScript : Rappel
  • Introduction à EcmaScript 2015 (ES6) : Aperçu des fonctionnalités d’ES6 utilisable et TP pratique.
  • Introduction à React : Concepts de base, Composants à l’état, Performance, Rendu
  • Les choix de React : Le ‘V’
  • React combiné avec des frameworks JS : Possibilité
  • Installation React : Les Modes d’installation avec Babel, Webpack et create-react-app
  • Syntaxe JSX
  • Cas pratique : TP

PROGRAMME JOUR 2 :

  • Architecture de React : React et Flux
  • Vues (V) : fonctionnement, implémentation
  • Implémentation des vues : affichages, saisies, actions, binding et filtres
  • Composant React : propriétés, état, évènements, style
  • Cycle de vie d’un composant : comprendre les cycles, les méthodes ( Mounting, Updating, Unmounting…).
  • Navigation React : React-router, organiser les routes, liens vers les routes et composants
  • Introduction au framework Redux : stats , actions, store, disptacher
  • Fetch d’une API
  • Cas pratique : TP

PROGRAMME JOUR 3 : 

  • Mise en pratique : Création d’un mini-projet  : shopping cart ( système de panier )

PROGRAMME JOUR 4 (Option Approfondissement):

  • Inroduction à REDUX
  • Les tests unitaires React : Jest, Enzyme, Mocha, Jsdom
  • Debugging(Déboguer Redux) : Redux DevTools
  • Extension pour ReactJS : ”hot-loader”
  • Normes de Sécurité OWTF
  • Middelware personnalisé avec React/Redux

React Initiation et option Approfondissement (4 jours)

React Initiation et option Approfondissement (4 jours) Image

Accessible aux personnes en situation de handicap

PROGRAMME JOUR 1 :

  • Prérequis de JavaScript : Rappel
  • Introduction à EcmaScript 2015 (ES6) : Aperçu des fonctionnalités d’ES6 utilisable et TP pratique.
  • Introduction à React : Concepts de base, Composants à l’état, Performance, Rendu
  • Les choix de React : Le ‘V’
  • React combiné avec des frameworks JS : Possibilité
  • Installation React : Les Modes d’installation avec Babel, Webpack et create-react-app
  • Syntaxe JSX
  • Cas pratique : TP

PROGRAMME JOUR 2 :

  • Architecture de React : React et Flux
  • Vues (V) : fonctionnement, implémentation
  • Implémentation des vues : affichages, saisies, actions, binding et filtres
  • Composant React : propriétés, état, évènements, style
  • Cycle de vie d’un composant : comprendre les cycles, les méthodes ( Mounting, Updating, Unmounting…).
  • Navigation React : React-router, organiser les routes, liens vers les routes et composants
  • Introduction au framework Redux : stats , actions, store, disptacher
  • Fetch d’une API
  • Cas pratique : TP

PROGRAMME JOUR 3 : 

  • Mise en pratique : Création d’un mini-projet  : shopping cart ( système de panier )

PROGRAMME JOUR 4 (Option Approfondissement):

  • Inroduction à REDUX
  • Les tests unitaires React : Jest, Enzyme, Mocha, Jsdom
  • Debugging(Déboguer Redux) : Redux DevTools
  • Extension pour ReactJS : ”hot-loader”
  • Normes de Sécurité OWTF
  • Middelware personnalisé avec React/Redux