#javascript
17 tutoriels
TypeScript : premiers pas (types, interfaces, erreurs détectées)
Découvrir TypeScript : annoter les types de variables et de fonctions, décrire des objets avec type et interface, types union, et laisser l'éditeur détecter les erreurs avant l'exécution.
React : créer son premier composant avec Vite
Créer un projet React avec Vite, comprendre les composants, le JSX, les props et l'état avec useState, et afficher une liste avec map et key.
npm : comprendre package.json, les dépendances et les scripts
Initialiser un projet Node.js avec npm init, installer des dépendances (et de développement), comprendre package.json et package-lock.json, lancer des scripts npm run, et mettre à jour en sécurité.
Le format JSON expliqué (et le lire en Python et JavaScript)
Comprendre le format JSON (objets, tableaux, types), lire et écrire du JSON en Python (json.load, json.dump) et en JavaScript (JSON.parse, JSON.stringify), et éviter les erreurs de syntaxe.
JavaScript : les tableaux et les méthodes map, filter, find, reduce
Manipuler les tableaux en JavaScript : ajouter avec push, parcourir avec for...of, transformer avec map, filtrer avec filter, chercher avec find, et calculer avec reduce.
JavaScript : premiers pas dans la console du navigateur
Écrire ses premières lignes de JavaScript dans la console du navigateur (F12) puis dans une page HTML : console.log, variables let et const, types, et opérations de base.
JavaScript : les objets, la déstructuration et l'opérateur ...
Créer et modifier des objets JavaScript, accéder aux propriétés, parcourir avec Object.entries, déstructurer, copier et fusionner avec l'opérateur de décomposition, et le chaînage optionnel ?.
JavaScript : les modules (import / export) et un premier script Node.js
Découper son code JavaScript en modules avec export et import, les utiliser dans le navigateur (type=module) et dans Node.js, et lire un fichier avec le module fs.
JavaScript : sauvegarder des données dans le navigateur (localStorage)
Enregistrer des préférences ou une liste dans le navigateur avec localStorage : setItem, getItem, stocker des objets en JSON, gérer l'absence de données, et les limites (taille, sécurité).
JavaScript : les fonctions (classiques et fléchées)
Écrire des fonctions en JavaScript : déclaration function, paramètres par défaut, return, fonctions fléchées, et passer une fonction en argument (callback).
JavaScript : récupérer des données avec fetch, async et await
Appeler une API depuis le navigateur ou Node.js avec fetch, comprendre les promesses, écrire avec async/await, gérer les erreurs avec try/catch et vérifier response.ok, et envoyer du JSON en POST.
JavaScript : réagir aux clics et aux formulaires (addEventListener)
Réagir aux actions de l'utilisateur en JavaScript avec addEventListener : clic sur un bouton, saisie au clavier, envoi d'un formulaire avec preventDefault, et délégation d'événements.
JavaScript : modifier une page web (DOM, querySelector)
Sélectionner des éléments d'une page avec querySelector, changer leur texte et leurs classes CSS, créer et ajouter des éléments, et éviter innerHTML avec des données utilisateur.
JavaScript : afficher dates, prix et nombres au format français (Intl)
Formater correctement en français avec JavaScript : dates avec toLocaleDateString et Intl.DateTimeFormat, prix en euros avec Intl.NumberFormat, durées relatives (« il y a 3 jours ») et pièges de l'objet Date.
JavaScript : les classes (constructor, méthodes, héritage)
Créer des classes en JavaScript moderne : constructor, méthodes, propriétés privées avec #, getters, méthodes statiques, et héritage avec extends et super.
JavaScript : coder un mini-jeu dans le navigateur (canvas)
Créer un petit jeu en JavaScript avec l'élément canvas : boucle de jeu avec requestAnimationFrame, dessin, déplacement au clavier, collision et score.
Installer Node.js et npm sur Windows 11
Installer la version LTS de Node.js avec winget, vérifier node et npm, créer un projet avec npm init, ajouter des paquets, utiliser npx et les scripts de package.json, et débloquer npm dans PowerShell.