Formation Développeur Web Full Stack

Leçon 1 • Gestion de versions avec Git

Enseigne les fondamentaux de Git et les workflows des dépôts distants. Permet le codage collaboratif et une itération sécurisée tout au long du cours.

Leçon 2 • L'essentiel de la ligne de commande

Développe l'aisance avec la navigation dans le système de fichiers, la gestion des processus et les bases des scripts. Sous-tend l'utilisation efficace des outils de construction et des serveurs introduits ultérieurement.

Leçon 3 • Configuration de votre environnement de développement

Installe et configure les éditeurs de code, les émulateurs de terminal et les gestionnaires de versions. Garantit à chaque étudiant un espace de travail reproductible et de niveau professionnel.

Leçon 1 • Éléments sémantiques et points de repère

Couvre les éléments header, nav, main, article, section, aside et footer. Améliore l'accessibilité et l'indexation par les moteurs de recherche des projets étudiants.

Leçon 2 • Tableaux, listes et contenu intégré

Couvre les tableaux de données, les listes ordonnées et non ordonnées, et l'intégration d'iframes. Complète la boîte à outils HTML nécessaire avant l'introduction de la mise en page CSS.

Leçon 3 • Formulaires, entrées et validation

Enseigne tous les types d'entrée, les étiquettes, les fieldsets et la validation native du navigateur. Prépare les étudiants à la gestion des formulaires côté back-end couverte dans les chapitres suivants.

Leçon 1 • Sélecteurs CSS et la cascade

Explique la spécificité, l'héritage et l'algorithme de cascade. Prévient les bogues de style qui découlent d'une mauvaise compréhension de la précédence des règles.

Leçon 2 • Mise en page CSS Grid

Couvre les grilles templates bidimensionnelles, les zones et le placement automatique. Équipe les étudiants pour construire des mises en page complexes sans frameworks externes.

Leçon 3 • Conception adaptative et media queries

Applique la méthodologie mobile-first, les points de rupture et les unités fluides. Garantit que tous les projets étudiants s'affichent correctement sur différentes tailles d'écran.

Leçon 4 • Mise en page Flexbox

Enseigne l'alignement unidimensionnel avec les conteneurs et éléments flex. Permet aux étudiants de construire des barres de navigation, des rangées de cartes et des mises en page centrées.

Leçon 1 • JavaScript asynchrone

Explique la boucle d'événements, les callbacks, les Promesses et async/await. Permet directement les appels API et les requêtes de base de données introduits dans les chapitres suivants.

Leçon 2 • Tableaux, objets et déstructuration

Couvre les méthodes de tableau, la manipulation d'objets et la syntaxe de déstructuration ES6. Prépare les étudiants à la manipulation de données dans les contextes front-end et back-end.

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

Enseigne les conditionnelles, les boucles et les déclarations de fonctions via les fonctions fléchées. Permet aux étudiants d'écrire des blocs de code réutilisables et pilotés par la logique.

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

Enseigne l'interrogation, la modification et la création de nœuds DOM ainsi que la gestion des événements navigateur. Fait le pont entre les pages HTML/CSS statiques et les applications interactives.

Leçon 1 • React Router et navigation

Implémente le routage côté client avec React Router. Permet la structure d'application multi-pages requise pour le projet de fin d'études.

Leçon 2 • Concepts fondamentaux de React

Introduit JSX, les composants et le DOM virtuel. Établit le modèle mental nécessaire avant l'introduction des hooks et de l'état.

Leçon 3 • Récupération de données et intégration API

Combine useEffect avec fetch et Axios pour consommer des API REST. Connecte les composants front-end aux services back-end construits ultérieurement.

Leçon 4 • État et cycle de vie avec les Hooks

Couvre useState, useEffect et les hooks personnalisés pour gérer l'état du composant et les effets de bord. Permet un comportement d'interface utilisateur dynamique et piloté par les données.

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

Applique les contraintes REST à la nomenclature des ressources, aux verbes HTTP et aux codes de statut. Produit des API prévisibles et faciles à consommer pour les clients front-end.

Leçon 2 • Intergiciel et traitement des requêtes

Explique le pipeline d'intergiciel, l'analyse du corps et la gestion des erreurs. Permet un traitement propre et réutilisable des requêtes sur toutes les routes de l'API.

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

Couvre la boucle d'événements Node, les modules CommonJS et l'écosystème npm. Établit la base d'exécution côté serveur pour tout le travail back-end.

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

Implémente la validation basée sur un schéma et des réponses d'erreur structurées. Renforce l'API avant l'ajout de l'intégration de la base de données et de l'authentification.

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

Couvre les requêtes paramétrées, le pooling de connexions et les stratégies d'indexation. Prévient l'injection SQL et garantit que l'API passe à l'échelle sous charge.

Leçon 2 • Intégration ORM avec Node.js

Applique un ORM pour définir des modèles, des associations et des migrations. Connecte l'API Express à une base de données relationnelle avec un minimum de SQL brut.

Leçon 3 • NoSQL avec les bases de données document

Introduit le stockage document, les collections et les schémas flexibles. Équipe les étudiants pour choisir le type de base de données adapté à différentes formes de données.

Leçon 4 • Fondamentaux des bases de données relationnelles

Couvre les tables, les clés primaires, les clés étrangères et la normalisation. Fournit le vocabulaire de modélisation des données utilisé dans tout le travail SQL et ORM.

Leçon 1 • Principes essentiels de la sécurité des applications web

Aborde les menaces OWASP les plus importantes, notamment XSS, CSRF et les attaques par injection. Renforce l'application pour répondre aux normes de sécurité de base de la production.

Leçon 2 • Conteneurisation avec Docker

Empaquete l'application et la base de données dans des conteneurs Docker et compose des piles multi-services. Garantit un comportement cohérent du développement local à la production.

Leçon 3 • Déploiement cloud et pipelines CI/CD

Déploie l'application full-stack conteneurisée sur un fournisseur cloud et automatise les builds avec un pipeline CI/CD. Les étudiants disposent d'une URL en ligne pour leur portfolio.

Leçon 4 • Authentification avec JWT

Construit les flux d'inscription, de connexion et de renouvellement de jeton en utilisant les JSON Web Tokens. Sécurise toutes les routes d'API protégées avant le déploiement.