Formation développeur full stack

Leçon 1 • Comment fonctionne le Web

Couvre les cycles requête-réponse HTTP, la résolution DNS et les pipelines de rendu du navigateur. Établit le socle conceptuel pour toutes les décisions full-stack prises ultérieurement.

Leçon 2 • Outils de développement et bases du terminal

Présente la ligne de commande, les gestionnaires de paquets et les éditeurs de code comme outils quotidiens. La maîtrise de ces outils accélère tous les exercices pratiques ultérieurs.

Leçon 3 • Structure de projet et normes de codage

Établit les conventions de dossiers, les règles de linting et les normes de formatage utilisées tout au long du cours. Une structure cohérente réduit la charge cognitive dans les projets multifichiers ultérieurs.

Leçon 1 • Flexbox et mises en page CSS Grid

Enseigne les deux systèmes de mise en page avec des cas d'utilisation pratiques pour chacun. Les étudiants construisent une mise en page adaptative à deux colonnes et une grille de cartes en utilisant uniquement du CSS.

Leçon 2 • Fondamentaux CSS et le modèle de boîte

Explique les sélecteurs, la spécificité, l'héritage et le modèle de boîte comme base de tout style visuel. À la fin de la section, les étudiants stylisent une page multi-sections.

Leçon 3 • Conception adaptative et requêtes média (media queries)

Applique les principes de conception mobile-first et les stratégies de points de rupture aux mises en page réelles. Les étudiants adaptent une conception desktop pour fonctionner sur les viewports de téléphone, tablette et desktop.

Leçon 4 • Animations et transitions CSS

Présente les animations par images clés (keyframes) et les propriétés de transition pour ajouter du mouvement sans JavaScript. Relie le polissage visuel aux principes d'expérience utilisateur introduits dans les sections de mise en page.

Leçon 1 • Modules et outils JavaScript modernes

Présente les modules ES, les bundlers et les transpilers pour préparer le code aux environnements de production. Les étudiants configurent un projet Vite et importent/exportent à travers plusieurs fichiers.

Leçon 2 • JavaScript asynchrone

Explique la boucle d'événements, les callbacks, les Promesses et async/await pour gérer les opérations différées. Les étudiants récupèrent des données depuis une API publique et les affichent dans le DOM.

Leçon 3 • Syntaxe JavaScript de base et types de données

Couvre les variables, les primitives, les opérateurs et la coercition de type comme éléments de base de tout code JS. Leur maîtrise prévient les bugs de débutant les plus courants dans les projets ultérieurs.

Leçon 4 • Flux de contrôle et fonctions

Enseigne les conditionnelles, les boucles et les déclarations de fonctions, y compris les fonctions fléchées et les fermetures (closures). Les étudiants refactorisent du code procédural en fonctions réutilisables et bien scopées.

Leçon 1 • État global avec Context et Reducers

Enseigne l'API Context et useReducer pour partager l'état entre des composants profondément imbriqués. Les étudiants refactorisent l'état passé par props (prop-drilling) en un magasin contextuel centralisé.

Leçon 2 • Concepts fondamentaux de React et JSX

Présente le modèle de composant, la syntaxe JSX et le DOM virtuel comme idées fondatrices de React. Les étudiants affichent une arborescence de composants et comprennent comment React met à jour l'interface utilisateur.

Leçon 3 • React Router et Navigation

Implémente le routage côté client avec des routes imbriquées, des segments dynamiques et des routes protégées. Les étudiants ajoutent une navigation multi-pages à leur application React.

Leçon 4 • Gestion d'état avec les Hooks

Couvre useState, useEffect et les hooks personnalisés pour gérer l'état local des composants et les effets de bord. Les étudiants construisent un formulaire interactif avec validation et retour en direct.

Leçon 1 • Principes de conception d'API RESTful

Applique les contraintes REST pour concevoir des points de terminaison API cohérents et prévisibles avec des codes d'état appropriés. Les étudiants refactorisent une API ad-hoc en une structure entièrement RESTful basée sur les ressources.

Leçon 2 • Framework Express et routage

Construit des applications Express structurées avec des gestionnaires de route, des paramètres de route et des chaînes de requête. Les étudiants organisent les routes dans des fichiers routeurs séparés suivant les conventions REST.

Leçon 3 • Environnement d'exécution Node.js et modules de base

Explique l'architecture orientée événements de Node.js, le système de modules et les modules intégrés pour les entrées/sorties fichiers et réseau. Les étudiants écrivent des scripts en utilisant les modules fs, path et http.

Leçon 4 • Validation des entrées et gestion des erreurs

Implémente une validation basée sur un schéma et des réponses d'erreur centralisées pour renforcer l'API. Les étudiants ajoutent un intergiciel de validation qui renvoie des messages d'erreur structurés aux clients.

Leçon 1 • Intégration ORM avec Prisma

Utilise Prisma pour définir des schémas, générer un client type-safe et effectuer des opérations CRUD depuis Node.js. Les étudiants remplacent les requêtes SQL brutes dans leur API par des appels au client Prisma.

Leçon 2 • NoSQL avec MongoDB et Mongoose

Présente la modélisation de données orientée document et les schémas Mongoose pour un stockage flexible et sans schéma. Les étudiants construisent un deuxième point de terminaison API alimenté par MongoDB pour le contraster avec SQL.

Leçon 3 • Choisir et connecter des bases de données

Compare les compromis SQL et NoSQL et couvre le pool de connexions et la configuration basée sur l'environnement. Les étudiants configurent leur API pour changer de base de données via des variables d'environnement.

Leçon 4 • Configuration PostgreSQL et requêtes avancées

Applique les compétences SQL à PostgreSQL avec des index, des transactions et des contraintes pour une intégrité des données de niveau production. Les étudiants exécutent des migrations et des scripts d'amorçage (seed) sur une instance PostgreSQL locale.

Leçon 1 • JSON Web Tokens (JWT) et jetons d'actualisation (Refresh Tokens)

Couvre la structure JWT, la signature, la vérification et la rotation des jetons d'actualisation pour des sessions persistantes. Les étudiants implémentent la connexion, l'émission de jetons et l'actualisation silencieuse dans leur API.

Leçon 2 • Bonnes pratiques de sécurité Web

Aborde les menaces OWASP les plus courantes, notamment XSS, CSRF, l'injection SQL et les en-têtes non sécurisés. Les étudiants auditent leur application et appliquent des correctifs avec Helmet.js et l'assainissement des entrées.

Leçon 3 • OAuth 2.0 et connexion via un tiers

Intègre le flux de code d'autorisation OAuth 2.0 pour la connexion sociale en utilisant un fournisseur comme Google. Les étudiants ajoutent un bouton de connexion tiers fonctionnel à leur application full-stack.

Leçon 4 • Contrôle d'accès basé sur les rôles (RBAC)

Conçoit un modèle de permissions avec des rôles et des gardes appliqués comme intergiciel Express et wrappers de route React. Les étudiants restreignent les points de terminaison API et les pages d'interface utilisateur en fonction du rôle de l'utilisateur.

Leçon 1 • Intégration Full-Stack et Projet de synthèse (Capstone)

Connecte toutes les couches — frontend React, API Express, base de données et authentification — en une seule application déployable. Les étudiants présentent un projet en direct et complet démontrant une compétence de bout en bout.

Leçon 2 • Configuration du pipeline CI/CD

Automatise les tests, la construction et le déploiement en utilisant un service CI/CD déclenché par les pushes Git. Les étudiants configurent un pipeline qui exécute les tests et déploie lors de la fusion sur la branche principale (main).

Leçon 3 • Conteneurisation avec Docker

Empaquette l'API Node.js et la base de données dans des conteneurs Docker pour des environnements cohérents entre les machines. Les étudiants écrivent des Dockerfiles et un fichier Compose pour le développement local multi-services.

Leçon 4 • Déploiement et hébergement dans le cloud

Déploie l'API backend sur une plateforme cloud et le frontend React sur un service d'hébergement statique. Les étudiants configurent des noms de domaine personnalisés, HTTPS et des secrets d'environnement.