Carnet de dev
Notes, fiches et petits cours.
Mode d'emploi
- Marque-page : garder une section du sommaire
- Annoter : sélectionnez un passage
- Focus : masque les colonnes
- / recherche, P précédent, S suivant
Cours
Documenter son projet web
Ce cours t'aide à documenter un projet web que tu as déjà développé. L'objectif est qu'une autre personne puisse le lancer, le comprendre et le modifier sans tes explications à l'oral.
15 chapitres- Pourquoi documenter
- Organiser les contenus
- Écrire clairement
- README et guides
- Architecture C4
- Données et Merise
- Décisions et code
- Vérifier et maintenir
- Documentation vivante et BDD
- Démonstration JavaScript
- Exemples et corrigés
- Documentation dans l'éditeur
- ADR de la démonstration
- Outils et sources
- Crédits des visuels
Agentic coding
Ce cours explique comment fonctionne un agent de code comme Claude Code, Codex, OpenCode ou Pi. Il sépare ce que fait le modèle de ce que fait le programme autour de lui, le harness.
13 chapitresDesign UX et UI
Vous concevez le parcours d'inscription à une séance d'essai gratuite à la MJC des Tilleuls : choix d'un atelier, réservation et confirmation. Le brief précise les contraintes.
18 chapitres- L'UX et l'UI
- Les lois de l'UX
- L'audit UX
- Préparer la réservation
- Le persona
- Les user stories
- Le parcours utilisateur
- L'architecture de l'information
- Le zoning et les wireframes
- User flow, séquence et UML
- La hiérarchie visuelle
- La typographie et les couleurs
- Style guide, tokens et composants
- La maquette et le test
- Accessibilité, HTML et ARIA
- Tester et documenter l’accessibilité
- Atelier : tester et corriger une page
- Atelier en équipe : MJC Tilleul
SEO, GEO et GEA
Comment faire connaître un site quand on cherche une salle d'escalade sur Google ou qu'on demande conseil à une IA ? Ce cours présente les bases du référencement et les corrections qu'un développeur peut apporter à une page.
8 chapitresArchitecture logicielle
Ce cours présente les couches d’une application, les stratégies de rendu et les critères pour justifier un choix technique.
7 chapitresLire, comprendre et améliorer une codebase
On passe plus de temps à lire du code qu'à en écrire. Comprendre l'existant, le tien comme celui des autres, est une compétence centrale du métier, et on l'enseigne rarement. Ce cours part de là.
10 chapitresPOO, design patterns et frameworks
Vous allez créer des créatures avec leur propre énergie, puis faire évoluer une application de réservation d'ateliers. Ces cas pratiques permettent de découvrir les classes, l'encapsulation, les interfaces et la collaboration entre objets, puis les design patterns et les frameworks.
21 chapitres- Démarrer, lire une application qui fonctionne
- Les bases de la programmation orientée objet
- Mise en situation
- Ajouter un tarif avec Strategy
- Lire les places du partenaire avec Adapter
- Tracer une réservation avec Decorator
- Préparer la persistance avec Repository
- Faire réagir les vues avec Observer
- Frameworks 1, qui appelle le code de l'application
- Frameworks 2, un état observé et un rendu naïf
- Frameworks 3, composants en fonctions ou en classes
- Frameworks 4, des signaux qui s'abonnent seuls
- Frameworks 5, monter et nettoyer
- Frameworks 6, fournir les services
- Frameworks 7, comparer avec les frameworks réels
- SOLID, comprendre les cinq principes
- UML, lire et dessiner un diagramme de classes
- Choisir une création avec Factory
- S'entraîner et vérifier sa compréhension
- Glossaire
- Ressources et bibliographie
Le RGPD pour les développeur·euses
Pour un·e développeur·euse, le Règlement Général sur la Protection des Données (RGPD) fait partie de l’architecture d’un projet, au même titre que les performances, le schéma de base de données, l’API ou le choix de la stack.
1 chapitre
Fiches
Méthodologie de projet numérique
Cette fiche présente trois façons de démarrer et d'organiser un projet numérique que ce soit : une commande, un projet perso utilitaire, ou un projet qui part d'une envie.
Stories et backlog
Les scénarios et les stories partent des besoins précis des personnes qui utiliseront votre projet. Ils évitent de coder des fonctionnalités dont personne n'a besoin.
Mini-blog ou quand se passer d'un backend
Vous avez peut-être déjà construit des applications avec une API et une base de données. Dans cette page, on se pose la question inverse : de quoi un site a-t-il réellement besoin, et quand peut-on se passer d'un backend ? On commence par un exercice d'architecture sur le site d'une association, puis vous construisez et publiez votre propre blog avec Astro.
Veille