registry.jsonl

{"id": 2333, "title": "Concevoir des prototypes", "domain": "design", "slug": "design-concevoir-des-prototypes", "status": "done", "repo_url": "https://github.com/simplonco/design-concevoir-des-prototypes", "site_url": "https://simplonco.github.io/design-concevoir-des-prototypes/", "summary": "Ressource sur le prototypage UI/UX. Aborde les niveaux de fidélité (basse, moyenne, haute), la distinction wireframes/maquettes/prototypes, et le processus itératif de conception. Contenu : images pédagogiques. Niveau intermédiaire.", "topics": ["prototypage", "ux-design", "maquettage", "figma"]}
{"id": 1924, "title": "CSS 1 : Introduction", "domain": "dev-web", "slug": "dev-web-css-1-introduction", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-1-introduction", "site_url": "https://simplonco.github.io/dev-web-css-1-introduction/", "summary": "Ressource d'introduction au CSS pour débutants. Aborde le rôle du CSS, les 3 méthodes de liaison CSS/HTML (inline, internal, external), les sélecteurs (balise, classe, id), les pseudo-classes et pseudo-éléments, et la spécificité. Ressources externes : MDN, CSS reference, CSS Tricks. Contenu interactif : vidéos YouTube, exercices CSS Diner. Niveau débutant.", "topics": ["css", "selecteurs", "specificite"]}
{"id": 2427, "title": "CSS 2 : Inspecteur", "domain": "dev-web", "slug": "dev-web-css-2-inspecteur", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-2-inspecteur", "site_url": "https://simplonco.github.io/dev-web-css-2-inspecteur/", "summary": "Ressource d'introduction à l'inspecteur de navigateur (DevTools) pour débutants. Aborde l'ouverture de l'inspecteur, l'examen et modification du CSS et HTML en temps réel, le débogage JavaScript et les requêtes HTTP. Ressources externes : MDN, vidéo Traversy Media. Niveau débutant.", "topics": ["css", "devtools", "debug"]}
{"id": 1680, "title": "CSS 3 : Box model", "domain": "dev-web", "slug": "dev-web-css-3-box-model", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-3-box-model", "site_url": "https://simplonco.github.io/dev-web-css-3-box-model/", "summary": "Ressource d'introduction au box model CSS pour débutants. Aborde le concept de boîtes, display block vs inline, box-sizing, les unités (rem, %) et le centrage d'éléments. Ressources externes : YouTube (2 vidéos), MDN, CSS reference, CSS-Tricks, Interneting Is Hard. Contenu interactif : quiz (4 questions), exercice de mise en page avec solution. Images pédagogiques (3). Niveau débutant.", "topics": ["css", "box-model", "layout", "display"]}
{"id": 1287, "title": "CSS 4 : Flexbox", "domain": "dev-web", "slug": "dev-web-css-4-flexbox", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-4-flexbox", "site_url": "https://simplonco.github.io/dev-web-css-4-flexbox/", "summary": "Ressource d'introduction à Flexbox pour débutants. Aborde la création de conteneurs flex, les axes principal et transversal, justify-content, align-items, flex-wrap, flex-direction, gap, et les propriétés des enfants (flex-grow, flex-shrink, flex-basis, align-self, order). Ressources externes : MDN, CSS-Tricks, Sharkcoder. Contenu interactif : playgrounds interactifs, exercices pratiques avec solutions. Images pédagogiques (8). Niveau débutant.", "topics": ["css", "css-flexbox", "layout"]}
{"id": 1292, "title": "CSS 5 : Grid", "domain": "dev-web", "slug": "dev-web-css-5-grid", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-5-grid", "site_url": "https://simplonco.github.io/dev-web-css-5-grid/", "summary": "Ressource d'introduction à CSS Grid Layout pour débutants. Aborde l'anatomie de la grille (lignes, pistes, cellules, aires), le conteneur (display: grid, grid-template-rows/columns), les unités (px, fr, auto-fill), gap, grid-template-areas, placement d'éléments (grid-column/row, span), et l'alignement (justify-items, align-items). Ressources externes : WebKit, MDN, CSS-Tricks. Contenu interactif : playgrounds interactifs (6), exercices pratiques avec solutions. Images pédagogiques (14). Niveau débutant.", "topics": ["css", "css-grid", "layout"]}
{"id": 1285, "title": "CSS 6 : Responsive Design & Media queries", "domain": "dev-web", "slug": "dev-web-css-6-responsive-design-media-queries", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-6-responsive-design-media-queries", "site_url": "https://simplonco.github.io/dev-web-css-6-responsive-design-media-queries/", "summary": "Ressource sur le responsive design et les media queries pour débutants. Aborde l'histoire des mises en page (fixe, liquide, adaptive, responsive), le concept de mobile first, les media queries (syntaxe, breakpoints, features), les unités responsives (vw, vh, rem), et les techniques pratiques (clamp, container queries). Ressources externes : MDN, CSS-Tricks, web.dev. Contenu interactif : playgrounds interactifs, exercices pratiques avec solutions. Images pédagogiques (9). Niveau débutant.", "topics": ["css", "responsive-design", "mobile-first", "media-queries"]}
{"id": 1345, "title": "CSS 7 : Les variables", "domain": "dev-web", "slug": "dev-web-css-7-les-variables", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-7-les-variables", "site_url": "https://simplonco.github.io/dev-web-css-7-les-variables/", "summary": "Ressource sur les variables CSS pour débutants. Aborde la déclaration (--) et l'utilisation (var()), les cas d'usage (valeurs par défaut, thèmes, responsive), les bonnes pratiques de nommage, et les variables dans les media queries. Ressources externes : MDN, CSS-Tricks. Contenu interactif : exercices pratiques avec solutions. Niveau débutant.", "topics": ["css", "css-variables", "theming"]}
{"id": 1307, "title": "CSS 8 : Animations", "domain": "dev-web", "slug": "dev-web-css-8-animations", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-8-animations", "site_url": "https://simplonco.github.io/dev-web-css-8-animations/", "summary": "Ressource sur les animations CSS pour débutants. Aborde les transitions CSS (propriété, durée, courbe d'accélération), les transformations (rotate, scale, translate, skew, 3D), les animations CSS (@keyframes, animation-duration, animation-iteration-count), et l'accessibilité (RGAA critère 13.8, prefers-reduced-motion). Ressources externes : MDN, Anima App, HTMLDog, David DeSandro. Contenu interactif : playgrounds interactifs (5), exercices pratiques avec solutions. Images pédagogiques (3). Niveau débutant.", "topics": ["css", "css-animations", "css-transitions", "accessibilite"]}
{"id": 492, "title": "CSS imbriqué", "domain": "dev-web", "slug": "dev-web-css-imbrique", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-imbrique", "site_url": "https://simplonco.github.io/dev-web-css-imbrique/", "summary": "Ressource sur le CSS imbriqué (nesting) pour développeurs web intermédiaires. Aborde la syntaxe du nesting natif (disponible depuis 2023), l'utilisation du `&` pour les pseudo-classes/éléments, la comparaison CSS classique vs imbriqué. Ressources externes : MDN, Sass, Less. Contenu interactif : playground avec sandbox HTML/CSS/JS, challenge de fork pour pratiquer sur un composant `<nav>`.", "topics": ["css", "css-nesting", "modern-css"]}
{"id": 2933, "title": "Express 101 : part of your symphony", "domain": "dev-web", "slug": "dev-web-express-101-part-of-your-symphony", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-express-101-part-of-your-symphony", "site_url": "https://simplonco.github.io/dev-web-express-101-part-of-your-symphony/", "summary": "Ressource d'introduction à Express.js pour développeurs intermédiaires. Aborde l'architecture client-serveur, la création d'une application Express, les routes, les middlewares, et le rendu de vues. Contenu : stepper avec prérequis, images pédagogiques, exercices pratiques. Niveau intermédiaire. Prérequis : bases JS, callbacks, Node.js.", "topics": ["nodejs", "express", "routing", "middlewares", "vues"]}
{"id": 383, "title": "Express 102 : without Express", "domain": "dev-web", "slug": "dev-web-express-102-without-express", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-express-102-without-express", "site_url": "https://simplonco.github.io/dev-web-express-102-without-express/", "summary": "Ressource sur la création de serveurs web sans Express pour développeurs intermédiaires. Aborde le module node:http, l'architecture client-serveur, et la création d'applications serveur avec le module natif. Contenu : stepper avec prérequis, images pédagogiques, exercices pratiques. Niveau intermédiaire. Prérequis : Express 101.", "topics": ["nodejs", "http", "serveur", "client-serveur"]}
{"id": 2133, "title": "Git/GitHub 1 : Découvrir GitHub", "domain": "dev-web", "slug": "dev-web-git-github-1-decouvrir-github", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-git-github-1-decouvrir-github", "site_url": "https://simplonco.github.io/dev-web-git-github-1-decouvrir-github/", "summary": "Ressource d'introduction à GitHub pour débutants. Aborde la création de compte, la création de repositories, l'interface GitHub (tabs Code, Issues, Pull Requests), les README.md, les langages de programmation, les topics, et les outils GitHub Desktop et Codespaces. Ressources externes : GitHub Docs. Contenu interactif : quiz (9 questions). Niveau débutant.", "topics": ["git", "github"]}
{"id": 1309, "title": "Git/GitHub 2 : Git en local", "domain": "dev-web", "slug": "dev-web-git-github-2-git-en-local", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-git-github-2-git-en-local", "site_url": "https://simplonco.github.io/dev-web-git-github-2-git-en-local/", "summary": "Ressource sur l'utilisation de Git en local pour débutants. Aborde l'installation, les commandes de base (init, clone, add, commit, status, log, diff), la configuration, et le lien avec GitHub Desktop. Ressources externes : GitHub Docs, Learn Git Branching. Contenu interactif : stepper (5 étapes), vidéo YouTube. Niveau débutant.", "topics": ["git", "commit", "init", "status"]}
{"id": 2138, "title": "Git/GitHub 3 : Remote", "domain": "dev-web", "slug": "dev-web-git-github-3-remote", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-git-github-3-remote", "site_url": "https://simplonco.github.io/dev-web-git-github-3-remote/", "summary": "Ressource sur les dépôts distants pour débutants. Aborde la notion de remote, la connexion SSH (clés, GitHub CLI), les URLs de dépôt, les commandes push/pull/fetch/clone. Contenu interactif : quiz (4 questions). Ressources externes : GitHub Docs, SSH.com, blog.devgenius.io. Niveau débutant.", "topics": ["git", "remote", "ssh", "clone"]}
{"id": 1313, "title": "Git/GitHub 4 : Branche et flow", "domain": "dev-web", "slug": "dev-web-git-github-4-branche-et-flow", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-git-github-4-branche-et-flow", "site_url": "https://simplonco.github.io/dev-web-git-github-4-branche-et-flow/", "summary": "Ressource sur le flow Git/GitHub pour débutants. Aborde la création de branches (interface GitHub et CLI), le flow GitHub (fork, branch, commit, PR), et la visualisation avec le network graph. Ressources externes : The New Stack, GitHub Guides, Explain Git with D3. Contenu interactif : vidéos YouTube, simulateur interactif. Niveau débutant.", "topics": ["git", "branches", "pull-request", "workflow"]}
{"id": 1312, "title": "Git/GitHub 5 : Merge & Conflits", "domain": "dev-web", "slug": "dev-web-git-github-5-merge-et-conflits", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-git-github-5-merge-et-conflits", "site_url": "https://simplonco.github.io/dev-web-git-github-5-merge-et-conflits/", "summary": "Ressource sur les merges et conflits Git pour débutants. Aborde le concept de fusion (git pull, fetch + merge), les conflits de fusion et leur résolution. Ressources externes : Explain Git with D3. Contenu interactif : vidéo YouTube, challenge pratique avec résolution de conflit. Niveau débutant.", "topics": ["git", "merge", "conflits"]}
{"id": 2999, "title": "HTML & CSS 1 : Bienvenue à bord", "domain": "dev-web", "slug": "dev-web-html-css-1-bienvenue-a-bord", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-html-css-1-bienvenue-a-bord", "site_url": "https://simplonco.github.io/dev-web-html-css-1-bienvenue-a-bord/", "summary": "Quête principale d'intégration HTML/CSS. Challenge sous forme de brief web-design : intégrer la maquette d'une page d'accueil responsive (mobile et ordinateur). Couvre la sémantique HTML, le box model, display flex et grid, le responsive design et les variables CSS. Nombreux liens vers d'autres ressources permettant de réaliser le challenge. Contenu : solution complète avec playground interactif (index.html + style.css). Images : maquette de référence. Niveau débutant.", "topics": ["html", "css", "integration", "responsive-design"]}
{"id": 2113, "title": "HTML - Chapitre 1 : Introduction au HTML", "domain": "dev-web", "slug": "dev-web-html-chapitre-1-introduction-au-html", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-html-chapitre-1-introduction-au-html", "site_url": "https://simplonco.github.io/dev-web-html-chapitre-1-introduction-au-html/", "summary": "Ressource d'introduction au HTML5 destinée aux débutants. Aborde la structure de base d'une page HTML, les principales balises (titres, paragraphes, images, liens, listes), les attributs (src, alt, href, disabled) et la différence inline vs block. Inclut des images pédagogiques et une référence vers la documentation MDN. Contenu interactif : blocs d'exercices « À toi de jouer ». Solution fournie dans la même page.", "topics": ["html", "balises", "structure"]}
{"id": 2118, "title": "HTML - Chapitre 2 : What's in your `<head>` ?", "domain": "dev-web", "slug": "dev-web-html-chapitre-2-whats-in-your-head", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-html-chapitre-2-whats-in-your-head", "site_url": "https://simplonco.github.io/dev-web-html-chapitre-2-whats-in-your-head/", "summary": "Ressource d'introduction à la balise `<head>` en HTML5 pour débutants (suite du chapitre 1). Aborde le contenu de la balise `<head>` : balise `<title>` avec bonnes pratiques SEO, balises `<meta>` (charset, author, description), et création de favicône via la balise `<link>`. Niveau débutant. Prérequis : HTML - Chapitre 1. Propose des liens externes vers convertico.com. Contenu interactif : blocs d'exercices. Images pédagogiques. Solution fournie.", "topics": ["html", "head", "meta", "seo"]}
{"id": 2119, "title": "HTML - Chapitre 3 : L'écrit sous toutes ses formes", "domain": "dev-web", "slug": "dev-web-html-chapitre-3-lecrit-sous-toutes-ses-formes", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-html-chapitre-3-lecrit-sous-toutes-ses-formes", "site_url": "https://simplonco.github.io/dev-web-html-chapitre-3-lecrit-sous-toutes-ses-formes/", "summary": "Ressource sur le texte en HTML pour débutants (suite chapitre 2). Aborde les balises de titrages (h1-h6), la mise en avant du texte (em, strong), les blocs de citation (blockquote), les abréviations (abbr), les extraits de code (pre/code). Niveau débutant. Prérequis : HTML - Chapitre 2. Contenu interactif : blocs d'exercices. Solution fournie.", "topics": ["html", "textes", "formatage", "accessibilite"]}
{"id": 2123, "title": "HTML - Chapitre 4 : Les liens hypertexte", "domain": "dev-web", "slug": "dev-web-html-chapitre-4-les-liens-hypertexte", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-html-chapitre-4-les-liens-hypertexte", "site_url": "https://simplonco.github.io/dev-web-html-chapitre-4-les-liens-hypertexte/", "summary": "Ressource sur les liens hypertextes en HTML pour débutants. Aborde la balise `<a>`, les attributs href, target, title, download, les liens d'ancrage, les protocoles mailto et tel, et les bonnes pratiques d'accessibilité. Niveau débutant. Prérequis : HTML - Chapitre 1. Contenu interactif : challenge de création de page avec liens. Solution fournie.", "topics": ["html", "liens", "navigation", "anchor"]}
{"id": 2122, "title": "HTML - Chapitre 5 : Structure et sémantique", "domain": "dev-web", "slug": "dev-web-html-chapitre-5-structure-et-semantique", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-html-chapitre-5-structure-et-semantique", "site_url": "https://simplonco.github.io/dev-web-html-chapitre-5-structure-et-semantique/", "summary": "Ressource sur la structure et la sémantique en HTML5 pour débutants (suite chapitre 4). Aborde les balises sémantiques (header, nav, main, article, section, aside, footer), la différence entre `<div>` et balises sémantiques, l'importance de la structure pour l'accessibilité et le SEO, les bonnes pratiques de hiérarchie des titres. Niveau débutant. Prérequis : HTML - Chapitre 4. Contenu interactif : exercices de structure de page. Solution fournie.", "topics": ["html", "semantique", "structure", "accessibilite"]}
{"id": 1314, "title": "Installer et configurer Git", "domain": "dev-web", "slug": "dev-web-git-installer-et-configurer-git", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-git-installer-et-configurer-git", "site_url": "https://simplonco.github.io/dev-web-git-installer-et-configurer-git/", "summary": "Ressource d'introduction à la gestion de versions. Aborde le concept de versions, l'utilisation de GitHub, Git en local, et le mode collaboratif (branches, conflits). Sert de point d'entrée vers les 5 ressources Git/GitHub. Contenu : diagramme mermaid, stepper avec prérequis. Niveau débutant.", "topics": ["git", "installation", "configuration"]}
{"id": 1376, "title": "Installer et configurer Node", "domain": "dev-web", "slug": "dev-web-installer-et-configurer-node", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-installer-et-configurer-node", "site_url": "https://simplonco.github.io/dev-web-installer-et-configurer-node/", "summary": "Ressource sur l'installation et la configuration de Node.js pour débutants. Aborde l'installation de Node.js, la création d'un premier projet, l'initialisation avec npm, et les bases du développement en Node.js. Contenu : stepper avec prérequis, quiz, solution. Niveau débutant.", "topics": ["nodejs", "npm", "installation"]}
{"id": 2114, "title": "Installer et utiliser Visual Studio Code", "domain": "dev-web", "slug": "dev-web-installer-et-utiliser-visual-studio-code", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-installer-et-utiliser-visual-studio-code", "site_url": "https://simplonco.github.io/dev-web-installer-et-utiliser-visual-studio-code/", "summary": "Ressource d'introduction à l'éditeur Visual Studio Code pour débutants. Couvre l'installation, la présentation de l'interface (explorer, extensions, source control), la création de fichiers et dossiers, l'écriture de code avec auto-complétion et suggestions, les raccourcis clavier et les paramètres de personnalisation. Niveau débutant. Propose des liens externes vers la page de téléchargement VS Code et VSCodium (alternative libre). Contenu interactif : blocs d'exercices et alertes.", "topics": ["outils-developpement", "vscode", "extensions"]}
{"id": 1301, "title": "Introduction à la méthodologie Agile et Scrum", "domain": "dev-web", "slug": "dev-web-introduction-a-la-methodologie-agile-et-scrum", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-introduction-a-la-methodologie-agile-et-scrum", "site_url": "https://simplonco.github.io/dev-web-introduction-a-la-methodologie-agile-et-scrum/", "summary": "Ressource d'introduction à la méthodologie Agile et Scrum pour débutants. Aborde l'histoire d'Agile, le manifeste agile et ses 12 principes, le parapluie agile, le framework Scrum (valeurs, équipe, Product Owner, product backlog, user stories avec critères INVEST, sprint, définition of done). Contenu : vidéos YouTube, images pédagogiques, quiz (4 questions). Niveau débutant.", "topics": ["agile", "scrum", "methode"]}
{"id": 834, "title": "JS - First script", "domain": "dev-web", "slug": "dev-web-js-first-script", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-first-script", "site_url": "https://simplonco.github.io/dev-web-js-first-script/", "summary": "Ressource d'introduction à JavaScript pour débutants. Couvre les principes fondamentaux, les variables, les opérateurs, les conditions et la construction de premiers scripts interactifs. Contenu : image pédagogique (1), prérequis HTML, solution inline. Niveau débutant.", "topics": ["javascript", "premier-pas"]}
{"id": 1343, "title": "JS - Manipulation du DOM", "domain": "dev-web", "slug": "dev-web-js-manipulation-du-dom", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-manipulation-du-dom", "site_url": "https://simplonco.github.io/dev-web-js-manipulation-du-dom/", "summary": "Ressource de révision sur la manipulation du DOM en JavaScript. Aborde les sélecteurs (getElementById, querySelector, querySelectorAll), la modification de contenu (innerHTML, textContent, value), les classes CSS (classList.add/remove), et la création d'éléments (createElement, appendChild). Contenu : playgrounds interactifs (3), code de départ dans HTML. Niveau débutant. Prérequis : JS 04, JS 06.", "topics": ["javascript", "dom", "query-selector", "manipulation"]}
{"id": 613, "title": "JS - React & Express", "domain": "dev-web", "slug": "dev-web-js-react-express", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-react-express", "site_url": "https://simplonco.github.io/dev-web-js-react-express/", "summary": "Ressource sur la communication entre front-end React et back-end Express pour développeurs intermédiaires. Aborde la création d'applications indépendantes, les requêtes fetch, les routes Express, et la configuration CORS. Contenu : stepper avec exercices pratiques, images pédagogiques, liens vers ressources complémentaires. Niveau intermédiaire. Prérequis : bases avancées JS, méthodes fonctionnelles des tableaux.", "topics": ["javascript", "react", "express", "api", "fullstack"]}
{"id": 1262, "title": "JS Basics 01 - Qu'est-ce que JavaScript", "domain": "dev-web", "slug": "dev-web-js-basics-01-qu-est-ce-que-javascript", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-01-qu-est-ce-que-javascript", "site_url": "https://simplonco.github.io/dev-web-js-basics-01-qu-est-ce-que-javascript/", "summary": "Ressource d'introduction à JavaScript pour débutants. Aborde le rôle de JS dans le navigateur, l'histoire de JavaScript (ECMAScript, NodeJS), les possibilités du langage, la syntaxe de base (Hello World), et le fonctionnement des moteurs JS. Contenu : vidéos YouTube, ressources externes (MDN, javascript.info). Contenu interactif : playground Hello World avec console intégrée. Niveau débutant.", "topics": ["javascript", "introduction", "moteurs"]}
{"id": 1267, "title": "JS Basics 02 - Syntaxe et concepts de base", "domain": "dev-web", "slug": "dev-web-js-basics-02-syntaxe-et-concepts-de-base", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-02-syntaxe-et-concepts-de-base", "site_url": "https://simplonco.github.io/dev-web-js-basics-02-syntaxe-et-concepts-de-base/", "summary": "Ressource sur la syntaxe JavaScript pour débutants. Aborde l'ajout de JS dans une page HTML (balise script, fichier externe), la console du navigateur, la syntaxe de base (point-virgule, strings, console.log), les commentaires, les opérations arithmétiques, les comparaisons (===, ==, !=, !==, >, <), et l'indentation. Contenu : ressources externes (DigitalOcean, dev.to), expériences interactives. Niveau débutant.", "topics": ["javascript", "syntaxe", "console", "commentaires"]}
{"id": 1268, "title": "JS Basics 03 - Les variables", "domain": "dev-web", "slug": "dev-web-js-basics-03-les-variables", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-03-les-variables", "site_url": "https://simplonco.github.io/dev-web-js-basics-03-les-variables/", "summary": "Ressource sur les variables JavaScript pour débutants. Aborde la création de variables (let, const, var), les règles de nommage (camelCase), la réassignation de valeurs, les opérateurs d'incrément (+++=), et la concaténation de strings. Contenu : ressources externes (javascript.info, YouTube), quiz (2 questions), challenge pratique (renommage de variables). Niveau débutant. Prérequis : JS Basics 01, JS Basics 02.", "topics": ["javascript", "variables", "let-const-var"]}
{"id": 1269, "title": "JS Basics 04 - Les types de données", "domain": "dev-web", "slug": "dev-web-js-basics-04-les-types-de-donnees", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-04-les-types-de-donnees", "site_url": "https://simplonco.github.io/dev-web-js-basics-04-les-types-de-donnees/", "summary": "Ressource sur les types de données JavaScript pour débutants. Aborde l'opérateur typeof, les types primitifs (Boolean, String, Number, Null, Undefined), les types complexes (Function, Object, Array), et la distinction entre valeurs immutables et mutables. Contenu : images pédagogiques, expériences interactives. Niveau débutant. Prérequis : JS Basics 01, 02, 03.", "topics": ["javascript", "types", "donnees"]}
{"id": 1270, "title": "JS Basics 05 - Les instructions conditionnelles", "domain": "dev-web", "slug": "dev-web-js-basics-05-les-instructions-conditionnelles", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-05-les-instructions-conditionnelles", "site_url": "https://simplonco.github.io/dev-web-js-basics-05-les-instructions-conditionnelles/", "summary": "Ressource sur les instructions conditionnelles JavaScript pour débutants. Aborde les structures `if...else`, `else if`, l'opérateur ternaire, et les opérateurs de comparaison (`===`, `!==`, `>`, `<`). Contenu : images pédagogiques (3), expériences interactives, solution inline. Niveau débutant. Prérequis : JS Basics 01, 02, 03, 04.", "topics": ["javascript", "conditions", "if-else"]}
{"id": 1278, "title": "JS Basics 06 - Les fonctions", "domain": "dev-web", "slug": "dev-web-js-basics-06-les-fonctions", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-06-les-fonctions", "site_url": "https://simplonco.github.io/dev-web-js-basics-06-les-fonctions/", "summary": "Ressource sur les fonctions JavaScript pour débutants. Aborde la déclaration de fonctions, les paramètres et arguments, l'instruction `return`, les expressions de fonctions, les fonctions fléchées (arrow functions), et la portée des variables (scope). Contenu : images pédagogiques (5), solution inline. Niveau débutant. Prérequis : JS Basics 01, 02, 03, 04, 05.", "topics": ["javascript", "fonctions", "scope"]}
{"id": 1559, "title": "JS Basics 06bis - Fonctions d'ordre supérieur", "domain": "dev-web", "slug": "dev-web-js-basics-06bis-fonctions-d-ordre-superieur", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-06bis-fonctions-d-ordre-superieur", "site_url": "https://simplonco.github.io/dev-web-js-basics-06bis-fonctions-d-ordre-superieur/", "summary": "Ressource sur les fonctions d'ordre supérieur en JavaScript pour débutants. Aborde les fonctions anonymes, les fonctions de rappel (callback), et la programmation fonctionnelle (map, filter, reduce). Contenu : image pédagogique (1), solution inline. Niveau débutant. Prérequis : JS Basics 06.", "topics": ["javascript", "callbacks", "higher-order-functions"]}
{"id": 1281, "title": "JS Basics 07 - Les tableaux", "domain": "dev-web", "slug": "dev-web-js-basics-07-les-tableaux", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-07-les-tableaux", "site_url": "https://simplonco.github.io/dev-web-js-basics-07-les-tableaux/", "summary": "Ressource sur les tableaux JavaScript pour débutants. Aborde la création de tableaux, la longueur, la lecture/écriture d'éléments, et les méthodes de manipulation (push, pop, shift, unshift, splice). Contenu : images pédagogiques (4), solution inline. Niveau débutant. Prérequis : JS Basics 01 à 06.", "topics": ["javascript", "tableaux", "methodes"]}
{"id": 1932, "title": "JS Basics 07bis - Les tableaux - Autres méthodes utiles", "domain": "dev-web", "slug": "dev-web-js-basics-07bis-les-tableaux-autres-methodes-utiles", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-07bis-les-tableaux-autres-methodes-utiles", "site_url": "https://simplonco.github.io/dev-web-js-basics-07bis-les-tableaux-autres-methodes-utiles/", "summary": "Ressource sur les méthodes avancées des tableaux JavaScript pour débutants. Aborde `includes`, `indexOf`, `join`, `split`, `slice`, `splice`, `concat`, `reverse` et `sort`. Contenu : playgrounds interactifs (2), solution inline, challenge de manipulation de chaîne. Niveau débutant. Prérequis : JS Basics 07.", "topics": ["javascript", "tableaux", "slice-splice"]}
{"id": 1283, "title": "JS Basics 08 - Les boucles", "domain": "dev-web", "slug": "dev-web-js-basics-08-les-boucles", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-08-les-boucles", "site_url": "https://simplonco.github.io/dev-web-js-basics-08-les-boucles/", "summary": "Ressource sur les boucles JavaScript pour débutants. Aborde les boucles `for`, `while`, `do...while`, `for...of`, et le parcours de tableaux. Contenu : images pédagogiques (6), solution inline. Niveau débutant. Prérequis : JS Basics 01 à 07.", "topics": ["javascript", "boucles", "iteration"]}
{"id": 1282, "title": "JS Basics 09 - Les objets", "domain": "dev-web", "slug": "dev-web-js-basics-09-les-objets", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-basics-09-les-objets", "site_url": "https://simplonco.github.io/dev-web-js-basics-09-les-objets/", "summary": "Ressource sur les objets JavaScript pour débutants. Aborde la création d'objets littéraux, l'accès aux propriétés (point et crochets), l'ajout/modification/suppression de propriétés, la combinaison tableaux-objets, et le mot-clé `this`. Contenu : images pédagogiques (2), playgrounds interactifs (6), solutions inline. Niveau débutant. Prérequis : JS Basics 01 à 08.", "topics": ["javascript", "objets", "proprietes"]}
{"id": 1259, "title": "JS Intermédiaire 01.1 - Introduction à la manipulation du DOM", "domain": "dev-web", "slug": "dev-web-js-intermediaire-01-1-introduction-a-la-manipulation-du-dom", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-01-1-introduction-a-la-manipulation-du-dom", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-01-1-introduction-a-la-manipulation-du-dom/", "summary": "Ressource d'introduction à la manipulation du DOM en JavaScript pour débutants. Aborde la sélection d'éléments (querySelector, getElementById, querySelectorAll), la modification de propriétés (src, innerHTML, style), et la création/suppression d'éléments. Contenu : images pédagogiques (3), playgrounds interactifs (4), solutions inline. Niveau débutant. Prérequis : JS Basics 01 à 09.", "topics": ["javascript", "dom", "query-selector"]}
{"id": 1554, "title": "JS Intermédiaire 01.2 - Manipulation du DOM - Créer des éléments", "domain": "dev-web", "slug": "dev-web-js-intermediaire-01-2-manipulation-du-dom-creer-des-elements", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-01-2-manipulation-du-dom-creer-des-elements", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-01-2-manipulation-du-dom-creer-des-elements/", "summary": "Ressource sur la création et suppression d'éléments HTML au DOM en JavaScript pour débutants. Aborde createElement, appendChild, remove, classList.add/remove, et le style via la propriété style. Contenu : playgrounds interactifs (4), solutions inline. Niveau débutant. Prérequis : JS Intermédiaire 01.1.", "topics": ["javascript", "dom", "creation-elements"]}
{"id": 1555, "title": "JS Intermédiaire 01.3 - Manipulation du DOM - Gestion des événements", "domain": "dev-web", "slug": "dev-web-js-intermediaire-01-3-manipulation-du-dom-gestion-des-evenements", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-01-3-manipulation-du-dom-gestion-des-evenements", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-01-3-manipulation-du-dom-gestion-des-evenements/", "summary": "Ressource sur la gestion des événements en JavaScript pour débutants. Aborde addEventListener, onclick, les événements souris (click, mouseover, mouseleave), les formulaires (onsubmit, preventDefault, input.value), classList.toggle, et l'objet event (clientX, clientY). Contenu : playgrounds interactifs (3), stepper (1), solutions inline, ressources externes (MDN). Niveau débutant. Prérequis : JS Intermédiaire 01.1, 01.2.", "topics": ["javascript", "dom", "evenements", "addEventListener"]}
{"id": 1589, "title": "JS Intermédiaire 02 - Tableaux : méthodes fonctionnelles", "domain": "dev-web", "slug": "dev-web-js-intermediaire-02-tableaux-methodes-fonctionnelles", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-02-tableaux-methodes-fonctionnelles", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-02-tableaux-methodes-fonctionnelles/", "summary": "Ressource sur les méthodes fonctionnelles de tableaux en JavaScript pour débutants. Aborde map (transformation), forEach (itération), et filter (filtrage). Contenu : images pédagogiques (2), codesandboxes (4), solutions inline. Niveau débutant. Prérequis : JS Basics 06, JS Basics 07.", "topics": ["javascript", "tableaux", "map-filter"]}
{"id": 1342, "title": "JS Intermédiaire 02bis - Tableaux : d'autres méthodes fonctionnelles", "domain": "dev-web", "slug": "dev-web-js-intermediaire-02bis-tableaux-autres-methodes-fonctionnelles", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-02bis-tableaux-autres-methodes-fonctionnelles", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-02bis-tableaux-autres-methodes-fonctionnelles/", "summary": "Ressource sur les méthodes avancées des tableaux JavaScript pour débutants. Aborde every, some, reduce, et le défi final avec exercices de manipulation de tableaux. Contenu : codesandboxes (3), ressources externes, images pédagogiques (1). Niveau débutant. Prérequis : JS Intermédiaire 02.", "topics": ["javascript", "tableaux", "reduce"]}
{"id": 1830, "title": "JS Intermédiaire 03 - Affectation par décomposition", "domain": "dev-web", "slug": "dev-web-js-intermediaire-03-affectation-par-decomposition", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-03-affectation-par-decomposition", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-03-affectation-par-decomposition/", "summary": "Ressource sur l'affectation par décomposition en JavaScript pour débutants. Aborde la décomposition de tableaux, d'objets, la syntaxe rest, et l'échange de variables. Contenu : playground interactif (1), codesandboxes (2), images pédagogiques (1), exercices avec solutions. Niveau débutant. Prérequis : JS Basics 03, JS Basics 04.", "topics": ["javascript", "destructuring", "spread"]}
{"id": 2373, "title": "JS Intermédiaire 04 - \"Fetcher\" des données depuis une API", "domain": "dev-web", "slug": "dev-web-js-intermediaire-04-fetcher-des-donnees-depuis-une-api", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-js-intermediaire-04-fetcher-des-donnees-depuis-une-api", "site_url": "https://simplonco.github.io/dev-web-js-intermediaire-04-fetcher-des-donnees-depuis-une-api/", "summary": "Ressource sur l'utilisation de l'API fetch en JavaScript pour récupérer des données depuis une API. Aborde la syntaxe de base de fetch(), la gestion des réponses (response.ok, status, json, text), les erreurs réseau et HTTP, et les méthodes HTTP (GET, POST). Contenu : exemples de code, gestion des erreurs, méthodes HTTP. Niveau intermédiaire.", "topics": ["javascript", "fetch", "api", "promises"]}
{"id": 2726, "title": "Les composants d'interface utilisateur", "domain": "design", "slug": "design-les-composants-dinterface-utilisateur", "status": "done", "repo_url": "https://github.com/simplonco/design-les-composants-dinterface-utilisateur", "site_url": "https://simplonco.github.io/design-les-composants-dinterface-utilisateur/", "summary": "Ressource sur les composants d'interface utilisateur. Aborde les catégories de composants (inputs, checkboxes, boutons, navigation, information, conteneurs), leur usage et les bonnes pratiques de cohérence dans le design. Contenu : images d'exemples depuis Dribbble. Niveau débutant.", "topics": ["composants-ui", "ui-design", "design-system"]}
{"id": 612, "title": "Maquetter des interfaces utilisateur web", "domain": "design", "slug": "design-maquetter-des-interfaces-utilisateur-web", "status": "done", "repo_url": "https://github.com/simplonco/design-maquetter-des-interfaces-utilisateur-web", "site_url": "https://simplonco.github.io/design-maquetter-des-interfaces-utilisateur-web/", "summary": "Ressource sur le maquettage web. Aborde les types de maquettes (wireframe, maquette, prototype), les outils (Figma, Balsamiq, Adobe XD) et la réalisation d'un wireframe complet. Contenu interactif : challenge de création de page \"À propos\". Solution avec plusieurs propositions d'élèves. Images pédagogiques. Niveau débutant.", "topics": ["maquettage", "wireframe", "figma", "ux-design"]}
{"id": 2472, "title": "MySQL 00 - Installer MySQL", "domain": "dev-web", "slug": "dev-web-mysql-00-installer-mysql", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-00-installer-mysql", "site_url": "https://simplonco.github.io/dev-web-mysql-00-installer-mysql/", "summary": "Ressource d'installation de MySQL pour débutants. Aborde les concepts de SGBD, l'architecture client-serveur, l'installation sur Ubuntu, Mac OS et Windows, la configuration de MySQL, la création d'un nouvel utilisateur, et les premières requêtes SQL (CREATE USER, GRANT PRIVILEGES). Contenu : images pédagogiques, captures d'écran, blocs d'alertes, stepper pour Windows, diagramme mermaid. Niveau débutant.", "topics": ["mysql", "installation", "configuration"]}
{"id": 479, "title": "MySQL 01 - Introduction aux bases de données relationnelles", "domain": "dev-web", "slug": "dev-web-mysql-01-introduction-aux-bases-de-donnees-relationnelles", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-01-introduction-aux-bases-de-donnees-relationnelles", "site_url": "https://simplonco.github.io/dev-web-mysql-01-introduction-aux-bases-de-donnees-relationnelles/", "summary": "Ressource d'introduction aux bases de données relationnelles pour débutants. Aborde le vocabulaire (SGBD, table, champ, clé primaire, tuple), le langage SQL, les premières requêtes (CREATE DATABASE, CREATE TABLE, ALTER, SHOW, DESCRIBE), et la création d'un nouvel utilisateur MySQL. Contenu : images pédagogiques, captures d'écran, blocs d'alertes, stepper pour Windows, challenge pratique. Niveau débutant. Prérequis : MySQL 00.", "topics": ["sql", "mysql", "bases-donnees", "ddl"]}
{"id": 484, "title": "MySQL 02 - Récupérer des informations avec SELECT", "domain": "dev-web", "slug": "dev-web-mysql-02-recuperer-des-informations-avec-select", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-02-recuperer-des-informations-avec-select", "site_url": "https://simplonco.github.io/dev-web-mysql-02-recuperer-des-informations-avec-select/", "summary": "Ressource sur la récupération de données avec SQL et la commande SELECT pour débutants. Aborde la syntaxe SELECT, les clauses WHERE, ORDER BY, LIMIT/OFFSET, les alias, et les opérateurs de comparaison. Contenu : images pédagogiques, alertes, ressources externes, challenge pratique. SQL playgrounds interactifs dans les solutions. Niveau débutant. Prérequis : MySQL 01.", "topics": ["sql", "mysql", "select", "where", "order-by"]}
{"id": 485, "title": "MySQL 03 - Manipulation des données", "domain": "dev-web", "slug": "dev-web-mysql-03-manipulation-des-donnees", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-03-manipulation-des-donnees", "site_url": "https://simplonco.github.io/dev-web-mysql-03-manipulation-des-donnees/", "summary": "Ressource sur la manipulation de données avec SQL pour débutants. Aborde les commandes INSERT, UPDATE, DELETE et TRUNCATE. Contenu : images pédagogiques, alertes, ressources externes, challenge pratique d'ajout/modification/suppression d'écoles. SQL playgrounds interactifs dans les solutions. Niveau débutant. Prérequis : MySQL 01, MySQL 02.", "topics": ["sql", "mysql", "insert", "update", "delete"]}
{"id": 29, "title": "MySQL 04.1 - Les bases de la modélisation : MCD", "domain": "dev-web", "slug": "dev-web-mysql-04-1-les-bases-de-la-modelisation-mcd", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-04-1-les-bases-de-la-modelisation-mcd", "site_url": "https://simplonco.github.io/dev-web-mysql-04-1-les-bases-de-la-modelisation-mcd/", "summary": "Ressource sur la modélisation de bases de données avec la méthode Merise pour débutants. Aborde les entités, les relations, les cardinalités, les attributs et les identifiants pour construire un MCD (Modèle Conceptuel de Données). Contenu : images pédagogiques, alertes, blocs de solution inline, challenge pratique de modélisation d'une bibliothèque. Niveau débutant.", "topics": ["sql", "mysql", "modelisation", "mcd"]}
{"id": 30, "title": "MySQL 04.2 - Les bases de la modélisation : MLD", "domain": "dev-web", "slug": "dev-web-mysql-04-2-les-bases-de-la-modelisation-mld", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-04-2-les-bases-de-la-modelisation-mld", "site_url": "https://simplonco.github.io/dev-web-mysql-04-2-les-bases-de-la-modelisation-mld/", "summary": "Ressource sur le MLD (Modèle Logique de Données) pour débutants. Aborde la transformation d'un MCD en MLD avec les types de relations (One To One, One To Many, Many To Many), les clés étrangères, et la création de tables intermédiaires. Contenu : images pédagogiques, alertes, blocs de solution inline, challenge pratique de modélisation de potions. Niveau débutant. Prérequis : MySQL 04.1 (MCD).", "topics": ["sql", "mysql", "modelisation", "mld"]}
{"id": 574, "title": "MySQL 04.3 - Les bases de la modélisation : MPD", "domain": "dev-web", "slug": "dev-web-mysql-04-3-les-bases-de-la-modelisation-mpd", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-04-3-les-bases-de-la-modelisation-mpd", "site_url": "https://simplonco.github.io/dev-web-mysql-04-3-les-bases-de-la-modelisation-mpd/", "summary": "Ressource sur le MPD (Modèle Physique de Données) pour débutants. Aborde la transformation d'un MLD en scripts SQL CREATE TABLE, les types de données, les contraintes (NOT NULL, DEFAULT, AUTO_INCREMENT, PRIMARY KEY, FOREIGN KEY), et les bonnes pratiques de nommage. Contenu : images pédagogiques, alertes, challenge pratique de création de tables. Niveau débutant. Prérequis : MySQL 04.1 (MCD), MySQL 04.2 (MLD).", "topics": ["sql", "mysql", "modelisation", "mpd"]}
{"id": 519, "title": "MySQL 05 - Les jointures", "domain": "dev-web", "slug": "dev-web-mysql-05-les-jointures", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-05-les-jointures", "site_url": "https://simplonco.github.io/dev-web-mysql-05-les-jointures/", "summary": "Ressource sur les jointures SQL pour débutants. Aborde les jointures INNER JOIN, LEFT JOIN, RIGHT JOIN, les alias de tables et de champs, et l'utilisation des clés étrangères. Contenu : images pédagogiques, alertes, ressources externes, challenge pratique de quidditch avec données de test. SQL playgrounds interactifs dans les solutions. Niveau débutant. Prérequis : MySQL 01, MySQL 02, MySQL 03.", "topics": ["sql", "mysql", "jointures", "inner-join", "left-join"]}
{"id": 520, "title": "MySQL 06 - SQL Group By", "domain": "dev-web", "slug": "dev-web-mysql-06-sql-group-by", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-mysql-06-sql-group-by", "site_url": "https://simplonco.github.io/dev-web-mysql-06-sql-group-by/", "summary": "Ressource sur les fonctions d'agrégation et le regroupement de données avec SQL pour débutants. Aborde COUNT, SUM, AVG, MIN, MAX, GROUP BY, HAVING, et les jointures avec fonctions d'agrégation. Contenu : images pédagogiques, alertes, ressources externes, challenge pratique. SQL playgrounds interactifs dans les solutions. Niveau débutant. Prérequis : MySQL 01, MySQL 02, MySQL 03, MySQL 05.", "topics": ["sql", "mysql", "aggregation", "group-by", "having"]}
{"id": 1334, "title": "Node 01 - Introduction à Node.js et npm", "domain": "dev-web", "slug": "dev-web-node-01-introduction-a-nodejs-et-npm", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-node-01-introduction-a-nodejs-et-npm", "site_url": "https://simplonco.github.io/dev-web-node-01-introduction-a-nodejs-et-npm/", "summary": "Ressource d'introduction à Node.js et npm pour débutants. Aborde l'installation de Node.js, les concepts de modules (CommonJS et ES Modules), l'utilisation de NPM pour gérer les dépendances, et la création de premiers scripts. Contenu : images pédagogiques, quiz (7 questions), exercices pratiques avec solutions. Niveau débutant.", "topics": ["nodejs", "npm", "introduction", "modules"]}
{"id": 1024, "title": "Node 02 - Utiliser un fichier .env", "domain": "dev-web", "slug": "dev-web-node-02-utiliser-un-fichier-env", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-node-02-utiliser-un-fichier-env", "site_url": "https://simplonco.github.io/dev-web-node-02-utiliser-un-fichier-env/", "summary": "Ressource sur l'utilisation des fichiers .env en Node.js pour débutants. Aborde le concept de variables d'environnement, la création et l'utilisation de fichiers .env, l'installation du paquet dotenv, et la sécurisation des données sensibles. Contenu : images pédagogiques, solution séparée. Niveau débutant. Prérequis : Node 01.", "topics": ["nodejs", "dotenv", "variables-environnement"]}
{"id": 1387, "title": "Node 03 - Commence à linter et à formater ton code en utilisant Biome", "domain": "dev-web", "slug": "dev-web-node-03-commence-a-linter-et-a-formater-ton-code-en-utilisant-biome", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-node-03-commence-a-linter-et-a-formater-ton-code-en-utilisant-biome", "site_url": "https://simplonco.github.io/dev-web-node-03-commence-a-linter-et-a-formater-ton-code-en-utilisant-biome/", "summary": "Ressource sur l'utilisation de Biome pour linter et formater du code JavaScript/TypeScript pour débutants. Aborde l'installation de Biome, la configuration, les commandes de base et l'intégration avec VS Code. Contenu : images pédagogiques. Niveau débutant. Prérequis : Node 01.", "topics": ["nodejs", "biome", "linter", "formattage"]}
{"id": 1797, "title": "Node 04 - Rechercher et choisir un paquet npm (ou pas !)", "domain": "dev-web", "slug": "dev-web-node-04-rechercher-et-choisir-un-paquet-npm-ou-pas", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-node-04-rechercher-et-choisir-un-paquet-npm-ou-pas", "site_url": "https://simplonco.github.io/dev-web-node-04-rechercher-et-choisir-un-paquet-npm-ou-pas/", "summary": "Ressource sur la recherche et le choix de paquets npm pour débutants. Aborde la nécessité d'ajouter un paquet, la recherche sur npmjs.com, les critères de sélection (popularité, maintenance, documentation), et les risques associés aux dépendances. Contenu : images pédagogiques, quiz. Niveau débutant. Prérequis : Node 01.", "topics": ["nodejs", "npm", "packages", "dependances"]}
{"id": 1820, "title": "Node 05 - Concepts avancés et alternatives à la CLI de npm", "domain": "dev-web", "slug": "dev-web-node-05-concepts-avances-et-alternatives-a-la-cli-de-npm", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-node-05-concepts-avances-et-alternatives-a-la-cli-de-npm", "site_url": "https://simplonco.github.io/dev-web-node-05-concepts-avances-et-alternatives-a-la-cli-de-npm/", "summary": "Ressource sur les concepts avancés de npm et les alternatives à la CLI pour débutants. Aborde le versionnage sémantique, la gestion des dépendances et dépendances de développement, et les alternatives comme yarn et pnpm. Contenu : images pédagogiques, quiz. Niveau débutant. Prérequis : Node 04.", "topics": ["nodejs", "npm", "yarn", "pnpm", "versioning"]}
{"id": 2328, "title": "React Basics 01 - Pokédex - Introduction", "domain": "dev-web", "slug": "dev-web-react-basics-01-pokedex-introduction", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-01-pokedex-introduction", "site_url": "https://simplonco.github.io/dev-web-react-basics-01-pokedex-introduction/", "summary": "Ressource d'introduction à React pour débutants. Aborde la création de composants, la structure de base d'une application React, et les premiers pas avec JSX. Contenu : images pédagogiques. Niveau débutant.", "topics": ["react", "javascript", "composants", "jsx"]}
{"id": 2332, "title": "React Basics 02 - Pokédex - Ton premier composant", "domain": "dev-web", "slug": "dev-web-react-basics-02-pokedex-ton-premier-composant", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-02-pokedex-ton-premier-composant", "site_url": "https://simplonco.github.io/dev-web-react-basics-02-pokedex-ton-premier-composant/", "summary": "Ressource sur la création de composants en React pour débutants. Aborde la création de composants fonctionnels, la structure JSX, et les bonnes pratiques. Contenu : images pédagogiques, solution séparée. Niveau débutant. Prérequis : React Basics 01.", "topics": ["react", "composants", "fonctionnels"]}
{"id": 2336, "title": "React Basics 03 - Pokédex - Afficher des données dans un composant", "domain": "dev-web", "slug": "dev-web-react-basics-03-pokedex-afficher-des-donnees-dans-un-composant", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-03-pokedex-afficher-des-donnees-dans-un-composant", "site_url": "https://simplonco.github.io/dev-web-react-basics-03-pokedex-afficher-des-donnees-dans-un-composant/", "summary": "Ressource sur l'affichage de données dans les composants React pour débutants. Aborde l'interpolation de variables, les expressions JSX, et l'affichage de listes. Contenu : images pédagogiques, solution séparée. Niveau débutant. Prérequis : React Basics 02.", "topics": ["react", "jsx", "affichage", "listes"]}
{"id": 2374, "title": "React Basics 04 - Pokédex - Passer des props", "domain": "dev-web", "slug": "dev-web-react-basics-04-pokedex-passer-des-props", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-04-pokedex-passer-des-props", "site_url": "https://simplonco.github.io/dev-web-react-basics-04-pokedex-passer-des-props/", "summary": "Ressource sur le passage de props en React pour débutants. Aborde la création de composants réutilisables, le passage de données parent-enfant, et la structure de l'arbre de composants. Contenu : images pédagogiques, solution séparée. Niveau débutant. Prérequis : React Basics 03.", "topics": ["react", "props", "composition"]}
{"id": 2375, "title": "React Basics 05 - Pokédex - Typer les props avec TypeScript", "domain": "dev-web", "slug": "dev-web-react-basics-05-pokedex-typer-les-props-avec-typescript", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-05-pokedex-typer-les-props-avec-typescript", "site_url": "https://simplonco.github.io/dev-web-react-basics-05-pokedex-typer-les-props-avec-typescript/", "summary": "Ressource sur le typage des props avec TypeScript en React pour débutants. Aborde la création d'interfaces pour les props, le typage des composants, et les avantages de TypeScript dans un projet React. Contenu : images pédagogiques, solution séparée. Niveau débutant. Prérequis : React Basics 04.", "topics": ["react", "typescript", "props"]}
{"id": 2376, "title": "React Basics 06 - Pokédex - Utiliser un state", "domain": "dev-web", "slug": "dev-web-react-basics-06-pokedex-utiliser-un-state", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-06-pokedex-utiliser-un-state", "site_url": "https://simplonco.github.io/dev-web-react-basics-06-pokedex-utiliser-un-state/", "summary": "Ressource sur l'utilisation du state en React pour débutants. Aborde la déclaration avec useState, la gestion de l'état, et les mises à jour déclenchées par l'utilisateur. Contenu : images pédagogiques, solution séparée. Niveau débutant. Prérequis : React Basics 05.", "topics": ["react", "useState", "state"]}
{"id": 2378, "title": "React Basics 07 - Pokédex - Répéter un bloc d'affichage avec map", "domain": "dev-web", "slug": "dev-web-react-basics-07-pokedex-repet-un-bloc-d-affichage-avec-map", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-07-pokedex-repet-un-bloc-d-affichage-avec-map", "site_url": "https://simplonco.github.io/dev-web-react-basics-07-pokedex-repet-un-bloc-d-affichage-avec-map/", "summary": "Ressource sur la répétition d'un bloc d'affichage avec map en React pour débutants. Aborde la méthode map, la prop key, l'utilisation de index comme key (et ses limites), le component mapping, et les méthodes de tableau (filter). Contenu : playgrounds interactifs (7), stepper pour le challenge, solution séparée. Niveau débutant. Prérequis : React Basics 01 à 06.", "topics": ["react", "listes", "map", "key"]}
{"id": 1795, "title": "React Basics 08 - Pokédex - Le CSS dans React", "domain": "dev-web", "slug": "dev-web-react-basics-08-pokedex-le-css-dans-react", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-08-pokedex-le-css-dans-react", "site_url": "https://simplonco.github.io/dev-web-react-basics-08-pokedex-le-css-dans-react/", "summary": "Ressource sur le CSS dans React pour débutants. Aborde l'application de styles CSS via classes (className), attribut style (inline), et modules CSS. Contenu : images pédagogiques, exemples de code, avantages/inconvénients de chaque méthode. Niveau débutant. Prérequis : React Basics 07.", "topics": ["react", "css", "modules"]}
{"id": 2377, "title": "React Basics 09 - Pokédex - Partager un state", "domain": "dev-web", "slug": "dev-web-react-basics-09-pokedex-partager-un-state", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-09-pokedex-partager-un-state", "site_url": "https://simplonco.github.io/dev-web-react-basics-09-pokedex-partager-un-state/", "summary": "Ressource sur le partage de state entre composants React pour débutants. Aborde la communication entre composants via props, la remontée du state au premier ancêtre commun, et le pattern state lifting. Contenu : images pédagogiques, exemples de code, challenge pratique (création d'un composant NavBar). Niveau débutant. Prérequis : React Basics 06.", "topics": ["react", "context", "partage-state"]}
{"id": 2381, "title": "React Basics 10 - Pokédex - Aller plus loin avec les événements", "domain": "dev-web", "slug": "dev-web-react-basics-10-pokedex-aller-plus-loin-avec-les-evenements", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-basics-10-pokedex-aller-plus-loin-avec-les-evenements", "site_url": "https://simplonco.github.io/dev-web-react-basics-10-pokedex-aller-plus-loin-avec-les-evenements/", "summary": "Ressource sur les événements en React pour débutants. Aborde les event listeners (onClick, onChange, onMouseLeave), la syntaxe camelCase, et le hook useEffect pour les événements spécifiques. Contenu : images pédagogiques, exemples de code, challenge pratique (alertes au démarrage et à la sélection de Pikachu). Niveau débutant. Prérequis : React Basics 09.", "topics": ["react", "evenements", "synthetic-events"]}
{"id": 1450, "title": "React Intermédiaire 01 - Fetcher des données depuis une API avec React", "domain": "dev-web", "slug": "dev-web-react-intermediaire-01-fetcher-des-donnees-depuis-une-api-avec-react", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-intermediaire-01-fetcher-des-donnees-depuis-une-api-avec-react", "site_url": "https://simplonco.github.io/dev-web-react-intermediaire-01-fetcher-des-donnees-depuis-une-api-avec-react/", "summary": "Ressource sur l'utilisation de fetch dans une application React pour récupérer des données depuis une API pour développeurs intermédiaires. Aborde la création de composants (EmployeeCard), la récupération de données avec fetch, la gestion des erreurs et l'état de chargement. Contenu : image d'introduction, explications sur la déstructuration avec liens externes (simonsmith.io, wesbos.com), exemples de code complets, challenge avec critères de validation. Niveau intermédiaire.", "topics": ["react", "fetch", "api", "useEffect"]}
{"id": 1872, "title": "React Intermédiaire 02 - Context API", "domain": "dev-web", "slug": "dev-web-react-intermediaire-02-context-api", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-intermediaire-02-context-api", "site_url": "https://simplonco.github.io/dev-web-react-intermediaire-02-context-api/", "summary": "Ressource sur le Context API dans React pour développeurs intermédiaires. Aborde le concept de prop-drilling, la création et la consommation d'un contexte avec createContext et useContext, la modification de l'état dans le contexte. Contenu : images pédagogiques (3), exemples de code (applications complètes), challenge pratique avec critères de validation. Niveau intermédiaire.", "topics": ["react", "context", "global-state"]}
{"id": 1447, "title": "React Intermédiaire 03.1 - Formulaires et composants contrôlés", "domain": "dev-web", "slug": "dev-web-react-intermediaire-03-1-formulaires-et-composants-controllers", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-intermediaire-03-1-formulaires-et-composants-controllers", "site_url": "https://simplonco.github.io/dev-web-react-intermediaire-03-1-formulaires-et-composants-controllers/", "summary": "Ressource sur les formulaires en React pour développeurs intermédiaires. Aborde les rappels sur les formulaires HTML (attributs name et value), les champs non contrôlés (gestion DOM) et les champs contrôlés (gestion state), avec les limitations des composants non contrôlés. Contenu : exemples interactifs (playgrounds), quiz (5 questions). Niveau intermédiaire.", "topics": ["react", "formulaires", "controlled-components"]}
{"id": 1791, "title": "React Intermédiaire 03.2 - Contrôler la saisie dans un formulaire via le state", "domain": "dev-web", "slug": "dev-web-react-intermediaire-03-2-controle-la-saisie-dans-un-formulaire-via-le-state", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-react-intermediaire-03-2-controle-la-saisie-dans-un-formulaire-via-le-state", "site_url": "https://simplonco.github.io/dev-web-react-intermediaire-03-2-controle-la-saisie-dans-un-formulaire-via-le-state/", "summary": "Ressource sur le contrôle de la saisie dans les formulaires React pour développeurs intermédiaires. Aborde la liaison state/input, les gestionnaires d'événements (onChange, onSubmit), la limitation de saisie avec rendu conditionnel, et l'ajout d'indicateurs visuels. Contenu : application complète multi-composants (QuoteForm, QuoteList, QuoteCard avec CSS), challenge avec template de départ et critères de validation. Niveau intermédiaire.", "topics": ["react", "formulaires", "validation", "state"]}
{"id": 1303, "title": "Scrum: Lancer un sprint", "domain": "dev-web", "slug": "dev-web-scrum-lancer-un-sprint", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-scrum-lancer-un-sprint", "site_url": "https://simplonco.github.io/dev-web-scrum-lancer-un-sprint/", "summary": "Ressource sur la méthode Scrum et le lancement de sprint pour débutants. Aborde la définition d'un sprint, la planification (sprint goal, planning poker), le daily scrum, le sprint board, le burndown chart et la rétrospective. Contenu : vidéos YouTube (4), images pédagogiques (8), ressources externes (Scrum Guide, applications mobiles). Niveau débutant.", "topics": ["scrum", "sprint", "planification"]}
{"title": "CSS Variables et Themes", "domain": "dev-web", "slug": "dev-web-css-variables-et-themes", "status": "done", "repo_url": "https://github.com/simplonco/dev-web-css-variables-et-themes", "site_url": "https://simplonco.github.io/dev-web-css-variables-et-themes/", "summary": "Ressource sur les variables CSS avancées pour développeurs web intermédiaires. Aborde la portée des variables CSS, le theming dynamique, le dark mode (classe vs prefers-color-scheme vs combiné), calc() avec variables, les variables dans les composants (pattern card configurable), et le responsive avec variables. Contenu interactif : quiz (4 questions), exercices (3) avec solution séparée. Prérequis : CSS 7 - Les variables.", "topics": ["css", "css-variables", "theming", "dark-mode"]}
{"id": 3823, "title": "VirtualBox - Installation", "domain": "infra", "slug": "infra-virtualbox-installation", "status": "done", "repo_url": "https://github.com/simplonco/infra-virtualbox-installation", "site_url": "https://simplonco.github.io/infra-virtualbox-installation/", "summary": "Ressource sur l'installation de VirtualBox et l'activation de la virtualisation sur Windows et Linux. Aborde la vérification de la virtualisation matérielle (VT-x/AMD-V), l'accès au BIOS, la suppression d'Hyper-V, l'installation de VirtualBox et de l'Extension Pack. Contenu : images pédagogiques, dépliants OS (Windows/Linux). Niveau débutant.", "topics": ["virtualbox", "virtualisation", "installation"]}
{"id": 1545, "title": "Linux - Editor - vim", "domain": "infra", "slug": "infra-linux-editor-vim", "status": "done", "repo_url": "https://github.com/simplonco/infra-linux-editor-vim", "site_url": "https://simplonco.github.io/infra-linux-editor-vim/", "summary": "Ressource sur l'éditeur vim pour Linux. Aborde les modes commande/insertion, les commandes de base (i, Esc, :w, :q), la navigation (h/j/k/l), la suppression (x, dd), le copier-coller (yy, p), les cheat sheets, et un quiz interactif. Contenu : vidéo YouTube, quiz Jekyll. Niveau débutant.", "topics": ["linux", "vim", "terminal", "editeur"]}
{"id": 1315, "title": "Terminal 1 - Arborescence", "domain": "infra", "slug": "infra-terminal-1-arborescence", "status": "done", "repo_url": "https://github.com/simplonco/infra-terminal-1-arborescence", "site_url": "https://simplonco.github.io/infra-terminal-1-arborescence/", "summary": "Ressource d'introduction au terminal Linux. Aborde l'ouverture du terminal, le prompt, les commandes pwd, ls, cd, la signification de ., .. et ~, et l'arborescence des répertoires. Compatible MacOS et Windows (Git Bash). Contenu : images pédagogiques, vidéo YouTube. Niveau débutant.", "topics": ["terminal", "linux", "commandes", "arborescence"]}
{"id": 1316, "title": "Terminal 2 - Fichiers et dossiers", "domain": "infra", "slug": "infra-terminal-2-fichiers-et-dossiers", "status": "done", "repo_url": "https://github.com/simplonco/infra-terminal-2-fichiers-et-dossiers", "site_url": "https://simplonco.github.io/infra-terminal-2-fichiers-et-dossiers/", "summary": "Ressource sur la manipulation de fichiers et répertoires via le terminal Linux. Aborde mkdir, rmdir, touch, cp, rm, mv, les wildcards, la copie récursive. Contenu : images pédagogiques, challenge pratique avec planètes. Niveau débutant.", "topics": ["terminal", "linux", "commandes", "fichiers", "repertoires"]}
{"id": 701, "title": "Terminal 3 - Entrées-sorties et redirections", "domain": "infra", "slug": "infra-terminal-3-entrees-sorties-et-redirections", "status": "done", "repo_url": "https://github.com/simplonco/infra-terminal-3-entrees-sorties-et-redirections", "site_url": "https://simplonco.github.io/infra-terminal-3-entrees-sorties-et-redirections/", "summary": "Ressource sur les entrées/sorties et les redirections dans le terminal Unix/Linux. Aborde cat, more, less, head, tail, les redirections (> >>), la sortie d'erreur (stderr), les commandes wc, sort, grep, et les pipes. Contenu : images, pipes SVG, challenge avec fichier CSV. Niveau débutant.", "topics": ["terminal", "linux", "commandes", "redirections", "pipes"]}
{"id": 2850, "title": "Atelier : Crash ton OS", "domain": "infra", "slug": "infra-atelier-crash-ton-os", "status": "done", "repo_url": "https://github.com/simplonco/infra-atelier-crash-ton-os", "site_url": "https://simplonco.github.io/infra-atelier-crash-ton-os/", "summary": "Atelier pratique sur le partitionnement de disque dur et le crash test d'un OS sous VirtualBox. Aborde la création d'une VM, la simulation d'une saturation de stockage avec dd, la récupération en mode recovery, et la création de partitions avec cfdisk. Contenu : images pédagogiques. Niveau intermédiaire.", "topics": ["linux", "virtualbox", "partitionnement", "disque", "virtualisation"]}
{"id": 2860, "title": "Atelier : File system", "domain": "infra", "slug": "infra-atelier-file-system", "status": "done", "topics": ["filesystem", "partitionnement", "disque"], "repo_url": "https://github.com/simplonco/infra-atelier-file-system", "site_url": "https://simplonco.github.io/infra-atelier-file-system/", "summary": "Atelier pratique sur la gestion des partitions et systèmes de fichiers Linux. Aborde la création de partitions avec cfdisk et fdisk, le formatage (XFS, ext4, swap), le montage/démontage manuel, le montage automatique via /etc/fstab, et le montage sans privilèges (user). Contenu : commandes bash, alertes. Niveau intermédiaire."}
{"id": 3976, "title": "Atelier - Gestion des processus en shell Bash", "domain": "infra", "slug": "infra-atelier-gestion-des-processus-en-shell-bash", "status": "done", "topics": ["linux", "processus", "shell", "bash"], "repo_url": "https://github.com/simplonco/infra-atelier-gestion-des-processus-en-shell-bash", "site_url": "https://simplonco.github.io/infra-atelier-gestion-des-processus-en-shell-bash/", "summary": "Atelier sur la gestion des processus sous Linux avec le shell Bash. Aborde l'affichage des processus (ps, top, htop), le lancement en arrière-plan, le contrôle (fg, bg), la priorité (nice, renice), l'arrêt (kill, killall, pkill), et l'analyse des ressources (free, /proc). Contenu : commandes bash, alertes. Niveau débutant."}
{"id": 292, "title": "Initiation au terminal : Premiers pas", "domain": "infra", "slug": "infra-initiation-au-terminal-premiers-pas", "status": "done", "topics": ["terminal", "linux", "commandes", "debutant"], "repo_url": "https://github.com/simplonco/infra-initiation-au-terminal-premiers-pas", "site_url": "https://simplonco.github.io/infra-initiation-au-terminal-premiers-pas/", "summary": "Ressource d'introduction au terminal pour débutants. Aborde l'ouverture du terminal (Linux, macOS, Windows avec Git Bash), les commandes de base (pwd, ls, cd), la création de fichiers et dossiers (mkdir, touch, nano), et l'ouverture de fichiers dans le navigateur. Contenu : onglets multi-OS, stepper pour l'installation de Git Bash, mini-challenges. Niveau débutant."}
{"id": 2350, "title": "Utiliser GNU/Linux comme routeur IP", "domain": "infra", "slug": "infra-utiliser-gnu-linux-comme-routeur-ip", "status": "done", "topics": ["linux", "reseau", "routage", "ip", "debian", "ipv6"], "repo_url": "https://github.com/simplonco/infra-utiliser-gnu-linux-comme-routeur-ip", "site_url": "https://simplonco.github.io/infra-utiliser-gnu-linux-comme-routeur-ip/", "summary": "Ressource sur le routage IP avec GNU/Linux. Aborde les concepts de routage, tables de routage, adresses IP privées (IPv4/IPv6), configuration réseau sous Debian, activation de l'IP forwarding, et mise en place d'un lab réseau avec GNS3. Contenu : exercices pratiques en 2 étapes, quiz, challenge final. Niveau intermédiaire."}