Cours de création de sites web

Leçon 1 • Choix d'un éditeur de code

Comparez les éditeurs de code populaires et configurez un espace de travail productif. Assurez 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 informatique.

Leçon 3 • Structure des fichiers et dossiers Web

Définit les dispositions 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émantiques

Présentez les balises header, nav, main, article, section, aside et footer. Renforcez comment 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 rendement.

Leçon 3 • Anatomie d'un document HTML

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

Leçon 4 • Formulaires et entrées HTML

Construit des formulaires accessibles en utilisant des étiquettes, des entrées, des sélecteurs et des boutons. Prépare les étudiants à la collecte de données utilisateur abordée dans les chapitres ultérieurs.

Leçon 1 • Mise en page Flexbox

Enseigne l'alignement unidimensionnel en utilisant des conteneurs et des é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 cadriciels.

Leçon 3 • Syntaxe et sélecteurs CSS

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 aux éléments.

Leçon 4 • Transitions et animations CSS

Crée des changements d'état fluides et des animations d'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 requêtes média

Applique des points de rupture et des unités fluides pour adapter les mises en page à différentes tailles d'écran. Permet directement la création de sites axés sur le mobile 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 du clavier. Anime 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 le script directement à 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 dans les chapitres avancés.

Leçon 4 • Notions fondamentales de la syntaxe JavaScript

Couvre les variables, les types de données, les opérateurs et le flux de contrôle. Fournit la base linguistique requise pour 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 à plusieurs colonnes. Relie les connaissances sur les formulaires HTML à une logique de validation JavaScript de base.

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

Construit les sections héro, fonctionnalités, témoignages et appel à l'action. Renforce les compétences en mise en page Grid et 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 flux utilisateur et les maquettes basse fidélité avant le codage. Établit une habitude de planification professionnelle utilisée dans chaque projet subséquent.

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

Compresse, redimensionne et convertit les images vers des formats modernes pour une livraison plus rapide. Réduit directement le plus grand 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 mise en cache du navigateur et explique la distribution via CDN. Assure que les visiteurs réguliers et les utilisateurs mondiaux bénéficient de temps de chargement rapides.

Leçon 3 • Optimisation du CSS et du JavaScript

Minifie, reporte et élimine les ressources CSS et JS inutilisées 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 • Notions fondamentales du SEO sur la page

Optimise les balises titre, les méta-descriptions, les en-têtes 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 liens internes et le rôle des backlinks externes. Relie les décisions d'architecture du site aux résultats de classement à long terme dans les recherches.

Leçon 4 • Suivi et rapports SEO

Configure les outils de console de recherche et suit le classement, les impressions et les clics. Donne aux étudiants un flux de travail reproductible pour l'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. Présente les flux de travail de livraison 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é et statique par coût et capacité. Équipe les étudiants pour faire correspondre le type d'hébergement aux exigences du projet.

Leçon 4 • Maintenance et surveillance continues

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