Le web expliqué : HTTP, HTTPS, cookies et sessions
Comprendre ce qui se passe quand on ouvre une page : requête et réponse HTTP, rôle de HTTPS et du certificat, cookies et sessions de connexion, et les attributs de sécurité des cookies.
HTML : créer un tableau de données (table) lisible et accessible
Construire un tableau HTML correct : table, caption, thead, tbody, th avec scope, fusion de cellules, mise en forme CSS en bandes, et défilement horizontal sur mobile.
HTML : créer sa première page web (structure, titres, liens, images)
Écrire une page HTML complète : doctype, head (titre, encodage, viewport), body, titres, paragraphes, listes, liens et images avec texte alternatif, puis l'ouvrir dans le navigateur.
HTML sémantique : header, nav, main, article, footer
Structurer une page avec les balises sémantiques HTML5 (header, nav, main, section, article, aside, footer) pour l'accessibilité et le référencement, au lieu de div partout.
HTML : créer un formulaire (input, label, validation intégrée)
Construire un formulaire HTML accessible : form, label associé, types d'input (email, number, date), select, textarea, attributs required, minlength, pattern, et bouton d'envoi.
Rendre un site accessible : les 8 règles essentielles
Les bases de l'accessibilité web : texte alternatif des images, labels de formulaires, contraste des couleurs, navigation au clavier et focus visible, titres hiérarchisés, liens explicites, et outils de test (Lighthouse, WAVE).
GitHub : proposer une modification avec une pull request
Le flux de travail GitHub : créer une branche, pousser ses commits, ouvrir une pull request, répondre à la relecture, fusionner, et contribuer à un projet qui n'est pas le sien avec un fork.
Publier un site gratuitement avec GitHub Pages
Mettre en ligne un site HTML/CSS gratuitement avec GitHub Pages : pousser le dépôt, activer Pages dans les paramètres, obtenir l'adresse github.io, et ajouter un nom de domaine personnalisé.
GitHub Actions : lancer ses tests automatiquement à chaque push
Créer un workflow GitHub Actions qui installe Python ou Node.js et lance les tests à chaque push et pull request, lire le résultat, et ajouter un badge au README.
Git : marquer une version avec un tag (et créer une release GitHub)
Créer des tags Git annotés pour marquer les versions (v1.0.0), comprendre le versionnage sémantique, pousser les tags, revenir à une version, et publier une release sur GitHub.
Git : mettre son travail de côté avec git stash
Utiliser git stash pour mettre de côté des modifications en cours, changer de branche pour une urgence, puis récupérer son travail avec stash pop, et gérer plusieurs stashs.
Git : explorer l'historique (log, diff, show, blame)
Consulter l'historique d'un projet Git : git log en graphe et filtré, git diff pour voir les changements, git show pour un commit, git blame pour savoir qui a modifié une ligne.