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 un parcours 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 les connaissances sur les 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 affiché. Ancre le travail ultérieur sur HTML et CSS dans la réalité du rendu du navigateur.

Leçon 1 • Formulaires HTML et champs de saisie

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

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

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 suivante se construit.

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 style CSS.

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

Explique les couches de contenu, de remplissage, de bordure et de 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 des é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

Présente la mise en page bidimensionnelle avec CSS Grid. Les étudiants créent des mises en page complètes combinant Grid et Flexbox.

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

Contrôle 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 les 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 • Requêtes média 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 sur différentes tailles d'appareil.

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 toute écriture de 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 et types de données JavaScript

Présente 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épart.

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

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

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

Utilise des conditionnelles et des boucles pour contrôler 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 • Formulaires et gestion de la saisie utilisateur

Lit, valide et répond à la saisie du 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 programmation. 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 l'enchaînement. 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

Contraste 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 version 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 build 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 en direct et partageable.

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.