Durée :
3 jours (21h)
Ref :
B-WF-RJ
Prix :
1650€ HT
Dates des prochaines sessions
Session garantie à partir de 2 personnes.
1.3.23
-
3.3.23
Centre de Nantes / Classe à Distance / Dans vos locaux
B-WF-RJ-20230301
31.5.23
-
2.6.23
Centre de Nantes / Classe à Distance / Dans vos locaux
B-WF-RJ-20230531
Publics
Développeurs web HTML, JavaScript et CSS
Pré-requis

Vous devez être très familier avec les langages du web (HTML, JavaScript et CSS).

Informations pratiques
  • THÉORIE : 30%
  • PRATIQUE : 70%
  • LIEUX : CENTRE DE NANTES, CLASSE A DISTANCE, DANS VOS LOCAUX

Votre formateur
Consultant, Formateur JavaScript Web et Mobile avec une vision très opérationnelle, en tant que développeur expérimenté d’applications mobiles Cross-Platforms.

Développer des applications web avec ReactJS

Vous trouverez ci-dessous le programme détaillé de la formation « Développer des applicationsweb avec Angular », cette formation de 3 jours vous permet d’acquérir tous les fondamentaux du développement d’applications web avec ReactJS.

Objectifs pédagogiques 

  • Créer une application React.js
  • Savoir utiliser les outils de développements
  • Développer des interfaces utilisateurs
  • Tester les composants
  • Mettre en place une architecture avec Redux


Programme détaillé

Javascript

  • Historique
  • ES5 / ES6 / ES7
  • Callback vs Promise vs Async/Await
  • Mise en pratique : Installation de l’environnement de développement et manipulation langage JavaScript

Objectif opérationnel : Rafraîchir les connaissances de la prochaine génération de Javascript (ES)

Moyen d’évaluation : QCM


Présentation de React.js

  • Historique du framework
  • Utilisation de Create React App
  • Comprendre la structure du projet React
  • Syntaxe JSX
  • Premiers composants (Render, Props, State, …)
  • Mise en pratique dans un projet initialisé : Manipulation simple de composants

Objectif opérationnel : Découvrir la syntaxe du JSX et avoir une idée de ce que c’est un composant React

Moyen d’évaluation : QCM


Composants

  • Class Components
  • Functional Components
  • Lifecycle and states
  • Conditional rendering et listes
  • Composition
  • Higher Order Components (HOC)
  • Context API
  • Atelier : Manipuler les composants, leur cycle de vie et la mise en page

Objectif opérationnel : Plonger profondément dans les composants React et comprendre leurs différents types

Moyen d’évaluation : QCM

React Hooks

  • Présentation des Hooks
  • L’utilisation de useEffect() hook
  • L’utilisation de useState() hook
  • L’utilisation de useRef() hook
  • D’autres hooks

Objectif opérationnel : Pouvoir utiliser les Hooks pour se servir des fonctionnalités de React (state, lifecycle, context…) dans des composants fonctionnels

Moyen d’évaluation : QCM

Requêtes HTTP en React.js

  • Comprendre les requêtes HTTP en React
  • Axios vs Fetch
  • Gestion des requêtes avec Async/Await

Objectif opérationnel : Pourvoir échanger avec un service HTTP externe pour récupérer et transmettre des données

Moyen d’évaluation : QCM

Router

  • Pourquoi avons-nous besoin d’un outil pour le routing entre les pages ?
  • Présentation de react-router
  • Atelier : Réalisation d’une application permettant de mettre en place plusieurs pages et de naviguer entre elles

Objectif opérationnel : Pouvoir gérer des pages multiples et les lier en utilisant react-router

Moyen d’évaluation : QCM

Code quality

  • Présentation des outils permettant de garantir la qualité d’une application React.js
  • Eslint
  • Jest et Enzime
  • Atelier en s’appuyant sur une application réalisée précédemment : Ajout des outils Esllint, Jest et Enzime

Objectif opérationnel : Écrire un code clean, valide et bien tester

Moyen d’évaluation : QCM

Personnes en situation de handicap

Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d’organiser le déroulement de la formation dans les meilleures conditions possibles, contactez-nous. Un entretien avec notre référent.e handicap pourra être programmé afin d’identifier les besoins et aménagements nécessaires.