Door tientallen leerplatforms, honderden blogs, en natuurlijk YouTube, is er online een eindeloze hoeveelheid webdesigncursussen en ander lesmateriaal te vinden.

Maar de kwaliteit wil nogal variëren. Als je op de verkeerde plek begint, kan je een hoop tijd én geld kwijtraken.

We hebben het web afgezocht naar de allerbeste en meest up-to-date webdesigncursussen, zowel gratis als betaald, en een shortlist met de beste opties samengesteld.

Als elke dag heen-en-weer reizen naar je kantoorbaan en elke middag in de file staan niet helemaal je ding is, lees dan vooral door.

We zullen alle cursussen bespreken die je nodig hebt om je nieuwe carrière als webdesigner te starten.

Welke kwaliteiten moet je hebben om een webdesigner te worden?

Binnen webdesign zijn traditionele papieren startkwalificaties zoals diploma’s minder belangrijk dan in andere sectoren.

Het is een branche die continu in beweging is, dus een diploma van 10 jaar geleden betekent niet dat je ook nu nog een goede webdesigner bent.

In plaats daarvan worden webdesigners meestal beoordeeld op basis van hun recente werk en projecten, zoals ze dat laten zien in hun portfoliowebsite.

Maar het zijn niet alleen de oude projecten in je portfolio waarmee je je vaardigheden kan laten zien.

Je kan potentiële klanten natuurlijk ook overtuigen door middel van jouw daadwerkelijke website zelf.

Om inspiratie op te doen van echte portfoliowebsites die de allernieuwste elementen van front-end design en development gebruiken, kan je de meest recente winnende projecten op Awwwards bekijken.

Awwwards portfoliosites

Awwwards portfoliosites

Kijk goed hoe elke designer typografie, witruimte, animaties, iconen en andere ontwerpelementen gebruikt om hun beste beentje voor te zetten.

Je kan ook inspiratie opdoen in creatieve community’s zoals Dribble of Behance.

Leer belangrijke soft skills en tools om succesvol te zijn

Er zijn verschillende tools die je moet leren beheersen, en soft skills die je carrière als webdesigner zullen bepalen.

Laten we eerst eens kijken naar de tools die je kan gebruiken.

Er zijn ook verschillende populaire frameworks en CSS waarmee je jezelf kan onderscheiden.

Je zult ook een aantal soft skills moeten beheersen.

Interesse om webdesigner te worden? ✅ Leer hier hoe je daarmee begint met deze lijst met de beste cursussen. 🎨Click to Tweet

20 beste online webdesign cursussen (gratis en betaald)

Hieronder gaan we een selectie van de allerbeste online cursussen voor webdesign bespreken, zowel gratis als betaald.

Om je te helpen om sneller te vinden wat je zoekt, hebben we ze opgedeeld in onderstaande categorieën:

Gratis online videocursussen webdesign

Als je het liefst leert via het kijken van een video, of iemand die je elk nieuw stukje code of nieuwe techniek uitlegt, zijn er een hoop gratis opties te vinden.

1. WebFlow University: Ultimate Web Design Course

WebFlow University web design cursus

WebFlow University web design cursus

Ultimate Web Design Course is een gratis cursus van de WebFlow University, een online leerplatform dat gehost en ontwikkeld wordt via de CMS en designtool WebFlow.

Het biedt meer dan 5 uur aan videolessen en is een goede introductie voor alles rondom webdesign.

Onderwerpen:

Lengte: 5 uur (aan video)

Certificaat: Niet beschikbaar

Voordelen:

Nadelen:

2. BYOL: Beginner Web Design Using HTML5, CSS3 & Visual Studio Code

beginner web design html 5 css

Beginner web design course

Webdesigner en YouTuber Bring Your Own Laptop (BYOL) heeft een gratis cursus van 4 uur gemaakt, met de titel Beginner Web Design using HTML5, CSS3 & Visual Studio Code.

Het format is simpel: één video van 4 uur op YouTube, in combinatie met een aantal oefenbestanden die je gratis kan downloaden.

Tijdens de cursus leer je drie verschillende websites te maken die steeds moeilijker en complexer werden; uiteindelijk leer je je website ook responsief te maken.

Onderwerpen:

Lengte: 4 uur (aan video)

Certificaat: Niet beschikbaar

Voordelen:

Nadelen:

3. freeCodeCamp: Introduction To Responsive Web Design – HTML & CSS Tutorial

freeCodeCamp YouTube cursus

freeCodeCamp YouTube cursus

In 2019 heeft freeCodeCamp een 4 uur lange introductiecursus over responsive design gepubliceerd op hun YouTube kanaal.

De cursus leert je hoe je één responsive website met 3 pagina’s kan maken en daarmee de basis van responsive design, CSS en HTML5.

Onderwerpen:

Lengte: 4 uur (aan video)

Certificaat: Niet beschikbaar

Voordelen:

Nadelen:

4. OpenClassrooms Course: Build Your First Web Pages With HTML and CSS

OpenClassrooms introductiecursus

OpenClassrooms introductiecursus

OpenClassrooms biedt een gratis introductiecursus die Build Your First Web Pages with HTML and CSS heet.

De cursus begint bij de allereerste stappen en geeft je een goed fundamenteel begrip van zowel HTML5 als CSS3. Als je nog geen enkele ervaring hebt met webdevelopment of webdesign, is dit een goede plek om te beginnen.

Onderwerpen:

Lengte: 10 uur

Certificaat: Beschikbaar (bij een $20/maand lidmaatschap)

Voordelen:

Nadelen:

Betaalde online videocursussen webdesign

Als je wat geld kan investeren, zijn er ook een hoop goede betaalde cursussen over webdesign online te vinden. Ben je van plan hier een carrière in te starten, dan is investeren in onderwijs natuurlijk altijd een goed idee.

5. Udemy Cursus: Web Design for Beginners: Real World Coding in HTML & CSS

Udemy Web Design cursus

Udemy Web Design cursus

Udemy is één van de meest populaire premium leerplatforms op het internet. Er zijn cursussen over van alles te vinden, van websitedesign tot freelancing en productiviteit.

Maar de beste cursus om mee te beginnen blijft toch wel de online cursus Web Design for Beginners: Real World Coding in HTML & CSS.

Onderwerpen:

Lengte: 11 uur (aan video)

Prijs: $16.99 (De prijs van meer dan $100 is een verkooptrucje)

Certificaat: Beschikbaar

Voordelen:

Nadelen:

6. TreeHouse: Web Design Track

treehouse webdesign track

TreeHouse webdesign track

TreeHouse is een online leerplatform op basis van abonnementen dat geschikt is voor zowel designers als programmeurs. Het webdesigntrack biedt 43 uur aan video en interactieve lessen over HTML, CSS, layouts en andere belangrijke webdesignonderwerpen.

Ook basisvaardigheden voor de beginnende graphicdesigner worden behandeld, zoals een SVG tutorial.

Onderwerpen:

Lengte: 43 uur (aan video)

Prijs: $25 per maand voor de cursussen en $49 per maand voor de cursussen en extra’s.

Certificaat: Niet beschikbaar voor tracks (alleen voor de Techdegree programma’s van $199 per maand).

Voordelen:

Nadelen:

7. Frontend Masters: CSS Grids/Flexbox Course

FM – CSS Grid & Flexbox cursus

FM – CSS Grid & Flexbox cursus

Frontend Masters is een goed leerplatform voor zowel beginners als webdesigners die reeds wat kennis van zaken hebben. Deze cursus zal je precies leren hoe je moderne CSS technieken kan gebruiken om een responsieve layout voor je website te maken.

Het zal je helpen om jezelf te ontwikkelen van een eenvoudige HTML wireframe designer tot iemand die volledig functionele prototypen en templates kan maken.

Onderwerpen:

Lengte: 5+uur (aan video)

Prijs: $39 per maand

Certificaat: Beschikbaar

Voordelen:

Nadelen:

8. Skillcrush: Frontend Development Course

Skillcrush – Frontend development cursus

Skillcrush – Frontend development cursus

Skillcrush biedt een diepgaande introductie cursus over front-end development, ideaal voor beginners. De prijs en tijdsinvestering lijken meer op de standaard MOOCs, maar het is zelfgestuurd, dus je kan de cursus zo snel afronden als je zelf wil.

Onderwerpen:

Lengte: 3 maanden (gemiddeld tijd benodigd voor afronding)

Prijs: eenmalig $549 of $199 per maand voor drie maanden.

Certificaat: Beschikbaar

Voordelen:

Nadelen:

9. Envato Tuts+: Responsive Web Design for Beginners

Tuts+ – Responsive web design cursus

Tuts+ – Responsive web design cursus

De Tuts+ responsive webdesigncursus voor beginners is een snelle introductie over de basis van responsive design, HTML, CSS, media query’s en meer.

Desalniettemin lijkt het niet de meest aantrekkelijke betaalde optie, aangezien het na 3 uur weer klaar is. Echter, Tuts+ Premium biedt meer dan 20 cursussen over webdesign, van specifieke software zoals Sketch of Adobe XD tot diepgaande cursussen over webtypografie.

Onderwerpen:

Lengte: 3 uur (aan video)

Prijs: $16,50 per maand

Certificaat: niet beschikbaar

Voordelen:

Nadelen:

10. Paul Boag – Encouraging Clicks Masterclass

encouraging clicks course

Encouraging Clicks Masterclass

Paul Boag is een bekende leraar en auteur binnen conversie optimalisatie en UX design. Hij heeft diverse boeken geschreven over web- en UX design voor Smashing Magazine en is columnist voor diverse bekende publicaties over webdesign.

Zijn Encouraging Clicks Masterclass is een begeleide videocursus waarin je Paul direct vragen kan stellen tijdens de cursus. Je leert de basisprincipes voor het ontwerpen van websites die tot acties en conversies leiden, zonder vage trucjes of dark patterns te gebruiken.

Onderwerpen:

Lengte: 4,5 uur aan video

Prijs: eenmalig $267

Certificaat: niet beschikbaar

Voordelen:

Nadelen:

Online universiteitsprogramma’s en diploma’s in webdesign (MOOC)

Via platforms met Massive Online Open Courses (MOOC’s) zoals Coursera, bieden sommige universiteiten hun volledige webdesigncurriculum online aan, soms gratis.

Maar niet alle cursussen zijn even goed, dus we noemen hier alleen de beste opties.

11. Coursera: Web Design for Everybody: Basics of Web Development & Coding Specialization

Coursera U-M webdesign cursus

Coursera U-M webdesign cursus

Web Design for Everybody van de University of Michigan is één van de meest populaire cursussen over webdevelopment op Coursera.

De cursus behandelt de basisprincipes van HTML, CSS en JS, naast responsive webdesign en toegankelijkheid.

Als je het certificaat en de studiepunten niet hoeft, kan je de cursus gratis doen.

Onderwerpen:

Lengte: 70 uur aan lesstof (waaronder reviews en experimenten)

Prijs: Gratis te volgen.

Certificaat: $49 per maand lidmaatschap voor het certificaat.

Voordelen:

Nadelen:

12. EdX: W3CX Frontend Developer Program

W3CX Frontend Web Developer programma

W3CX Frontend Web Developer programma

Het W3CX Frontend Developer Programma van edX is perfect voor beginners die een stevige basis willen opbouwen in alle kerntalen van front-end development.

Onderwerpen:

Lengte: 140 uur aan lesstof (waaronder reviews en experimenten)

Prijs: Gratis voor het individueel volgen van individuele cursussen.

Certificaat: eenmalig $895,50 voor het certificaat.

Voordelen:

Nadelen:

13. Udacity: Frontend Development Nanodegree

udacity frontend developer nanodegree

Frontend dev nanodegree

Met het Udacity Frontend Web Development Nanodegree leer je alle basiskennis over HTML, CSS en responsive webdesign, en nog een hoop meer.

Alhoewel het technisch gezien geen universiteit is, lijken de structuur, diepgang en prijs van het Udacity nanodegree sterk op de gebruikelijke MOOC programma’s.

Onderwerpen:

Lengte: 100 uur aan lesstof (waaronder reviews en experimenten)

Prijs: Eenmalig $1356 voor 4 maanden toegang, of $399 per maand.

Certificaat: Beschikbaar als je voor het Nanodegree betaalt

Voordelen:

Nadelen:

14. Future Learn: User Experience (UX) Design and Research

Future Learn – UX Design cursus

Future Learn – UX Design cursus

Het User Design and Research programma van Future Learn en de University of Michigan is ideaal voor webdesigners die meer willen leren over UX ontwerp.

Heb je razendsnelle, veilige en developer-friendly hosting nodig voor de sites van je klanten? Kinsta is gebouwd met WordPress-developers in het achterhoofd en biedt een breed scala aan tools en een krachtig dashboard. Check onze pakketten

Onderwerpen:

Lengte: 88 uur aan lesstof (waaronder reviews en experimenten)

Prijs: Gratis voor het individueel volgen van individuele cursussen.

Certificaat: eenmalig $345 om het certificaat te krijgen en levenslange toegang tot elke cursus.

Voordelen:

Nadelen:

15. OpenHPI: Human-Centered Design Course

Human-centered design cursus

Human-centered design cursus

Als je de basisprincipes van je ontwerp wil verbeteren, is deze cursus over mensgericht ontwerpen een goede plek om te beginnen.

Het helpt bij het verbeteren van je ideeën achter je website en het doen van onderzoek vooraf, waardoor je een betere toolbox ter beschikking krijgt als webdesigner.

Onderwerpen:

Lengte: 10-11 uur aan lesstof (waaronder reviews en experimenten)

Prijs: Gratis

Certificaat: Eenvoudig certificaat beschikbaar na voltooiing.

Voordelen:

Nadelen:

Interactieve cursussen in webdesign

Als je meer op zoek bent naar het front-end development en praktisch programmeren dan de grafische ontwerpelementen, zijn er ook een aantal webdesigncursussen te vinden die zich daar op richten.

16. Gratis: freeCodeCamp

freeCodeCamp webdesign certificering

freeCodeCamp webdesign certificering

freeCodeCamp biedt een enorme cursus over responsive websiteontwerp, met meer dan 300 uur(!) aan lesstof, gratis beschikbaar.

De interface is niet heel spannend, maar wel intuïtief waarmee je jezelf door middel van gamification het schrijven van code aanleert.

Om verder te komen in de cursus, moet je elk stukje nieuwe informatie in de praktijk toepassen, waardoor je de stof ook daadwerkelijk opneemt.

Onderwerpen:

Lengte: meer dan 300 uur aan interactieve lessen

Prijs: Gratis

Certificaat: Beschikbaar (gratis)

Voordelen:

Nadelen:

17. Gratis: W3Schools

W3Schools startpagina

W3Schools startpagina

W3Schools is een van de grootste platforms die je online kan vinden voor het leren van webdevelopment.

Het heeft honderden uren met tutorials en cursussen over de belangrijkste frameworks en talen die op het web gebruikt worden.

De interface ziet er niet per sé gelikt uit, maar de enorme hoeveelheid gratis lessen compenseren dat zonder twijfel. Je hoeft je niet eens te schrijven met je e-mailadres om te beginnen.

Onderwerpen:

Lengte: Honderden uren aan interactieve lessen.

Prijs: Gratis

Certificaat: Beschikbaar (vanaf $95 per taal).

Voordelen:

Nadelen:

18. Gratis: Codecademy

web design courses — Codecademy

Codecademy

Codecademy is een interactief leerplatform voor programmeurs en webdesigners. Het biedt enkele cursussen gratis aan waarmee je kan beginnen.

Het heeft een gave interface inclusief gamification-elementen waardoor het leren echt leuk wordt.

Helaas is de content in het gratis pakket vrij beperkt, met puur de basistalen en het maken van een eenvoudige website.

Onderwerpen:

Lengte: 10-20 uur aan interactieve lessen.

Prijs: basiscursussen zijn gratis (betaalde versie hieronder)

Certificaat: Niet beschikbaar

Voordelen:

Nadelen:

19. Betaalde versie: Codecademy Pro

Met Codecademy Pro krijg je hetzelfde platform en community als in het gratis pakket, met daarbovenop toegang tot alle cursussen en het webdevelopment path.

Je kan ook kortere ‘skill paths’ kiezen, zoals voor het leren van het bouwen van websites.

code academy skill path

CA – Build websites path

Met de pro versie krijg je toegang tot honderden uren aan interactieve lessen, met een certificaat aan het einde.

Prijs: $39,99 per maand ($19,99 per maand als je jaarlijks betaalt)

20. Gratis: Dash van General Assembly

Dash van General Assembly

Dash van General Assembly

General Assembly is vooral een campus, of een fysieke, bootcamp-gericht educatief bedrijf voor designers en programmeurs.

Maar hun interactieve online cursus Dash is een goede manier om HTML, CSS en JavaScript te leren, terwijl je ondertussen actief aan het ontwerpen bent en je eerste website bouwt.

Onderwerpen:

Lengte: 10+ uur aan interactieve lessen.

Prijs: Gratis

Certificaat: niet beschikbaar

Voordelen:

Nadelen:

Webdesign businesscursus en webdesign met WordPress

Het huidige marktaandeel van WordPress is meer dan 38% van alle websites op het internet. Daardoor is er haast evenveel vraag naar WordPress sites en de bijbehorende development skills als voor algemene front-end developers.

Door je te specialiseren in WordPress kan je snel beginnen om je portfolio op te bouwen. Maar je kan er niet meteen aan beginnen met alleen je webdesign basisvaardigheden.

Vereiste vaardigheden voor een WordPress designer/developer

Allereerst moet je WordPress thema’s kunnen maken en bewerken. Dat betekent dat je goed begrijp hoe WordPress werkt en hoe WordPress development wordt uitgevoerd:

Verder heb je nodig:

Om je te helpen deze vaardigheden te leren, kun je onze speciale gids lezen over 13 plekken om online WordPress te leren.

Tientallen leerplatforms. Honderden blogs. Duizenden YouTube video's. Hoe vind je de beste webdesign cursus tussen zoveel mogelijkheden? 🤯 Klik om de beste opties te bekijken, en begin een nieuwe carrière ✨Click to Tweet

Samenvatting

Van YouTube tot betaalde of gratis leerplatforms voor programmeurs, tot online universiteitsprogramma’s, er is voor ieder wat wils. Alhoewel dit niet altijd geldt, wil het wel voorkomen dat de informatie in gratis webdesigncursussen vaker verouderd is dan de betaalde alternatieven.

Dit komt doordat het geld van de leden of studenten de docenten kan voorzien van het benodigde budget voor updates en nieuwe video’s.

Betaalde webdesign cursussen geven je ook vaak de mogelijkheid met de instructeurs te praten, niet alleen met andere studenten.

Je hoeft geen tijd te verspillen aan een cursus of instructeur waar je geen klik mee hebt. Kies de webdesign cursus die bij jouw niveau en doelen past, en ga daar mee door.

De perfecte tools voor het trainen en ontwikkelen van je vaardigheden als webdesigner zijn sowieso te vinden.

Nu is het jouw beurt: heb je ook wel eens een cursus gedaan om je webdesign skills te verbeteren? Wat vond je ervan? Deel het in de reacties!


Bespaar tijd en kosten en maximaliseer siteprestaties met:

  • Directe hulp van WordPress-hostingexperts, 24/7.
  • Cloudflare Enterprise integration.
  • Wereldwijd bereik met 28 datacenters wereldwijd.
  • Optimalisatie met onze ingebouwde Application Performance Monitoring.

Dat alles en nog veel meer, in één pakket zonder langlopende contracten, migraties en een 30 dagen geld-terug-garantie. Bekijk onze pakketten of neem contact op met sales om het pakket te vinden dat bij je past.