Back
Explore every episode of the podcast Développeur Full-Stack
Dive into the complete episode list for Développeur Full-Stack. Each episode is cataloged with detailed descriptions, making it easy to find and explore specific topics. Keep track of all episodes from your favorite podcast and never miss a moment of insightful content.
| Title | Pub. Date | Duration | |
|---|---|---|---|
| Propagation, délégation et cycle de vie des événements | 23 sept. 2026 | 00:15:00 | |
Dans les chapitres précédents, vous avez appris à sélectionner des éléments du Document Object Model (le DOM, c'est-à-dire la représentation en mémoire de votre page HTML), à en modifier le contenu, et à créer ou supprimer des nœuds dynamiquement. No... | |||
| Mini-projet To-Do List – partie 1 : structure et données | 23 sept. 2026 | 00:15:00 | |
Présentation du projet Vous allez démarrer la construction d'une application To-Do List (liste de tâches) en JavaScript ES6+. Ce mini-projet se déroule en deux parties : cette première partie est entièrement centrée sur la **structure HTML**, la **mo... | |||
| Atelier : générer dynamiquement une liste HTML | 23 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Dans les chapitres précédents, tu as appris à sélectionner des éléments du DOM, à modifier leur contenu, à jouer avec classList, et surtout à créer, insérer et supprimer des nœuds. Tu as aussi manipulé des tableaux d'objets et découv... | |||
| Créer, insérer et supprimer des nœuds dans le DOM | 22 sept. 2026 | 00:15:00 | |
Jusqu'ici, vous avez appris à sélectionner des éléments existants dans une page web et à modifier leur contenu ou leurs classes. Nous franchissons maintenant une étape essentielle : apprendre à créer de nouveaux éléments, à les insérer dans la page, ... | |||
| Atelier : Coloriser les paragraphes avec classList | 22 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Dans le chapitre précédent, tu as appris à sélectionner des éléments du DOM avec des méthodes comme document.querySelector et document.querySelectorAll, puis à modifier leur contenu textuel. Nous allons maintenant nous concentrer sur... | |||
| Atelier : sélectionner un élément et changer son texte | 21 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Le DOM (Document Object Model) est la représentation en mémoire de ta page HTML sous forme d'arbre de nœuds. JavaScript peut lire et modifier cet arbre grâce à l'objet global 'document'. Pour agir sur un élément, tu dois d'abord le s... | |||
| Le DOM : nœuds, document et sélecteurs de base | 21 sept. 2026 | 00:15:00 | |
Jusqu'à présent, vous avez appris à manipuler des données en JavaScript : les variables, les tableaux, les objets, les boucles et les méthodes comme map, filter ou reduce. Ces compétences sont essentielles, mais elles restaient jusqu'ici confinées da... | |||
| Destructuring, spread et rest : simplifier le code | 21 sept. 2026 | 00:15:00 | |
Depuis la version 2015 du langage JavaScript, appelée ES6 (abréviation de ECMAScript 2015), plusieurs outils syntaxiques ont été ajoutés pour écrire un code plus court, plus lisible et moins répétitif. Ce chapitre se concentre sur trois de ces outils... | |||
| Atelier : Catalogue produit (tableau d’objets) | 18 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Un tableau d'objets est simplement un tableau (array) dont chaque élément est un objet littéral. C'est la structure de données la plus courante en développement web : c'est ainsi qu'on représente une liste de produits, d'utilisateurs... | |||
| Atelier : objet user et méthode présentation | 17 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Un objet littéral en JavaScript est une structure qui regroupe des données (les propriétés) et des comportements (les méthodes) sous un même nom. On le déclare avec des accolades, chaque paire étant composée d'une clé et d'une valeur... | |||
| Objets littéraux : propriétés et méthodes | 17 sept. 2026 | 00:15:00 | |
Après avoir manipulé les tableaux, leurs boucles et leurs méthodes avancées comme map, filter et reduce, il est temps de découvrir une autre structure fondamentale de JavaScript : l'objet littéral. Là où un tableau range des valeurs dans un ordre num... | |||
| Atelier : filtrer et transformer une liste de produits | 16 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE En JavaScript ES6, les méthodes de tableau map, filter et reduce sont des outils fondamentaux pour manipuler des collections de données sans écrire de boucles manuelles. Le mental model à retenir : ces méthodes ne modifient pas le ta... | |||
| Méthodes avancées de tableau : map, filter, reduce (introduction) | 15 sept. 2026 | 00:15:00 | |
Jusqu'à présent, vous avez appris à parcourir un tableau avec les boucles for, for…of et while. Ces boucles fonctionnent parfaitement, mais elles exigent que vous écriviez vous-même toute la mécanique : initialiser un compteur, gérer les indices, pré... | |||
| Boucles for / for…of / while appliquées aux tableaux | 15 sept. 2026 | 00:15:00 | |
Les boucles sont un des piliers de la programmation. Elles permettent de répéter automatiquement une même action plusieurs fois, sans avoir à réécrire le code manuellement. Dans le langage JavaScript, elles sont particulièrement utiles pour parcourir... | |||
| Atelier : statistiques de notes d’élèves | 14 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE En JavaScript ES6+, un tableau (array) permet de stocker une collection ordonnée de valeurs. On le crée avec des crochets : const notes = [12, 8, 15, 17, 6]. Chaque élément est accessible par son indice, en commençant à zéro : notes[... | |||
| Atelier : gérer une liste de tâches en console | 11 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Un tableau (array) en JavaScript est une structure ordonnée qui contient plusieurs valeurs accessibles par leur indice, en commençant à 0. Le mental model utile : imaginez une rangée de casiers numérotés. `taches[0]` désigne le premi... | |||
| Tableaux ES6 : création et accès aux éléments | 11 sept. 2026 | 00:15:00 | |
Après avoir manipulé les variables, les fonctions, les conditions et les événements du navigateur, il est temps de découvrir l'une des structures de données les plus utilisées en JavaScript : le tableau. Un tableau (en anglais array) est une structur... | |||
| Point de vue développeur : bonnes pratiques débutant | 10 sept. 2026 | 00:15:00 | |
Après avoir découvert les variables, les fonctions, les conditions et les premiers événements du navigateur, il est temps de prendre du recul et d'adopter le point de vue d'un développeur professionnel. Écrire du code qui fonctionne ne suffit pas : i... | |||
| Révision synthèse : écrire un script lisible et commenté | 09 sept. 2026 | 00:15:00 | |
Écrire un script qui fonctionne est une chose. Écrire un script que d'autres personnes (ou vous-même dans six mois) pourront lire, comprendre et modifier facilement en est une autre. Ce chapitre de synthèse rassemble les bonnes pratiques qui transfor... | |||
| Atelier : bouton alert avec gestionnaire d’événement | 09 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Jusqu'ici, vous avez manipulé des variables, des fonctions et vu un aperçu des événements du navigateur. Il est temps de relier ces briques. Un événement est une action de l'utilisateur (clic, survol, saisie clavier) que le navigateu... | |||
| Introduction aux événements du navigateur (aperçu) | 08 sept. 2026 | 00:15:00 | |
Jusqu'à présent, vous avez appris à écrire des variables, des conditions et des fonctions en JavaScript. Vous avez même utilisé la commande prompt pour demander des informations à l'utilisateur, comme dans l'atelier du compteur de clics. Mais dans un... | |||
| Atelier : Compteur de clics (prompt) | 08 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE En JavaScript, une variable déclarée avec 'let' peut être modifiée après sa création, contrairement à 'const' qui reste constante. Pour un compteur, on utilise donc 'let compteur = 0;' car sa valeur va évoluer. La fonction native 'pr... | |||
| Portée (scope) et hoisting simplifiés | 07 sept. 2026 | 00:15:00 | |
La portée, appelée en anglais scope, désigne la zone de ton programme dans laquelle une variable ou une fonction est accessible et utilisable. Comprendre la portée est essentiel car cela détermine où tu peux lire ou modifier une valeur, et où tu obti... | |||
| Atelier : calculatrice refactorisée avec fonctions | 04 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Une fonction est un bloc de code réutilisable qui accomplit une tâche précise. En JavaScript ES6, on peut la déclarer de façon classique (function additionner(a, b) { return a + b; }) ou sous forme de fonction fléchée (const addition... | |||
| Atelier : fonction de salutation personnalisée | 03 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE En JavaScript ES6, une fonction est un bloc de code réutilisable qui prend éventuellement des paramètres en entrée et retourne une valeur. Les fonctions fléchées (arrow functions) offrent une syntaxe concise : `const saluer = (nom) =... | |||
| Fonctions ES6 et flèches (arrow functions) | 03 sept. 2026 | 00:15:00 | |
Jusqu'à présent, vous avez appris à manipuler des variables, des types, des opérateurs et des conditions. L'étape suivante consiste à regrouper des instructions réutilisables dans des blocs nommés : les fonctions. Une fonction est un morceau de code ... | |||
| Atelier : Pair ou impair ? | 01 sept. 2026 | 00:15:00 | |
Rappel théorique : En JavaScript, déterminer si un nombre est pair ou impair repose sur l'opérateur modulo (%). Cet opérateur retourne le reste d'une division entière. Ainsi, `10 % 2` vaut 0, tandis que `7 % 2` vaut 1. Le modèle mental à retenir : un... | |||
| Atelier : majorité légale – script interactif | 01 sept. 2026 | 00:15:00 | |
RAPPEL THÉORIQUE En JavaScript, une variable stocke une donnée réutilisable. Depuis ES6, on privilégie 'const' pour une valeur qui ne change pas et 'let' pour une valeur amenée à évoluer. Les types primitifs de base sont le nombre (number), la chaîne... | |||
| Conditions if/else et opérateurs de comparaison | 01 sept. 2026 | 00:15:00 | |
Jusqu'à présent, vous avez appris à déclarer des variables, à manipuler des types primitifs et à utiliser des opérateurs arithmétiques. Vos programmes exécutaient toutes les instructions les unes après les autres, de haut en bas, sans jamais faire de... | |||
| Atelier : mini-calculatrice en console | 31 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Avant de commencer, remettons en place les briques que tu vas utiliser. En JavaScript ES6, tu déclares tes valeurs avec 'let' (valeur qui peut changer) et 'const' (valeur qui ne change pas). Les types primitifs essentiels ici sont le... | |||
| Opérateurs arithmétiques et template literals | 28 août 2026 | 00:15:00 | |
Dans les activités précédentes, vous avez appris à déclarer des variables avec let et const, à manipuler les types primitifs et à effectuer des conversions simples. Maintenant que vous savez stocker des données, il est temps d'apprendre à les manipul... | |||
| Atelier : Conversions de types simples | 28 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE En JavaScript, chaque valeur possède un type : string (chaîne de caractères), number (nombre), boolean (vrai/faux), etc. La conversion de type consiste à transformer une valeur d'un type vers un autre. On distingue deux mécanismes. L... | |||
| Atelier : déclarer et afficher des variables | 27 août 2026 | 00:15:00 | |
Rappel théorique En JavaScript ES6, une variable est un conteneur nommé qui stocke une valeur en mémoire. On déclare une variable avec deux mots-clés principaux : 'let' pour une valeur qui pourra changer, et 'const' pour une valeur constante qui ne s... | |||
| Variables ES6 (let, const) et types primitifs | 26 août 2026 | 00:15:00 | |
Bienvenue dans ce chapitre consacré aux variables modernes de JavaScript et aux types primitifs. Comprendre comment déclarer et manipuler des variables est la toute première étape indispensable pour écrire du code JavaScript fiable. Ce chapitre pose ... | |||
| Bienvenue et objectifs du chapitre | 26 août 2026 | 00:15:00 | |
Bienvenue dans le chapitre consacré à JavaScript ES6+ et à la manipulation du Document Object Model, c'est-à-dire la structure des pages web. Ce chapitre représente une étape déterminante de votre parcours pour devenir Développeur Web Full Stack. Jus... | |||
| Bilan et transition vers l’implémentation en JavaScript | 25 août 2026 | 00:15:00 | |
Ce chapitre marque une étape charnière de votre parcours. Vous avez appris les fondations de l'algorithmique : les variables, les conditions, les boucles, les fonctions, les listes (aussi appelées tableaux), la recherche d'un minimum ou d'un maximum,... | |||
| Introduction à la complexité temporelle O(n) | 25 août 2026 | 00:15:00 | |
La complexité temporelle est une manière de mesurer l'efficacité d'un algorithme, c'est-à-dire d'estimer la quantité de travail qu'il doit réaliser en fonction de la taille des données qu'il traite. Jusqu'à présent, vous avez appris à écrire des bouc... | |||
| Caisse enregistreuse - synthèse des notions | 24 août 2026 | 00:15:00 | |
Présentation du projet Ce mini-projet clôt la section 'Algorithmique et logique de programmation'. Vous allez concevoir une **caisse enregistreuse en ligne de commande** qui synthétise toutes les notions travaillées précédemment : variables et portée... | |||
| Trouver le minimum dans une liste | 21 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Trouver le minimum dans une liste consiste à parcourir l'ensemble des valeurs et à conserver, au fur et à mesure, la plus petite rencontrée. Le modèle mental est simple : imaginez que vous tenez dans votre main une valeur "candidate"... | |||
| Parcourir une liste et afficher les éléments | 20 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Une liste (ou tableau) est une structure de données qui stocke plusieurs valeurs dans une seule variable, chaque valeur étant accessible via un indice. Dans la majorité des langages, l'indexation commence à 0 : le premier élément est... | |||
| Listes/Tableaux - stocker plusieurs valeurs | 20 août 2026 | 00:15:00 | |
Jusqu'à présent, tu as travaillé avec des variables simples qui stockent une seule valeur à la fois : un nombre, un texte, un booléen. Mais que se passe-t-il quand tu dois gérer les prénoms de trente élèves, les températures des sept jours de la sema... | |||
| Documentation et commentaires d'algorithme | 19 août 2026 | 00:15:00 | |
La documentation et les commentaires sont des éléments essentiels de tout algorithme et de tout programme informatique. Après avoir appris à écrire des boucles, des conditions et des fonctions dans les chapitres précédents, il est temps de comprendre... | |||
| Refactoriser Factorielle en fonction | 18 août 2026 | 00:15:00 | |
Rappel théorique. Une fonction est un bloc de code nommé, réutilisable, qui prend éventuellement des paramètres en entrée et retourne une valeur en sortie. Le mental model à garder en tête : une fonction est une « boîte » qui transforme des entrées e... | |||
| Passage de paramètres et portée des variables | 18 août 2026 | 00:15:00 | |
Après avoir appris à créer des fonctions et des procédures pour rendre votre code modulaire, il est temps de comprendre en profondeur deux notions essentielles qui déterminent comment vos fonctions communiquent avec le reste du programme : le passage... | |||
| Créer une fonction somme | 17 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Une fonction est un bloc de code nommé, réutilisable, qui prend des données en entrée (les paramètres), effectue un traitement, puis renvoie un résultat grâce à une instruction de retour (return). Le mental model à garder en tête est... | |||
| Modularité : fonctions et procédures | 14 août 2026 | 00:15:00 | |
Jusqu'à présent, vous avez écrit des programmes qui s'exécutent de haut en bas, en utilisant des variables, des conditions et des boucles. Mais quand un programme grandit, il devient vite difficile à lire, à corriger et à réutiliser. La solution s'ap... | |||
| Table de multiplication | 14 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Une boucle permet de répéter une série d'instructions un certain nombre de fois sans réécrire le même code. Vous avez vu deux formes principales : la boucle 'for', idéale quand on connaît à l'avance le nombre d'itérations, et la bouc... | |||
| Boucles imbriquées et optimisation de base | 13 août 2026 | 00:15:00 | |
Jusqu'à présent, tu as manipulé des boucles simples : une boucle While pour répéter tant qu'une condition est vraie, et une boucle For pour parcourir une séquence ou compter d'un point à un autre. Ce chapitre franchit une étape supplémentaire : les b... | |||
| For - Calculer une factorielle | 12 août 2026 | 00:15:00 | |
RAPPEL THÉORIQUE Une boucle for permet de répéter un bloc de code un nombre déterminé de fois. C'est l'outil idéal quand on connaît à l'avance le nombre d'itérations. Le mental model à retenir : une boucle for parcourt une séquence de valeurs, et à c... | |||
| Patterns de boucle courants | 12 août 2026 | 00:15:00 | |
Maintenant que tu maîtrises le principe des boucles While et For, il est temps de découvrir les patterns de boucle courants. Un pattern (ou motif) est une manière standard et réutilisable d'utiliser une boucle pour résoudre un type de problème précis... | |||
© My Podcast Data · Independent project · Data from Apple & Spotify