Cours de création de sites web

Leçon 1 • Choisir un éditeur de code

Comparez les éditeurs de code populaires et configurez un espace de travail productif. Garantit que les étudiants écrivent et prévisualisent le code efficacement dès le premier jour.

Leçon 2 • Comment fonctionne l'internet

Couvre le DNS, les adresses IP et les cycles requête-réponse HTTP. Ancre toutes les décisions ultérieures d'hébergement et de déploiement dans le comportement réel du réseau.

Leçon 3 • Structure des fichiers et dossiers web

Définit les agencements standard des répertoires de projet et les conventions de nommage des fichiers. Prépare les étudiants à organiser chaque projet construit tout au long du cours.

Leçon 1 • Éléments de mise en page sémantique

Présente les balises header, nav, main, article, section, aside et footer. Renforce la manière dont la structure sémantique améliore l'accessibilité et le SEO.

Leçon 2 • Liens, images et médias

Enseigne les balises d'ancrage, l'intégration d'images et les éléments audio et vidéo natifs. Relie la gestion des médias aux considérations d'accessibilité et de performances.

Leçon 3 • Anatomie d'un document HTML

Décompose les sections doctype, head et body d'un fichier HTML. Établit le squelette requis que chaque page du cours utilisera.

Leçon 4 • Formulaires et entrées HTML

Construit des formulaires accessibles à l'aide d'étiquettes, de champs de saisie, de listes déroulantes et de boutons. Prépare les étudiants à la collecte de données utilisateur abordée dans les chapitres suivants.

Leçon 1 • Mise en page Flexbox

Enseigne l'alignement unidimensionnel à l'aide de conteneurs et d'é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 2 • Mise en page CSS Grid

Présente les pistes, les zones et le placement bidimensionnels de la grille. Équipe les étudiants pour concevoir des mises en page complexes sans dépendre de frameworks.

Leçon 3 • Syntaxe CSS et sélecteurs

Explique les règles, les déclarations, la spécificité et la cascade. Donne aux étudiants un contrôle précis sur les styles appliqués à quels éléments.

Leçon 4 • Transitions et animations CSS

Crée des changements d'état fluides et des animations par images clés en utilisant uniquement du CSS. Ajoute une finition professionnelle aux éléments interactifs construits tout au long du cours.

Leçon 5 • Conception adaptative avec les media queries

Applique des points de rupture et des unités fluides pour adapter les mises en page aux différentes tailles d'écran. Permet directement la création de sites mobile-first dans les chapitres suivants.

Leçon 1 • Événements et interaction utilisateur

Attache des écouteurs d'événements pour gérer les clics, les entrées et les actions clavier. Pilote les composants interactifs développés tout au long du cours.

Leçon 2 • Manipulation du DOM

Sélectionne, crée, modifie et supprime des éléments HTML via JavaScript. Relie directement le script à la structure HTML construite au chapitre 2.

Leçon 3 • Récupération de données à partir d'API

Utilise l'API Fetch et async/await pour récupérer et afficher des données externes. Prépare les étudiants aux fonctionnalités de contenu dynamique des chapitres avancés.

Leçon 4 • Fondamentaux de la syntaxe JavaScript

Couvre les variables, les types de données, les opérateurs et le flux de contrôle. Fournit les bases linguistiques nécessaires à chaque script écrit dans ce cours.

Leçon 1 • Formulaire de contact et pied de page

Implémente un formulaire de contact validé et une mise en page de pied de page multi-colonnes. Relie les connaissances sur les formulaires HTML à une logique de validation JavaScript de base.

Leçon 2 • Création des sections principales de la page

Construit les sections hero, fonctionnalités, témoignages et appel à l'action. Renforce les compétences en matière de grille et de mise en page Flexbox dans un contexte de page réaliste.

Leçon 3 • Construction de la navigation et de l'en-tête

Construit une barre de navigation adaptative avec logo, liens et un menu mobile. Applique les modèles Flexbox et de bascule JavaScript des chapitres précédents.

Leçon 4 • Planification de projet et maquettage

Définit les objectifs du site, les parcours utilisateur et les maquettes basse fidélité avant de coder. Établit une habitude de planification professionnelle utilisée dans chaque projet ultérieur.

Leçon 1 • Optimisation des images et des médias

Compresse, redimensionne et convertit les images dans des formats modernes pour une livraison plus rapide. Réduit directement le principal contributeur au poids des pages sur la plupart des sites.

Leçon 2 • Mise en cache et diffusion de contenu

Configure les en-têtes de cache du navigateur et explique la distribution via un CDN. Garantit des temps de chargement rapides pour les visiteurs réguliers et les utilisateurs du monde entier.

Leçon 3 • Optimisation du CSS et du JavaScript

Minifie, diffère et élimine le code mort des ressources CSS et JS pour réduire le blocage du rendu. S'applique directement au site statique construit au chapitre 5.

Leçon 1 • Données structurées et résultats enrichis

Ajoute un balisage de schéma JSON-LD pour permettre des extraits enrichis dans les résultats de recherche. Étend les connaissances HTML du chapitre 2 avec des métadonnées lisibles par machine.

Leçon 2 • Fondamentaux du SEO sur la page

Optimise les balises titre, les méta-descriptions, les titres et le placement des mots-clés. S'appuie sur le HTML sémantique du chapitre 2 pour maximiser la pertinence dans les recherches.

Leçon 3 • Création de liens et autorité du site

Explique la stratégie de maillage interne et le rôle des backlinks externes. Relie les décisions d'architecture du site aux résultats de classement à long terme dans les moteurs de recherche.

Leçon 4 • Suivi et rapports SEO

Configure les outils de la Search Console et suit le classement, les impressions et les clics. Donne aux étudiants un flux de travail reproductible pour une amélioration continue du SEO.

Leçon 1 • Déploiement avec Git et CI/CD

Pousse le code vers des dépôts distants et automatise les pipelines de déploiement. Introduit des flux de travail de publication professionnels utilisés dans les environnements d'équipe.

Leçon 2 • Certificats SSL et HTTPS

Installe et renouvelle les certificats SSL pour sécuriser tout le trafic du site. Améliore directement à la fois la confiance des utilisateurs et les signaux SEO abordés au chapitre 7.

Leçon 3 • Options d'hébergement et sélection

Compare les plateformes d'hébergement partagé, VPS, gérées et statiques en termes de coût et de capacités. Permet aux étudiants de faire correspondre le type d'hébergement aux exigences du projet.

Leçon 4 • Maintenance et surveillance continues

Met en place une surveillance de la disponibilité, des plannings de sauvegarde et des routines de mise à jour. Garantit que les sites restent sécurisés, rapides et fonctionnels après le lancement.