Développement Web Avec Le Framework ReactJS

• Développeur Web - Code CertifInfo 115146
  • Niveau de qualification : 5 - Savoirs étendus, spécialisés, factuels et théoriques

Objectifs

• Confronter ses connaissances en développement avec la documentation d'un framework dans le but de s'approprier l'architecture et les fonctionnalités d'un nouveau cadre de travail.

• Configurer le framework en utilisant un gestionnaire de dépendances afin de préparer l'environnement de développement de l'application.

• Développer une application évolutive avec un framework afin de disposer d'un environnement de développement standardisé pour l'ensemble du projet.

Développement d'applications à l'aide de framework ReactJS

• Appropriation d'un nouveau cadre de travail

• Configuration d'un framework et installation de dépendances

• Développement et mise en production

Semaine 1: Introduction à ReactJS

Jour 1: Introduction et installation

• Présentation de ReactJS : Qu'est-ce que c'est et pourquoi l'utiliser ?

• Installation de Node.js et npm

• Création de la première application React avec Create React App

• Structure d'un projet React

Jour 2: Concepts de base

• JSX : Syntaxe et utilisation

• Composants fonctionnels et de classe

• Props : Transmettre des données aux composants

• Rendu conditionnel

Jour 3: Gestion des événements

• Gestion des événements dans React

• Création de gestionnaires d'événements

• Utilisation des événements synthétiques de React

Jour 4: State et cycle de vie

• Introduction à l'état (state) des composants

• setState() et mise à jour de l'état

• Cycle de vie des composants : méthodes de cycle de vie des composants de classe

Jour 5: Pratique et révision

• Création d'une petite application pour consolider les concepts appris

• Questions et réponses

• Révision des concepts clés

Semaine 2: Concepts avancés de ReactJS

Jour 1: Hooks de base

• Introduction aux hooks

• useState pour la gestion de l'état

  Programme de la formation

  S1: Introduction à ReactJS
  Présentation de ReactJS : Qu'est-ce que c'est et pourquoi l'utiliser ?
  Installation de Node.js et npm
  Création de la première application React avec Create React App
  Structure d'un projet React
  JSX : Syntaxe et utilisation
  Composants fonctionnels et de classe
  Props : Transmettre des données aux composants
  Rendu conditionnel
  Gestion des événements dans React
  Création de gestionnaires d'événements
  Utilisation des événements synthétiques de React
  Introduction à l'état (state) des composants
  setState() et mise à jour de l'état
  Cycle de vie des composants : méthodes de cycle de vie des composants de classe
  Création d'une petite application pour consolider les concepts appris
  Questions et réponses
  Révision des concepts clés
  S2: Concepts avancés de ReactJS
  Introduction aux hooks
  useState pour la gestion de l'état
  useEffect pour les effets de bord
  State lifting : partage de l'état entre composants
  Utilisation de Context API pour la gestion globale de l'état
  Introduction à React Router
  Configuration des routes de base
  Navigation et liens entre pages
  Paramètres de route et routes imbriquées
  Création et gestion de formulaires
  Validation de formulaires
  Utilisation de libraries pour les formulaires (ex. Formik)
  Création d'une application de blog avec plusieurs pages
  Intégration des formulaires et de la navigation
  Révision des concepts avancés
  S3: Intégration avec des APIs et outils de développement
  Introduction aux appels API
  Utilisation de Fetch pour les requêtes HTTP
  Introduction à Axios et avantages par rapport à Fetch
  Introduction aux tests en React
  Utilisation de Jest pour les tests unitaires
  Tests de composants avec React Testing Library
  Outils de débogage pour React
  Optimisation des performances des composants React
  Utilisation de React.memo et des hooks de performance (useMemo, useCallback)
  Analyse des performances avec React Developer Tools
  Création d'une application de tableau de bord avec appels API et gestion de l'état global
  Tests de l'application
  Révision des concepts de la semaine
  S4: Projet final et déploiement
  Définition du projet final : spécifications et exigences
  Planification et mise en œuvre du projet
  Utilisation des connaissances acquises pour développer l'application
  Révision du projet
  Ajustements et amélioration de l'application
  Tests finaux
  Introduction au déploiement d'applications React
  Déploiement sur Netlify, Vercel, ou GitHub Pages&

  Validation et sanction

  Développeur Web

  Type de formation

  Certifiante

  Sortie

  Bac + 2