JavaScript : les objets, la déstructuration et l'opérateur ...
Créer et modifier des objets JavaScript, accéder aux propriétés, parcourir avec Object.entries, déstructurer, copier et fusionner avec l'opérateur de décomposition, et le chaînage optionnel ?.
JavaScript : les modules (import / export) et un premier script Node.js
Découper son code JavaScript en modules avec export et import, les utiliser dans le navigateur (type=module) et dans Node.js, et lire un fichier avec le module fs.
JavaScript : sauvegarder des données dans le navigateur (localStorage)
Enregistrer des préférences ou une liste dans le navigateur avec localStorage : setItem, getItem, stocker des objets en JSON, gérer l'absence de données, et les limites (taille, sécurité).
JavaScript : les fonctions (classiques et fléchées)
Écrire des fonctions en JavaScript : déclaration function, paramètres par défaut, return, fonctions fléchées, et passer une fonction en argument (callback).
JavaScript : récupérer des données avec fetch, async et await
Appeler une API depuis le navigateur ou Node.js avec fetch, comprendre les promesses, écrire avec async/await, gérer les erreurs avec try/catch et vérifier response.ok, et envoyer du JSON en POST.
JavaScript : réagir aux clics et aux formulaires (addEventListener)
Réagir aux actions de l'utilisateur en JavaScript avec addEventListener : clic sur un bouton, saisie au clavier, envoi d'un formulaire avec preventDefault, et délégation d'événements.
JavaScript : modifier une page web (DOM, querySelector)
Sélectionner des éléments d'une page avec querySelector, changer leur texte et leurs classes CSS, créer et ajouter des éléments, et éviter innerHTML avec des données utilisateur.
JavaScript : afficher dates, prix et nombres au format français (Intl)
Formater correctement en français avec JavaScript : dates avec toLocaleDateString et Intl.DateTimeFormat, prix en euros avec Intl.NumberFormat, durées relatives (« il y a 3 jours ») et pièges de l'objet Date.
JavaScript : les classes (constructor, méthodes, héritage)
Créer des classes en JavaScript moderne : constructor, méthodes, propriétés privées avec #, getters, méthodes statiques, et héritage avec extends et super.
JavaScript : coder un mini-jeu dans le navigateur (canvas)
Créer un petit jeu en JavaScript avec l'élément canvas : boucle de jeu avec requestAnimationFrame, dessin, déplacement au clavier, collision et score.
Java : premiers pas (classe, main, types, compilation)
Écrire et lancer un premier programme Java : installer un JDK, classe et méthode main, types, Scanner pour lire au clavier, ArrayList, et exécution avec java Fichier.java.
Programmer avec un assistant IA : bonnes pratiques et pièges
Utiliser un assistant de code IA (Claude, Copilot, ChatGPT) efficacement : bien formuler la demande, donner le contexte, relire et tester le code produit, protéger ses secrets, et continuer à apprendre.
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.