Nouveautés

Les derniers supports créés ou modifiés de manière importante (une refonte, une nouvelle partie), du plus récent au plus ancien : TP, cours et aide-mémoires. Les retouches plus légères (une correction, une précision, une image ajoutée) sont listées en bas de page.

Suivre les nouveautés

Abonnez-vous au flux RSS dans votre lecteur de flux (Feedly, Thunderbird, NetNewsWire, etc.) : chaque nouveau support ou modification importante y apparaîtra.

iOS sans Mac : préparer la dev-box

Développer pour iPhone et iPad sans Mac : préparer la dev-box (SDK iOS, compte Apple, appareil) avant de créer un hello world en Swift, Flutter et Kotlin Multiplateforme.

Lire

(Ré)organiser mon code

Dans ce TP, nous allons voir comment « réorganiser » du code pour le rendre plus facilement maintenable.

Lire

iOS sans Mac : hello world en Swift

Un hello world iPhone en Swift et SwiftUI, décrit par un project.yml (XcodeGen), compilé et installé depuis la dev-box (Linux) avec devbox-build.sh, sans Mac.

Lire

Le retour de Bart

Vous vous souvenez du générateur de Bart écrit en PHP ? Eh bien cette fois-ci nous allons coder la version JavaScript du générateur de phrase.

Lire

Interactivité

Nous avons créé dans l'exemple précédent une page avec un formulaire. Je vous propose un autre exemple très simple, nous allons créer une page interactive avec seulement du JavaScript.

Lire

Contrôle de saisie & interactivité

Le JavaScript, comme je l'indiquais en introduction, est partout. Pour l'instant, nous allons le limiter principalement aux interactions utilisateurs (contrôle de saisie, validation de formulaire, interactivité).

Lire

TP 6 SQL : BTS TV administrable

BTS TV administrable : concevoir la base des vidéos et des utilisateurs, une page de connexion, puis une page d'administration pour ajouter et supprimer les vidéos, avec PDO et les requêtes préparées.

Lire

Le passage de paramètres

Nous allons illustrer le passage de paramètres grâce à la BTS TV. Ce TP va nous permettre de mieux comprendre l'intérêt des paramètres.

Lire

Le générateur de Bart

Le meilleur moyen de comprendre les boucles. C'est d'en écrire par soi-même. Je vous propose de créer votre propre générateur de Bart.

Lire

Des variables en veux-tu en voilà !

Nous avons vu comment déclarer une balise `script`. Un code sans variable c'est un peu comme une pizza sans olives…

Lire

La BTS TV 2.0 (Ajax)

Nous avons créé deux cas « de tests », je vous propose de les mettre en place dans un code existant : la page d'accueil de la BTS TV va charger sa liste de vidéos en Ajax, depuis une API PHP qui renvoie du JSON.

Lire

Pratiquer l'Ajax

Dans ce TP nous allons mettre en pratique l'Ajax au travers de deux exemples : un serveur qui renvoie un morceau de HTML, puis un serveur qui ne renvoie que la donnée (JSON), avant de consommer une API publique.

Lire

iOS sans Mac : hello world en Kotlin Multiplateforme

Un hello world iPhone en Kotlin Multiplateforme et Compose Multiplatform, compilé et installé depuis la dev-box (Linux), sans Mac.

Lire

Un client web en Kotlin avec Compose (Compose Multiplatform pour le web)

Reprendre l'API Ktor des lampadaires et la consommer depuis le navigateur avec Compose Multiplatform pour le web (Kotlin/Wasm) : les écrans et les ViewModels du client Android réutilisés presque tels quels, Ktor client, Coil, et le piège du CORS.

Lire

Le développement agentique : les limites

Le développement agentique, les limites : hallucinations, code faux ou non sécurisé, tests complaisants, fenêtre de contexte saturée, coût et quotas, données envoyées à un tiers, injections de prompt, permissions trop larges, perte de compétences. Quand ne pas utiliser un agent, et ce que l'on attend d'un développeur.

Lire

Le développement agentique : le principe

Le développement agentique, le principe : ce qu'est un agent de code (un modèle de langage dans une boucle qui lit, décide, appelle des outils), ses briques (modèle, contexte, outils, permissions, AGENTS.md), les API qui le relient au modèle et ce que coûtent les tokens.

Lire

Le développement agentique : utiliser un agent

Le développement agentique, l'utilisation : installer OpenCode, le brancher sur un modèle gratuit (OpenCode, NVIDIA, AMD) ou sur le proxy de la classe, puis lui faire ajouter une fonctionnalité et ses tests à un petit projet JavaScript avec une méthode : décrire, planifier, relire chaque diff, tester, commiter.

Lire

Mon lecteur de veille (Ajax, RSS et CORS)

Un lecteur de veille en JavaScript : lire des flux RSS avec fetch et DOMParser, comprendre l'erreur CORS quand un site ne l'autorise pas, puis la contourner proprement avec un petit relais PHP à liste blanche.

Lire

Le fil de veille

Le fil de veille : les derniers articles des sources conseillées pour le développement (Dev.to, Hacker News, Développez.com, Reddit, la newsletter TLDR…), réunis sur une seule page, à filtrer par source ou par mot-clé.

Lire

L'outillage du développeur

Préparer son poste de développeur web sous Windows, Linux ou macOS : éditeur, outils, et pourquoi passer à Linux (jusqu'à Omarchy) pour progresser.

Lire

Autres mises à jour

Les supports retouchés récemment, sans changement important : une correction, une précision, une capture ou un schéma en plus.

• Aide mémoire JavaScript : Aide mémoire sur les structures JavaScript. Vous retrouverez dans cet aide mémoire les éléments que nous avons vus ensemble.
• Aide mémoire VueJS 2.0 : Le document présent ainsi que les supports de cours et TP sont actuellement écrits pour VueJS 2.0
• Aide mémoire VueJS 3.0 : Le document présent ainsi que les supports de cours et TP sont actuellement écrits pour VueJS 3.0
• Explication structure « Android Boilerplate » : Ce document n'est pas un TP, mais une explication de la structure « Android Boilerplate »
• Découverte de Cordova : Dans ce TP vous allez découvrir la ligne de commande Cordova et créer votre premier projet. Comme dans les autres TP, utilisez l’aide-mémoire Cordova pour trouver les bonnes commandes à chaque étape.
• Complément du cours JavaScript : Ce document est un complément du cours. Il vous permettra de revenir sur les différentes notions avec différents exemples.
• Utiliser des includes et une librairie : Nous avons vu dans le cours qu'il était possible grace à la fonction PHP « include » d'inclure une page dans une autre. Cette fonction nous permet également d'utiliser des librairies en les incluant dans les différentes pages ou ça est nécessaire.
• Créer ma première page PHP : Dans ce TP nous allons créer votre première page PHP. Rassurez-vous, elle sera très simple, pas très jolie… Mais elle nous permettra de voir les concepts de bases.
• Structurer mon code : Vous avez écrit du code oui… Mais il n'était pas forcément « bien organisé ». Je vous propose dans ce TP une façon d'organiser votre code qui vous permettra de vous organiser, quelles que soient les évolutions de votre projet.
• Transition vers Laravel : Dans ce TP, nous allons voir comment réaliser des équivalents de vos connaissances en PHP avec le framework Laravel.