Aller au contenu principal

Développeur framework Javascript React.js

Date de mise à jour :
Identifiant Offre Info : 24_298225
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. Déployer une…

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 et flux…

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

Le participant sera capable de démarrer un nouveau projet React à partir de zéro. Il pourra concevoir et développer des composants réutilisables. Le développeur saura implémenter le routage et gérer les vues d'une application monopage. Il maîtrisera les Hooks fondamentaux de React pour gérer l'état et les effets. Le participant sera capable d'intégrer son application à un backend via une API REST. Il sera autonome pour maintenir, déboguer et déployer une application React.

Type de formation

Non certifiante

Niveau de sortie

Information non communiquée

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Oui

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Information non communiquée

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

Les Docks - Atrium 10.6
13000 Marseille

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

Début

Fin

Adresse d'inscription
Les Docks - Atrium 10.6
13000 Marseille
Modalités
Entrées / Sorties à dates permanentes