Retour

Dev Recap

---

Dev Recap est un wiki dédié au développement web.
Il rassemble les notions essentielles pour comprendre et structurer un écosystème moderne : HTML, CSS, JavaScript, terminal, Git, conventions de nommage et Markdown.

Le site est pensé comme un mémo technique clair et accessible, pour gagner du temps au quotidien et poser une base solide avant d’attaquer des projets plus complexes.

Sorti en 2024, Dev Recap est le pendant orienté développement de UIX Recap.

—

Objectifs du projet

• Proposer un récapitulatif structuré des bases du développement web moderne.
• Offrir un parcours pédagogique modulaire (HTML, CSS, JS, terminal, Git, conventions, Markdown).
• Servir de référence rapide avant un projet, un examen ou un atelier technique.
• Fournir une ressource évolutive, mise à jour au fil des technologies utilisées sur mes projets.

—

Structure du contenu

Dev Recap est organisé comme un wiki en rubriques :

• HTML : introduction, balises META, titres et textes, liens hypertextes, structure HTML, images, audio et vidéo.
• CSS : couleurs, arrière-plan, bordures, listes, textes, flexbox, grid, media queries, overflow, impression, scrollbars, conseils de Tonton Bat’, etc.
• JavaScript : introduction, variables & types, opérateurs, conditions, boucles, fonctions, portée (scope), closures, tableaux, objets, DOM, événements, asynchrone, promesses, async/await, classes, modules, gestion des erreurs, fetch de données.
• Terminal : introduction au terminal, navigation, gestion des fichiers et dossiers, lecture/édition, permissions, processus, réseau et astuces pratiques.
• Git : configuration, bases de Git, branches, remote, historique, annuler/corriger, bonnes pratiques, intégration avec GitHub et VS Code.
• Conventions : conventions de nommage (camelCase, PascalCase, snake_case, kebab-case, UPPER_SNAKE_CASE), BEM, namespaces et bonnes pratiques.
• Markdown : introduction, syntaxe de base, syntaxe avancée, bonnes pratiques et cheatsheet.
• Ressources utiles : liens, outils et documentations de référence pour aller plus loin.

Chaque page se concentre sur une notion précise, avec une approche “récap” : définition, contexte, exemples concrets.

—

Positionnement par rapport à UIX Recap

Là où UIX Recap se concentre sur l’UX et l’UI (recherche utilisateur, interfaces, parcours, prototypage),
Dev Recap se focalise sur l’implémentation technique : comment concrètement donner vie à ces interfaces et expériences.

Les deux projets sont pensés comme complémentaires :

• UIX Recap pour cadrer le pourquoi et le comment côté expérience.
• Dev Recap pour structurer le comment côté code, architecture et outils.

—

Évolutions

Dev Recap est amené à évoluer en parallèle de mes projets :

• ajout de nouvelles sections en fonction des technos et stacks utilisées ;
• mise à jour des exemples et recommandations ;
• intégration progressive de cas concrets issus de projets clients ou personnels.

—

Liens

Accéder au site web