Formation Développeur Full Stack

Leçon 1 • Configuration de l'environnement de développement

Installe et configure les éditeurs de code, les émulateurs de terminal et les gestionnaires de versions. Garantit que chaque étudiant dispose d'un espace de travail local professionnel, reproductible et de qualité.

Leçon 2 • Maîtrise de la ligne de commande

Développe l'aisance avec la navigation dans le système de fichiers, la gestion des processus et les scripts shell. Réduit les frictions lors de l'exécution de serveurs, d'outils de build et de scripts de déploiement.

Leçon 3 • Comment fonctionne le Web

Couvre les cycles requête-réponse HTTP, la résolution DNS et les pipelines de rendu des navigateurs. Ancre tout le travail ultérieur front-end et back-end dans un modèle de communication partagé.

Leçon 1 • Animations et transitions CSS

Présente les animations par images clés (keyframes), les transitions et les fonctions de transformation pour un retour d'interface interactif. Relie le soin visuel aux objectifs d'expérience utilisateur.

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

Applique les principes de conception mobile-first et les stratégies de points de rupture pour adapter les mises en page aux différentes tailles d'écran. Prépare les étudiants aux scénarios de déploiement multi-appareils.

Leçon 3 • Mises en page Flexbox et Grid

Enseigne les systèmes de mise en page unidimensionnel Flexbox et bidimensionnel Grid. Les étudiants construisent des structures de page complexes et adaptatives sans utiliser de frameworks.

Leçon 4 • Structure HTML sémantique

Couvre la structure du document, les éléments sémantiques et les attributs d'accessibilité. Une sémantique correcte améliore le référencement (SEO) et la compatibilité avec les lecteurs d'écran pour tous les projets.

Leçon 1 • Manipulation du DOM et événements

Connecte JavaScript au DOM du navigateur pour des mises à jour dynamiques du contenu et une interaction pilotée par les événements. Fait le pont entre les pages HTML/CSS statiques et les expériences entièrement interactives.

Leçon 2 • Contrôle de flux et fonctions

Enseigne les conditionnelles, les boucles et les déclarations de fonctions, y compris les fonctions fléchées et les fermetures (closures). Ces constructions forment l'épine dorsale logique de tout code d'application.

Leçon 3 • JavaScript asynchrone et API

Couvre les callbacks, les Promesses, async/await et l'API Fetch pour consommer des données externes. Prépare les étudiants à intégrer des services tiers et des points de terminaison back-end.

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

Couvre les variables, les primitives, les opérateurs et les règles de coercition de type. Établit les fondamentaux du langage requis pour chaque sujet JavaScript ultérieur.

Leçon 1 • Routage côté client avec React Router

Implémente la navigation multipage, les routes dynamiques et les routes protégées en utilisant React Router. Permet les motifs de navigation des applications monopage.

Leçon 2 • Communication entre composants et Context

Couvre les problèmes de forage de props (prop drilling), l'API Context et useReducer pour l'état partagé. Fait évoluer la gestion d'état au-delà des limites d'un seul composant.

Leçon 3 • Concepts fondamentaux de React

Présente JSX, les composants, les props et le modèle de réconciliation du DOM virtuel. Ces fondamentaux sous-tendent chaque motif React enseigné dans ce chapitre.

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

Enseigne useState, useEffect, useRef et les hooks personnalisés pour gérer le cycle de vie des composants et les effets de bord. Remplace les motifs basés sur les classes par des approches fonctionnelles modernes.

Leçon 1 • Authentification et autorisation

Implémente l'authentification par jeton, le hachage de mots de passe et le contrôle d'accès basé sur les rôles. Sécurise les points de terminaison de l'API contre les accès non autorisés.

Leçon 2 • Gestion des erreurs et sécurité des API

Construit des gestionnaires d'erreurs centralisés, la validation des entrées et la limitation du débit (rate limiting) pour renforcer l'API. Relie les pratiques de sécurité aux exigences de préparation à la production.

Leçon 3 • Intergiciel et pipeline de requête

Couvre l'intergiciel intégré, tiers et personnalisé pour la journalisation, l'analyse et les requêtes inter-origines (cross-origin). Les chaînes d'intergiciel sont le fondement de l'architecture d'application Express.

Leçon 4 • Construction d'API REST avec Express

Construit des gestionnaires de routes, l'analyse des requêtes et le formatage des réponses en suivant les conventions REST. Fournit la couche API que consomment les clients front-end.

Leçon 1 • Sécurité et optimisation des bases de données

Applique le regroupement de connexions (connection pooling), l'optimisation des requêtes et le contrôle d'accès aux configurations de bases de données de production. Garantit l'intégrité des données et les performances sous charge.

Leçon 2 • Intégration ORM avec Sequelize

Mappe les modèles JavaScript aux tables de la base de données en utilisant Sequelize, y compris les associations et les migrations. Abstraction du SQL brut tout en maintenant le contrôle du schéma.

Leçon 3 • Requêtage et manipulation SQL

Enseigne SELECT, JOIN, l'agrégation, les sous-requêtes et les instructions de modification des données. La maîtrise du SQL est requise pour travailler avec tout système de base de données relationnelle.

Leçon 4 • Conception de bases de données relationnelles

Couvre la normalisation, la modélisation entité-association et la conception de schémas pour les bases de données relationnelles. Une conception de schéma solide évite les anomalies de données dans les systèmes de production.

Leçon 1 • Gestion d'état à l'échelle

Présente Redux Toolkit et React Query pour gérer l'état serveur et l'état client complexe. Aborde les défis de synchronisation d'état dans les grandes applications.

Leçon 2 • Tests d'intégration et de bout en bout

Exécute des tests d'intégration sur une base de données active et des tests de bout en bout simulant des flux utilisateur réels. Valide que toutes les couches fonctionnent correctement ensemble.

Leçon 3 • Techniques d'optimisation des performances

Applique la séparation du code, la mémorisation, la mise en cache des requêtes de base de données et l'optimisation des ressources pour améliorer la vitesse de l'application. Relie les métriques de performance aux résultats de l'expérience utilisateur.

Leçon 4 • Conception d'API et flux de données full-stack

Conçoit des contrats d'API cohérents et trace les données de la base de données jusqu'à l'interface React via le serveur. Résout les incompatibilités d'intégration avant le début des tests.

Leçon 1 • Évolutivité et infrastructure en tant que code

Présente la mise à l'échelle horizontale, l'équilibrage de charge et le provisionnement d'infrastructure par le code. Prépare les étudiants à gérer les demandes croissantes des applications de manière systématique.

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

Déploie des applications conteneurisées sur des plateformes cloud en utilisant des machines virtuelles et des services gérés. Couvre la configuration de domaine, les certificats SSL et les proxys inverses.

Leçon 3 • Journalisation, surveillance et alertes

Implémente la journalisation structurée, la surveillance des performances des applications et les alertes de disponibilité pour les systèmes de production. Permet un diagnostic rapide des défaillances dans les environnements en direct.

Leçon 4 • Conteneurisation avec Docker

Empaquète les applications et services dans des conteneurs Docker et les orchestre avec Docker Compose. Élimine les incohérences d'environnement entre le développement et la production.