Ga naar hoofdinhoud

Introductie webdeveloper

Dé moderne start voor het ontwikkelen van websites

Webintro is dé plek om te leren hoe websites worden gebouwd. Geen voorkennis nodig. Begin gewoon, stap voor stap.

Start introductie
Easy to Use

Introductie webdeveloper

Dit is dé moderne start voor het ontwikkelen van websites. Van je eerste HTML-bestand tot versiebeheer met Git: stap voor stap uitgelegd voor beginners.

Start hier

Alle introductie-artikelen

Je eerste website

Maak je allereerste website met alleen een teksteditor en een browser.

Teksteditor

Waarom elke developer Visual Studio Code gebruikt en hoe je er mee start.

CSS

Stijl je website met kleur, layout en het box model.

Versiebeheer

Sla wijzigingen op met Git en keer altijd terug naar een werkende versie.

Package manager

Voeg bestaande code toe aan je project met npm en package.json.

GitHub

Deel je code online en werk samen met andere developers via GitHub.

Browserconsole & HTML

Gebruik de DevTools om HTML te inspecteren en fouten te lezen.

HTML

Wat is HTML en hoe werkt het? Leer de bouwstenen van elke webpagina.

JavaScript

Voeg interactiviteit toe aan je website met variabelen, functies en events.

Klaar voor meer?

Heb je de basis onder de knie? Dan is het tijd om een stap verder te gaan. Onderstaande onderwerpen zijn bedoeld voor developers die hun kennis willen uitbreiden en professioneler willen werken.

CLI

CLI en terminal

Leer wat de terminal is, waarom developers het gebruiken en welke basiscommando's je moet kennen.

Tooling

Homebrew

Installeer developer-tools op macOS en Linux met één commando.

Docker

Verpak je applicatie in een container zodat het overal hetzelfde draait.

Docker Compose

Beheer meerdere containers tegelijk met één configuratiebestand.

ZSH en Oh My Zsh

Werk sneller via de terminal met ZSH, Oh My Zsh en handige plugins.

Beveiliging

HTTPS

Versnel je site en bescherm bezoekers met een gratis SSL-certificaat.

Content Security Policy

Blokkeer ongewenste scripts en voorkom XSS-aanvallen met CSP.

HTTP-veiligheidsheaders

Bescherm je site met HSTS, X-Frame-Options en meer.

Omgevingsvariabelen

Sla API-sleutels en wachtwoorden veilig op buiten je code.

Hosting

Uptime monitoring

Ontdek hoe je met websitebewaking merkt wanneer je site offline gaat.

Vercel

Zet je website gratis online met Vercel en koppel je eigen domeinnaam.

Google Workspace mail

Stel e-mail in op je eigen domein, zoals info@jouwdomein.nl.

Website back-ups

Leer hoe je back-ups maakt, waar je ze bewaart en hoe je test of een herstel werkt.

Testen

Unit testen

Test individuele functies automatisch met Vitest.

End-to-end testen

Simuleer echte gebruikers in de browser met Playwright.

Frameworks

Top frameworks

Vergelijk React, Vue, Next.js, Laravel en meer, en kies wat bij jou past.

Frontend frameworks

Bouw gebruikersinterfaces in de browser met React, Vue of Svelte.

Backend frameworks

Bouw de server achter je site met Express, Laravel of Django.

React

Bouw componenten met JSX, props en state, en start met Vite.

AI

AI-coderen

Gebruik AI-tools en coding agents om sneller te programmeren.

☕
Kop koffie nodig?

Probeer De Koffiejongens met 50% korting op je bestelling. Geteeld door boeren die met de natuur werken en eerlijk betaald krijgen.