Formation développeur web

Leçon 1 • Rôles et outils du développement Web

Associe les rôles front-end, back-end et full-stack aux tâches quotidiennes. Aide les étudiants à choisir une voie d'apprentissage et à configurer un espace de travail productif.

Leçon 2 • Modèle de communication client-serveur

Explique comment les navigateurs envoient des requêtes et les serveurs renvoient des réponses. Relie la connaissance des protocoles au comportement réel de chargement des pages.

Leçon 3 • Comment les navigateurs affichent les pages

Retrace le chemin du HTML brut à l'écran peint. Ancre le travail ultérieur sur HTML et CSS dans la réalité du rendu par le navigateur.

Leçon 1 • Formulaires HTML et entrées

Construit des formulaires interactifs utilisant des étiquettes, des entrées et des boutons. Prépare les étudiants à la collecte de données utilisateur abordée dans les chapitres suivants.

Leçon 2 • Éléments HTML5 sémantiques

Remplace les divs génériques par des balises significatives comme header, nav, main et footer. Améliore l'accessibilité et la clarté pour les moteurs de recherche.

Leçon 3 • Anatomie d'un document HTML

Présente les éléments DOCTYPE, head et body et leurs rôles. Fournit la base structurelle sur laquelle chaque leçon HTML ultérieure s'appuie.

Leçon 4 • Tableaux et multimédia

Enseigne les tableaux de données et les éléments média intégrés. Complète les connaissances HTML de base avant l'introduction du CSS.

Leçon 1 • Le modèle de boîte CSS

Explique les couches de contenu, padding, bordure et marge. La maîtrise du modèle de boîte est un prérequis pour tout travail de mise en page.

Leçon 2 • Mise en page Flexbox

Utilise Flexbox pour aligner et distribuer les éléments sur une dimension. Permet aux étudiants de construire des barres de navigation et des grilles de cartes.

Leçon 3 • Mise en page CSS Grid

Introduit la mise en page bidimensionnelle avec CSS Grid. Les étudiants créent des mises en page de pages entières qui combinent Grid avec Flexbox.

Leçon 4 • Couleurs, typographie et unités

Maîtrise l'apparence du texte et la couleur à l'aide des propriétés et unités CSS. Construit le vocabulaire de conception visuelle utilisé dans chaque projet.

Leçon 1 • Variables CSS et propriétés personnalisées

Définit des valeurs réutilisables avec des propriétés personnalisées CSS pour un thème cohérent. Prépare les étudiants à des feuilles de style évolutives et maintenables.

Leçon 2 • Transitions et animations CSS

Ajoute du mouvement aux éléments d'interface utilisateur à l'aide de transitions et d'animations par images clés. Améliore l'expérience utilisateur sans JavaScript.

Leçon 3 • Media queries et points de rupture

Écrit du CSS conditionnel qui s'active à des largeurs d'écran définies. Permet directement les changements de mise en page entre les tailles d'appareils.

Leçon 4 • Principes de conception Mobile-First

Établit la philosophie mobile-first et la configuration de la zone d'affichage. Définit l'état d'esprit avant d'écrire du CSS adaptatif.

Leçon 1 • Fonctions et portée

Définit une logique réutilisable avec des déclarations de fonction, des expressions et des fonctions fléchées. Introduit les règles de portée qui empêchent les conflits de variables.

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

Introduit les variables, les primitives et les opérateurs comme éléments de base de tous les scripts. Établit de bonnes habitudes de syntaxe dès le début.

Leçon 3 • Gestion des erreurs et débogage

Capture les erreurs d'exécution avec try-catch et utilise les outils de la console pour déboguer. Développe les compétences de dépannage essentielles pour tout codage futur.

Leçon 4 • Contrôle de flux et boucles

Utilise des conditionnelles et des boucles pour maîtriser les chemins d'exécution du programme. Permet aux scripts de répondre à différentes données et conditions.

Leçon 1 • Sélection et parcours du DOM

Cible les éléments à l'aide de sélecteurs de requête et de méthodes de parcours. Relie JavaScript à la structure HTML construite dans les chapitres précédents.

Leçon 2 • Gestion des formulaires et des entrées utilisateur

Lit, valide et répond aux entrées de formulaire en utilisant JavaScript. Fait le pont entre les formulaires HTML du chapitre 2 et le comportement dynamique.

Leçon 3 • Création et suppression d'éléments

Construit et supprime des nœuds DOM par programme. Prend en charge les listes dynamiques, les modales et autres modèles d'interface générés.

Leçon 4 • Modification du contenu et des attributs du DOM

Modifie le texte, le HTML, les classes et les attributs de manière dynamique. Permet des mises à jour de page en temps réel sans rechargement.

Leçon 1 • Promesses

Modélise les opérations asynchrones avec des objets Promise et le chaînage. Remplace les callbacks imbriqués par un code lisible et d'apparence séquentielle.

Leçon 2 • Affichage des données d'API dans le DOM

Combine les résultats de Fetch avec la manipulation du DOM pour afficher un contenu dynamique. Produit une fonctionnalité complète pilotée par les données en utilisant toutes les compétences antérieures.

Leçon 3 • Récupération de données avec l'API Fetch

Envoie des requêtes HTTP et traite les réponses JSON à l'aide de l'API Fetch. Permet aux étudiants d'intégrer des données en direct dans n'importe quelle page.

Leçon 4 • Exécution synchrone vs. asynchrone

Compare le code bloquant et non bloquant pour expliquer pourquoi les modèles asynchrones existent. Fournit la base conceptuelle pour tous les sujets asynchrones.

Leçon 1 • Gestion de versions avec Git

Suit les modifications du code avec Git et collabore via des dépôts distants. Introduit le flux de travail standard de l'industrie utilisé dans toutes les équipes professionnelles.

Leçon 2 • Outils de construction et optimisation des ressources

Minifie le CSS et le JavaScript et optimise les images pour des temps de chargement plus rapides. Relie les concepts de performance à un impact réel mesurable.

Leçon 3 • Déploiement sur une plateforme d'hébergement

Publie le projet terminé sur un service d'hébergement statique via Git. Les étudiants terminent le cours avec une URL partageable en direct.

Leçon 4 • Test et débogage du site en direct

Valide le HTML, vérifie l'accessibilité et audite les performances sur le site déployé. Garantit que le projet répond aux normes de qualité professionnelles.