Instellen: Node + npm, .js uitvoeren, DevTools-console
Installeer Node, controleer versies, voer .js-bestanden uit, leer de basis van npm en oefen met de browserconsole van DevTools.
Instellen: Node + npm, .js uitvoeren, DevTools-console is een gratis JavaScript Academy-les op CoddyKit. Dit is les 2 van 3. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 3 lessen.
Introductie
Doel: Node en npm instellen, een .js-bestand uitvoeren en de DevTools-console van de browser gebruiken.
- Node installeren en controleren
- Basisprincipes van npm
- .js-bestanden uitvoeren
- Consolehulpmiddelen gebruiken
Node en npm controleren
Controleren: voer in een terminal node -v en npm -v uit. Als er versienummers verschijnen, is je installatie klaar.
Een bestand maken en uitvoeren
Maak hello.js en voer het uit met 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
Snel aan de slag met npm
Voer in een projectmap npm init -y uit om package.json te maken. Voeg een script toe: "start": "node hello.js". Voer daarna npm run start uit.
Consolehulpmiddelen
Gebruik console.log, console.table en console.time om kleine taken te inspecteren en te meten.
// 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.");
Basisprincipes van DevTools
Open DevTools (F12 of klik met de rechtermuisknop → Inspecteren) en ga naar Console. Plak kleine stukjes code, druk op Enter en lees de uitvoer. Tip: wissen met clear().
Kennischeck: Node-versieopdracht
Korte controle: de opdracht voor de Node-versie.
Samenvatting
Samenvatting: Je hebt Node en npm gecontroleerd, een .js-bestand uitgevoerd, een eenvoudig npm-script geleerd en consolehulpmiddelen gebruikt in zowel Node als de browser.
Leer JavaScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 59
- Lessen
- 200
Veelgestelde vragen
Is de les “Instellen: Node + npm, .js uitvoeren, DevTools-console” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Instellen: Node + npm, .js uitvoeren, DevTools-console”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 3 lessen.
Wat leer ik in “Instellen: Node + npm, .js uitvoeren, DevTools-console”?
Installeer Node, controleer versies, voer .js-bestanden uit, leer de basis van npm en oefen met de browserconsole van DevTools. Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met JavaScript Academy te beginnen?
Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 3.
Hoe lang duurt de les “Instellen: Node + npm, .js uitvoeren, DevTools-console”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?
Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Wat is JavaScript? Engines (V8/SpiderMonkey) en runtimes (Browser versus Node)
- Instellen: Node + npm, .js uitvoeren, DevTools-console
- Eerste programma en I/O (console, alerts in de browser)