Bootcamp backendontwikkeling met Node.js · Les

De basis van het Express.js-framework

Ga aan de slag met Express.js door een eenvoudige server in te stellen en HTTP-requests en -responses af te handelen.

Les 1 van 412 stappen

De basis van het Express.js-framework is een gratis Bootcamp backendontwikkeling met Node.js-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Bootcamp backendontwikkeling met Node.js. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Bootcamp backendontwikkeling met Node.js bevat in totaal 4 lessen.

Express.js ontdekken

Express.js is een minimaal en flexibel framework voor Node.js-webapplicaties.

Het biedt een uitgebreide set functies voor web- en mobiele applicaties.

Zie het als een gereedschapskist die het bouwen van krachtige applicaties aan de serverkant met Node.js vereenvoudigt.

Voordelen van Express.js

Express.js maakt back-endontwikkeling sneller en eenvoudiger. Dit is waarom:

Routering: Bepaal eenvoudig hoe uw app reageert op verschillende URL's.
Middleware: Voeg functies toe die aanvragen verwerken voordat ze uw routes bereiken.
Sjablonen: Integreer verschillende sjabloon-engines voor dynamische inhoud.
Prestaties: Het is lichtgewicht en snel en is gebouwd op de niet-blokkerende I/O van Node.js.

Uw Node.js-project initialiseren

Voordat u Express installeert, hebt u een Node.js-project nodig. We gebruiken npm init om een package.json-bestand te maken.

Dit bestand houdt de metagegevens en afhankelijkheden van uw project bij.

Open uw terminal in een lege map en voer dit uit:

npm init -y

De vlag -y antwoordt "ja" op alle vragen en maakt een standaard-package.json aan.

Express aan uw project toevoegen

Nu uw project is ingesteld, installeren we Express.js. NPM (Node Package Manager) regelt dit voor ons.

Voer de volgende opdracht uit in de terminal van uw project:

npm install express

Deze opdracht downloadt Express en de afhankelijkheden ervan, voegt ze toe aan uw map node_modules en vermeldt Express in package.json.

Een basisserver instellen

Elke Express-applicatie begint met het importeren van de Express-module en het maken van een app-instantie.

Dit app-object gebruikt u om routes te configureren en uw server te starten.

Bekijk de basisstructuur:

const express = require('express');
const app = express();

HTTP GET-aanvragen afhandelen

Routes bepalen hoe uw applicatie reageert op aanvragen van clients naar een specifiek eindpunt (URL) en een HTTP-methode (zoals GET of POST).

Voor een eenvoudige webpagina gebruiken we vaak GET-aanvragen om gegevens op te halen.

De methode app.get() accepteert twee argumenten: het pad (bijvoorbeeld '/' voor de startpagina) en een callbackfunctie.

app.get('/', (req, res) => {
  // Handle request and send response here
});

Reageren op aanvragen

Binnen de callbackfunctie van uw route krijgt u twee objecten: req (aanvraag) en res (antwoord).

Het object res heeft methoden om antwoorden terug te sturen naar de client. De eenvoudigste is res.send().

Deze kan verschillende soorten antwoorden verzenden, zoals HTML, JSON of platte tekst.

app.get('/', (req, res) => {
  res.send('Hello from Express!');
});

Uw app laten luisteren

Tot slot moet uw Express-app luisteren naar binnenkomende aanvragen op een specifieke poort.

De methode app.listen() koppelt de applicatie aan een poort op de lokale host. Een gebruikelijke poort voor ontwikkeling is 3000.

Wanneer de app actief is, kunt u deze in een browser openen via http://localhost:3000.

const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

Voer uw eerste Express-app uit!

Hier is een volledig uitvoerbaar voorbeeld van een eenvoudige Express-server. Sla dit op als app.js en voer het uit met node app.js.

Open daarna http://localhost:3000 in uw browser!

const express = require('express');
const app = express();
const PORT = 3000;

app.get('/', (req, res) => {
  res.send('Welcome to CoddyKit Express!');
});

app.listen(PORT, () => {
  console.log(`Server running on http://localhost:${PORT}`);
});

Meer eindpunten!

Uw API heeft niet slechts één pagina! U kunt meerdere routes voor verschillende paden definiëren.

Elke app.get(), app.post() enzovoort maakt een nieuw eindpunt.

Probeer een route voor /about toe te voegen aan uw bestand app.js.

app.get('/about', (req, res) => {
  res.send('This is the About page.');
});

Quiz over Express-servers

Bekijk het volgende codefragment van Express.js:

const express = require('express');
const app = express();
const PORT = 5000;

app.get('/', (req, res) => {
  res.send('Home Page');
});

app.get('/api', (req, res) => {
  res.send({ message: 'API data' });
});

app.listen(PORT, () => {
  console.log(`Server started on port ${PORT}`);
});

Beantwoord dit in de interactieve les

De basis van Express.js

Goed gedaan! U hebt de basis van Express.js geleerd:

Wat Express.js is en waarom het nuttig is.
Hoe u een Node.js-project instelt en Express installeert.
Een eenvoudige Express-applicatie-instantie maken.
Routes definiëren met app.get().
Antwoorden verzenden met res.send().
Uw server starten met app.listen().

Hierna gaan we dieper in op geavanceerdere routering en middleware!

Gratis beginnen

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: 22
Lessen: 92

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “De basis van het Express.js-framework” gratis?

Ja — de volledige tekst van “De basis van het Express.js-framework” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Bootcamp backendontwikkeling met Node.js wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Bootcamp backendontwikkeling met Node.js bevat in totaal 4 lessen.

Wat leer ik in “De basis van het Express.js-framework”?

Ga aan de slag met Express.js door een eenvoudige server in te stellen en HTTP-requests en -responses af te handelen. Je oefent met Bootcamp backendontwikkeling met Node.js 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 Bootcamp backendontwikkeling met Node.js te beginnen?

Ervaring vooraf is niet nodig. Bootcamp backendontwikkeling met Node.js 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 1 van 4.

Hoe lang duurt de les “De basis van het Express.js-framework”?

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 Bootcamp backendontwikkeling met Node.js?

Ja. Elke les over Bootcamp backendontwikkeling met Node.js 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

De basis van het Express.js-framework
Routing en middleware in Express
RESTful API-endpoints ontwerpen
Requestgegevens verwerken: body, query en params

← Terug naar Bootcamp backendontwikkeling met Node.js