Configuration : Node et npm, exécution des fichiers .js, console DevTools
Installez Node, vérifiez les versions, exécutez des fichiers .js, apprenez les bases de npm et entraînez-vous avec la console DevTools du navigateur.
Configuration : Node et npm, exécution des fichiers .js, console DevTools est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 3 leçons au total.
Introduction
Objectif : configurer Node et npm, exécuter un fichier .js et utiliser la console DevTools du navigateur.
- Installer et vérifier Node
- Bases de npm
- Exécuter des fichiers .js
- Utiliser les outils de la console
Vérifier Node et npm
Vérification : dans un terminal, exécutez node -v et npm -v. Si des versions s'affichent, votre configuration est prête.
Créer et exécuter un fichier
Créez hello.js et exécutez-le avec node hello.js.
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
Démarrage rapide de npm
Dans le dossier d'un projet, exécutez npm init -y pour créer package.json. Ajoutez une commande : "start": "node hello.js". Exécutez ensuite npm run start.
Outils de la console
Utilisez console.log, console.table et console.time pour inspecter et mesurer de petites tâches.
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
Notions de DevTools
Ouvrez DevTools (F12 ou faites un clic droit → Inspecter) et passez à la Console. Collez de petits extraits, appuyez sur Entrée et lisez la sortie. Astuce : effacez avec clear().
Quiz sur la version de Node
Vérification rapide : commande d'affichage de la version de Node.
Récapitulatif
Récapitulatif : vous avez vérifié Node et npm, exécuté un fichier .js, appris une simple commande npm et utilisé les outils de la console dans Node et le navigateur.
Questions Fréquemment Posées
La leçon « Configuration : Node et npm, exécution des fichiers .js, console DevTools » est-elle gratuite ?
Oui — le texte complet de « Configuration : Node et npm, exécution des fichiers .js, console DevTools » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 3 leçons au total.
Qu'est-ce que j'apprendrai dans « Configuration : Node et npm, exécution des fichiers .js, console DevTools » ?
Installez Node, vérifiez les versions, exécutez des fichiers .js, apprenez les bases de npm et entraînez-vous avec la console DevTools du navigateur. Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer JavaScript Academy ?
Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 3.
Combien de temps prend la leçon « Configuration : Node et npm, exécution des fichiers .js, console DevTools » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?
Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Qu’est-ce que JavaScript ? Moteurs (V8/SpiderMonkey) et environnements d’exécution (navigateur ou Node)
- Configuration : Node et npm, exécution des fichiers .js, console DevTools
- Premier programme et entrées-sorties (console, alertes dans le navigateur)