Aller au contenu principal

Développeur framework Javascript React.js

Date de mise à jour :
Identifiant Offre Info : 15_25505188F
Organisme responsable : VIVANEO (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Maîtriser les fondamentaux de JavaScript moderne (ES6+). Comprendre l'architecture et les principes de fonctionnement de React.js (Composants, JSX, Virtual DOM). Être capable de créer des interfaces utilisateur interactives et performantes avec React. Savoir gérer l'état local et global d'une application React. Implémenter le routage et la navigation dans une application monopage (SPA). Interagir avec des APIs RESTful pour récupérer et envoyer des données.…

  • Maîtriser les fondamentaux de JavaScript moderne (ES6+).
  • Comprendre l'architecture et les principes de fonctionnement de React.js (Composants, JSX, Virtual DOM).
  • Être capable de créer des interfaces utilisateur interactives et performantes avec React.
  • Savoir gérer l'état local et global d'une application React.
  • Implémenter le routage et la navigation dans une application monopage (SPA).
  • Interagir avec des APIs RESTful pour récupérer et envoyer des données.
  • Déployer une application React.

Programme de la formation

Module 1 : Rappels et fondations en Javascript Introduction à ES6 et aux concepts modernes de Javascript (let, const, fonctions fléchées, promesses, async/await, modules). Manipulation du DOM et notions de programmation orientée objet en JS. Module 2 : Introduction à React et ses concepts de base Présentation de React, de son écosystème et de l'outil Create React App (ou alternative moderne comme Vite). Notion de JSX. Composants fonctionnels et de classe (introduction). Props…

Module 1 : Rappels et fondations en Javascript
  • Introduction à ES6 et aux concepts modernes de Javascript (let, const, fonctions fléchées, promesses, async/await, modules).
  • Manipulation du DOM et notions de programmation orientée objet en JS.
Module 2 : Introduction à React et ses concepts de base
  • Présentation de React, de son écosystème et de l'outil Create React App (ou alternative moderne comme Vite).
  • Notion de JSX.
  • Composants fonctionnels et de classe (introduction).
  • Props et flux de données unidirectionnel.
Module 3 : Gestion de l'état (State) et Cycle de vie
  • Introduction aux Hooks (useState, useEffect).
  • Gestion de l'état local des composants.
  • Gestion des effets secondaires et du cycle de vie des composants avec useEffect.
  • Gestion des événements utilisateur.
Module 4 : Composants avancés et stylisation
  • Manipulation des listes et des clés.
  • Création de formulaires contrôlés.
  • Stylisation des composants (CSS classiques, CSS-in-JS, modules CSS).
  • Concepts avancés : Portals, Fragments, Context.
Module 5 : Routage avec React Router
  • Installation et configuration de React Router.
  • Création de routes, navigation et paramètres de route.
  • Gestion des liens et redirections.
Module 6 : Communication avec les APIs
  • Récupération de données avec fetch ou axios.
  • Affichage des données, gestion des états de chargement et d'erreur.
  • Envoi de données (POST, PUT, DELETE).
Module 7 : Gestion de l'état global (Redux ou Context API + useReducer)
  • Introduction au besoin de gestion de l'état global.
  • Mise en œuvre du Context API pour la gestion d'état simple.
  • (Optionnel/Avancé) Introduction à Redux/Redux Toolkit ou Zustand.
Module 8 : Tests et déploiement
  • Introduction aux tests unitaires de composants (Jest/Testing Library).
  • Préparation de l'application pour la production.
  • Déploiement sur des plateformes (Netlify, Vercel, etc.).

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Non
Financeur
  • Autre

    Programme : Autre financement (AIF, entreprise , individuel…)

Conditions d'accès

Publics visés

  • Demandeur d'emploi
  • Public en emploi
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion
  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Maîtriser les bases du HTML/CSS Connaissance de Javascript

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

78 allée Jean Jaurès
31000 Toulouse

Responsable : VIVANEO

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
28 rue du chemin vert
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes