Les exercices
Chaque exercice tient sur une journée et se fait en autonomie. Choisis avec ton encadrant celui qui correspond à ton point de départ : il vaut mieux finir le niveau 1 en le comprenant que rater le niveau 2.
Le principe, quel que soit l'exercice
On te donne ce qu'il faut construire et où chercher, jamais le code à écrire. Tu as le droit d'utiliser l'IA, à condition de savoir expliquer chaque ligne que tu livres. Et tu remplis ton journal de bord au fil de la journée.
Niveau 1 · Je débute complètement
Découverte du métier & ma page de présentation
Comprendre ce qu'est le Web et à quoi servent HTML, CSS et JavaScript, puis fabriquer ta première page web : une page qui te présente, avec tes vraies informations. Aucun prérequis.
- Un quiz de découverte pour poser le vocabulaire
- Ta première page HTML, écrite par toi
- La mise en forme avec CSS : couleurs, polices, mise en page
- Aucun JavaScript, on garde ça pour le niveau 2
Niveau 2 · J'ai déjà fait un peu de web
Application météo
Construire, à partir d'un dossier vide, une application qui affiche la météo d'une ville : formulaire, appels à une API réelle, gestion des erreurs et affichage du résultat.
- Deux appels réseau enchaînés vers une API publique
fetch,async/await, les promesses- Quatre états d'interface : accueil, chargement, erreur, succès
- Le réflexe sécurité sur l'insertion de contenu externe
Prérequis : savoir écrire une page HTML avec un formulaire et lui appliquer du CSS. Si ce n'est pas encore le cas, commence par le niveau 1.
Ouvrir l'exercice →Et après ?
Ces exercices ne sont pas encore écrits : ils arriveront au fil des arrivées. Si tu as fini les deux premiers et que tu veux savoir vers quoi ça continue :
| Niveau | Sujet envisagé | Ce qu'on y apprendrait |
|---|---|---|
| Niveau 3 | Mini-CRM en PHP | Un formulaire qui écrit vraiment dans une base de données MySQL, et une liste qui la relit |
| Niveau 3 | Thème ou plugin WordPress | Le CMS le plus utilisé chez nos clients, et comment on l'étend proprement |
| Niveau 4 | Module PrestaShop | Le cœur de nos projets e-commerce : hooks, back-office, passerelle de paiement |