Full Stack Web Developer

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...

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...

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é...

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...

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[...

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...

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...

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...

É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...

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...

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...

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...

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...

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...

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) =...

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 ...

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...

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...

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...

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...

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...

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...

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...

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 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...