Intermédiaire FOAD : 4j (28h) Distanciel : 4j (28h) Hybride : 4j (28h) Présentiel : 4j (28h)

Développement web full-stack JS

Créez une application complète avec React et Node.js.

Développement web full-stack JS

Programme de la formation

Rappels JavaScript avancés & introduction à l’environnement Node.js

03:30:00
Rappels ES6+ : destructuration, fonctions fléchées, modules, async/await
Fonctionnement de Node.js
Organisation de projet full-stack JS
Initialisation d’un projet Node avec npm
Travaux pratiques Créer un mini-projet Node.js et exécuter un script simple avec une structure modulaire

Création d’une API REST avec Express.js

03:30:00
Mise en place d’un serveur Express
Gestion des routes REST
Middleware, status codes, gestion des erreurs
Tests avec Postman
Travaux pratiques Créer une API CRUD pour une ressource “articles”

Persistance des données avec MongoDB

03:30:00
Introduction à MongoDB & MongoDB Atlas
Utilisation de Mongoose
Schéma, modèle, validation
Connexion à la base et manipulation des données
Travaux pratiques Ajouter la persistance à l’API avec MongoDB

Authentification et sécurisation de l’API

03:30:00
Authentification JWT
Inscription / Connexion / Middleware sécurisé
Sécurisation des routes privées
Middleware de gestion des erreurs
Travaux pratiques Ajouter un système d’inscription, login et accès protégé

Introduction à React.js (partie front-end)

03:30:00
Création d’un projet avec Vite ou CRA
Composants fonctionnels, hooks de base
Appels à l’API backend avec fetch ou axios
Travaux pratiques Création d’un projet avec Vite ou CRA

Formulaires, POST & routing dans React

03:30:00
Création de formulaire contrôlé
Appel POST pour création d’un article
Routing avec React Router DOM
Navigation entre les pages
Travaux pratiques Ajouter un article via le front-end + naviguer entre les vues

Mini-projet Full-stack : blog, gestion des utilisateurs et déploiement

07:00:00
Réalisation d’un mini projet de A à Z
Authentification côté front
Déploiement avec Vercel (front) et Render (back)
Bonnes pratiques : sécurité, performances, code MVC
Travaux pratiques Blog avec users + articles en ligne (front + back)

Objectifs de la formation

Créer une API Construire un front avec React Connecter les deux parties

Ce que vous allez apprendre

Maîtriser les fondements modernes de JS et l’environnement serveur
Construire une API REST opérationnelle
Connecter et manipuler une base NoSQL dans un projet Node
Protéger les routes et gérer l’authentification
Appels à l’API backend avec fetch ou axios
Permettre à l’utilisateur d’interagir avec l’API depuis l’interface
Être capable de produire une application full-stack moderne déployée

Prochaines sessions

FOAD (Formation à distance)

Entrée en formation possible sous 15 jours après signature de la convention.

Aucune session prévue pour le moment

Cependant vous pouvez nous contacter pour que nous définissions une session ensemble selon vos besoins

Informations pratiques

Modalités d'évaluation

Evaluation de la progression en cours de formation à l'aide de cas pratiques, mises en situation, QCM…

Test de positionnement en amont et en aval afin de valider les compétences acquises.

Modalités pédagogiques

  • Méthodes : Expositive, démonstrative et active
  • Moyens : Cas pratique, mise en situation
  • Ressources : Support de cours et Programme de formation
  • Moyens techniques : Teams

Accessibilité

Toutes nos formations sont accessibles aux personnes en situation de handicap.

Pour plus de renseignements, n'hésitez pas à nous contacter.

En savoir plus