Code et programmation
Master 2 — 9 séances — 18 heures
Structurer une première page en HTML
Cette première séance présente le fonctionnement général du Web et les principes fondamentaux du langage HTML. Les étudiants construisent le squelette d’un document, hiérarchisent les contenus et utilisent les principales balises sémantiques. Ils réalisent ainsi une première page éditoriale structurée, accessible et compréhensible par le navigateur.
Accéder au chapitre
Tableaux, formulaires et contenus intégrés
Le deuxième chapitre approfondit le HTML à travers la présentation de données et la collecte d’informations. Les étudiants construisent des tableaux accessibles, créent des formulaires et intègrent une vidéo, une FAQ ou un contenu externe. Ces éléments sont assemblés dans une page complète consacrée à l’inscription à un événement.
Accéder au chapitre
Découvrir le CSS et mettre en forme une page web
Cette séance introduit le rôle du CSS et sa relation avec le document HTML. Les étudiants apprennent à utiliser les sélecteurs, à gérer la cascade et à construire une identité visuelle cohérente. Ils appliquent ensuite le modèle de boîte pour transformer les contenus précédents en blocs visuels structurés et lisibles.
Accéder au chapitre
Construire une mise en page responsive
Le quatrième chapitre est consacré à l’organisation spatiale de la page. Les étudiants utilisent Flexbox et Grid pour aligner les éléments, créer des colonnes et répartir l’espace disponible. Ils découvrent ensuite les media queries afin d’adapter leur interface aux écrans d’ordinateur, aux tablettes et aux téléphones.
Accéder au chapitre
Découvrir la grille et les utilitaires Bootstrap
Les étudiants découvrent Bootstrap comme une bibliothèque permettant d’accélérer la création d’interfaces. Ils utilisent les conteneurs, les lignes, les colonnes et les points de rupture de la grille responsive. Les classes utilitaires leur permettent également de gérer rapidement les espacements, les couleurs, les dimensions et l’alignement.
Accéder au chapitre
Assembler une page avec les composants Bootstrap
Cette séance mobilise les composants prêts à l’emploi proposés par Bootstrap. Les étudiants intègrent une barre de navigation, des cartes, des boutons, des alertes et un formulaire responsive. Ils apprennent à sélectionner les composants utiles et à les personnaliser sans perdre la cohérence graphique de leur projet.
Accéder au chapitre
Ajouter de l’interactivité avec JavaScript
Le septième chapitre introduit les principes fondamentaux de JavaScript. Les étudiants manipulent des variables, des conditions et des fonctions simples, puis réagissent aux actions de l’utilisateur grâce aux événements. Ils modifient enfin le contenu ou l’apparence d’éléments HTML en intervenant sur le DOM.
Accéder au chapitre
Rendre une page dynamique avec PHP
Cette séance présente le rôle d’un langage exécuté côté serveur. Les étudiants découvrent la syntaxe élémentaire de PHP, utilisent des variables et des conditions, puis récupèrent les données transmises par un formulaire. La page peut ainsi produire une réponse différente selon les informations fournies par l’utilisateur.
Accéder au chapitre
Réaliser une application web de synthèse
Le dernier chapitre rassemble les compétences acquises tout au long du cours. Les étudiants structurent, mettent en forme et rendent interactive une petite application web, puis ajoutent un traitement dynamique simple. Ils vérifient son fonctionnement, corrigent les erreurs et justifient les principaux choix techniques réalisés.
Accéder au chapitre