03 20 61 95 06

Formation devenez un développeur Full Stack avec React.js et Node.js


  • FSRN
  • Durée : 6 jours
  • Tarif : 4370 € HT

96%

Taux de satisfaction clients
(sur 1645 évaluations du 19/05/21 au 28/02/25)

Voir les avis

Objectifs

A l’issue de la formation les participants seront en mesure de :
Maîtriser le framework React
Créer des applications évolutives pour le WEB
Création d applications se connectant à des API serveurs Accélérer la mise en production des applications
Utiliser les bonnes pratiques pour développer.
Découvrir et comprendre le fonctionnement de Node.js
Se familiariser avec les composants de la plate-forme
Mettre en oeuvre Node.js pour tirer profit de la puissance du JavaScript côté serveur
Connaitre les meilleures pratiques de développement avec Node.js

Prérequis

Connaitre le HTML et le CSS
Connaître le JavaScript
Disposer de bonnes notions en Programmation Orientée Objet

Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.

Public

Développeurs

Formation(s) associée(s)

Dernière mise à jour

Programme mis à jour le 10 février 2025
enveloppe Cette formation vous intéresse ? Contactez-nous

Bon à savoir

Evaluez votre niveau

Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.

Sessions garanties

La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.

Travaux pratiques

Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Télécharger la fiche de cette formation
modules

Les Modules
de formation
Module1
Introduction au développement Full Stack

● Comprendre les rôles et responsabilités d’un développeur Full Stack

● Architecture client-serveur et introduction à MERN (MongoDB, Express.js, React.js, Node.js)
● Différences entre REST et GraphQL
● Configuration de l’environnement de développement :
○ Installation de Node.js, npm, et Visual Studio Code
○ Utilisation de Vite pour les projets React
○ Introduction aux outils modernes comme SWC, esbuild, et nodemon
Travaux pratiques
● Mise en place de l’environnement Full Stack et structure de base d’un projet
________________________________________
Module2
Développement Frontend avec React.js

● Principes de base de React.js

○ JSX, Virtual DOM, One-Way Data Flow
● Nouveautés et concepts avancés de React 18+
○ Suspense, rendu concurrent, React Server Components
● Structuration et gestion de projets avec Vite
● Réactivité avec les Hooks : useState, useEffect, et useReducer
● Optimisation des composants : useMemo, useCallback, et React.memo
● Gestion des styles modernes avec CSS Modules ou Tailwind CSS
Travaux pratiques
● Création d’une application frontend avec React.js
Module3
Gestion d’État et Récupération des Données
● Utilisation de TanStack Query pour la gestion avancée des données asynchrones
● Introduction à Redux Toolkit pour les cas complexes
○ Configuration, slices, et middleware
● Introduction à Zustand comme alternative moderne et légère
● Intégration des API REST et gestion des requêtes HTTP avec fetch et Axios
● Concepts avancés avec GraphQL et Apollo Client
Travaux pratiques
● Mise en place de la gestion d’état globale dans une application React
Module4
Développement Backend avec Node.js

● Introduction à Node.js :

○ Événements, boucle d’événements, et fonctionnement non bloquant
○ Organisation de projets backend
● Introduction à Express.js pour construire des API RESTful
● Gestion des middlewares : authentification, validation, et journalisation
● Sécurisation des APIs avec Helmet et rate limiting
● Création d’API GraphQL avec Apollo Server
Travaux pratiques
● Développement d’une API REST avec Express.js
Module5
Bases de Données et ORM

● Introduction à MongoDB et alternatives SQL (PostgreSQL, MySQL)

● Conception et structuration de bases de données relationnelles et NoSQL
● Intégration avec Mongoose pour MongoDB
● Introduction à Prisma pour bases de données SQL
● Optimisation des requêtes avec agrégations et index
Travaux pratiques
● Développement d’un backend connecté à une base de données MongoDB
Module6
Authentification et Sécurité

● Création d’un système d’authentification avec JSON Web Tokens (JWT)

● Implémentation de l’authentification OAuth2 avec des fournisseurs comme Google et GitHub
● Sécurisation des données utilisateur :
○ Chiffrement des mots de passe avec bcrypt
○ Validation des entrées utilisateur pour éviter les failles XSS et injections SQL
● Configuration de CORS dans une API Node.js
Travaux pratiques
● Mise en place d’une authentification sécurisée dans une application Full Stack
Module7
Tests et Qualité Logicielle

● Introduction aux tests unitaires et d’intégration avec Vitest

● Mocking et tests d’API avec MSW
● Tests de composants frontend avec React Testing Library
● Tests end-to-end avec Cypress
● Stratégies de couverture et tests de mutation avec Stryker
Travaux pratiques
● Écriture de tests complets pour une application Full Stack
Module8
Déploiement et CI/CD

● Configuration pour la production avec Vite et esbuild

● Introduction aux outils de déploiement modernes :
○ Frontend : Netlify, Vercel
○ Backend : Heroku, Render, ou AWS
● Mise en place de pipelines CI/CD avec GitHub Actions
● Monitoring des performances avec Sentry ou Datadog
● Optimisation des builds et minimisation des temps de réponse
Travaux pratiques
● Déploiement d’une application Full Stack complète avec CI/CD
Module9
Technologies en Temps Réel et Scalabilité

● Introduction aux WebSockets et Socket.IO

● Utilisation de Redis pour le caching et les files d’attente
● Stratégies de scalabilité :
○ Load balancing et clustering
○ Gestion des tâches asynchrones avec Bull ou Agenda
Travaux pratiques
● Implémentation d’un système de chat en temps réel avec WebSockets
Module10
Architecture et Bonnes Pratiques

● Structuration d’un projet Full Stack : séparation des responsabilités et modularité

● Implémentation des patterns avancés comme Repository, Dependency Injection
● Approche DDD (Domain-Driven Design) dans un projet Node.js
● Gestion des environnements : configuration des variables sensibles avec dotenv
● Documentation d’API avec Swagger ou Postman
Travaux pratiques
● Mise en œuvre d’une architecture robuste pour une application complexe

Les prochaines
sessions de formation

Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
07 avril 2025
10 juin 2025
04 août 2025
22 septembre 2025

Cette formation vous intéresse ? Contactez-nous !

    Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://formation.access-it.fr/politique-de-confidentialite/

    2 Allée Lavoisier
    59650 Villeneuve d’Ascq
    France
    03 20 61 95 06
    Mentions légales Politique de confidentialité Contact
    Hunik