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.

  • Eenvoudige illustratie- en fotobewerkingstools: Illustrator, Photoshop, Sketch, of GIMP.
  • Ontwerptools voor interactie: Adobe XD of Invision Studio.
  • Lokale dev-omgeving (als je prototypes ontwikkelt of met een CMS werkt): DesktopServer, XAMPP, etc. (Leer hoe je WordPress lokaal installeert voor het testen van nieuwe ontwerpen.)

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

  • Animatiekits: Animate.css, Bounce.js en meer.
  • jQuery libraries en plugins:Lazy load, parallax scrolling, en meer.
  • Bekend zijn met Bootstrap, React en andere populaire framework voor front-end development is ook cruciaal.
  • WordPress goed kennen en weten hoe je een template maakt is een belangrijk verkooppunt voor potentiële klanten die met dit CMS

Je zult ook een aantal soft skills moeten beheersen.

  • Begrip van consumentenpsychologie en menselijk gedrag op websites. Basisconcepten zoals beslisangst, de waarde van social proof, en de psychologie achter kleuren.
  • Als freelancer moet je weten hoe je projecten moet beprijzen en eenvoudige onderhandelingsstrategieën gebruikt.
  • Je moet ook weten hoe je een voorstel schrijft en een klant binnenhaalt. Dit is ook een waardevolle vaardigheid binnen een bureau of bedrijf.

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:

  • HTML & CSS basics
  • Webstructuur
  • Knoppen
  • Typografie
  • Media-elementen
  • Onderdelen
  • Styling basics
  • Layout basics
  • Geavanceerde layouts
  • Responsief design
  • CMS & dynamische content
  • SEO

Lengte: 5 uur (aan video)

Certificaat: Niet beschikbaar

Voordelen:

  • Up-to-date introductie over webdesign.
  • Eenvoudig te volgen instructies.
  • Meer dan 5 uur aan videocontent (meer tijd nodig als je de oefening doet).

Nadelen:

  • Alhoewel het een goede samenvatting biedt van webdesign, biedt het niet de beste uitleg van alle belangrijke concepten.

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:

  • HTML & CSS basics
  • Head en HTML tags
  • CSS classes
  • Webstructuur en div nesting
  • Media-elementen
  • Externe CSS
  • Testen van je website
  • Styling basics
  • Layout basics
  • Geavanceerde layouts
  • Responsive design
  • CMS & dynamische content
  • SEO

Lengte: 4 uur (aan video)

Certificaat: Niet beschikbaar

Voordelen:

  • Leuke en heldere instructies (veel YouTube reacties benadrukken hoe makkelijk het is om de cursus te volgen).
  • Bijna 4 uur aan videocontent gratis beschikbaar via YouTube, verdeeld in onderwerpen voor beter overzicht.

Nadelen:

  • Vrij eenvoudig, en om de volledige cursus te volgen (van 16 uur), moet je je aanmelden voor een Bring Your Own Laptop lidmaatschap van $12 per maand.

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:

  • Responsive design basics
  • Mobile-first design
  • CSS units
  • Em vs px vs rems
  • Flexbox
  • CSS styles
  • Responsive containers
  • Media query’s
  • Responsive navigatie
  • Pagina structuur
  • Widgets

Lengte: 4 uur (aan video)

Certificaat: Niet beschikbaar

Voordelen:

  • Je krijgt een beter begrip van goed responsive webdesign met HTML en CSS in 2020.
  • Je leert belangrijke CSS units en geavanceerde HTML tags.
  • Gratis meer dan 4 uur helder gestructureerde video beschikbaar op YouTube.

Nadelen:

  • Naast alle informatie over responsief design maar beperkte fundamentele kennis (dus vooral geschikt als je al wat HTML en CSS kent).

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:

  • Goede introductie voor webdesign, met de laatste kennis van HTML en CSS.
  • Verzameling Codepen entries om te markeren hoe verschillende code in de echte wereld werkt.
  • 10 uur aan gratis leerstof, waaronder interactieve quizzen en videolessen.

Nadelen:

  • Stopt meteen na de basis, waardoor je een beperkt, oppervlakkig begrip hebt van allerlei verschillende concepten.

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:

  • HTML layout en basiskennis
  • Media
  • Lettertypen en typografie
  • Pagina structuur
  • Navigatie
  • Formulieren
  • CSS basis
  • Achtergronden
  • Flexbox
  • CSS3 animaties
  • JavaScript frameworks
  • Bootstrap

Lengte: 11 uur (aan video)

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

Certificaat: Beschikbaar

Voordelen:

  • Goed gestructureerde introductie cursus die alle belangrijke onderdelen van responsive design anno 2020 behandelt.
  • Up-to-date informatie (voor het laatst bijgewerkt in juli 2020)
  • Je kan communiceren met andere studenten en vragen stellen aan de instructeur.
  • Eenmalige betaling (in plaats van een maandelijks abonnement).

Nadelen:

  • Voor een betaalde cursus is het niet de meest diepgaande cursus.

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:

  • HTML & CSS basics
  • Webdesign proces
  • Geavanceerde HTML formulieren
  • Tabellen
  • Typografie
  • CSS layouts
  • Responsive design
  • Flexbox
  • Bootstrap 4
  • Wireframing
  • CSS animaties
  • CSS grid layout

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:

  • Goede, diepgaande introductie voor webdesign met meer dan veertig uur aan interactieve lesstof.
  • Een actieve community met wie je kan communiceren en samen kan leren.
  • Krijg een goede basis met meer dan 15 uur alleen al aan HTML en CSS basics.

Nadelen:

  • Als je fulltime werkt en beperkt vrije tijd hebt, wordt TreeHouse vrij prijzig als je langzaam studeert.

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:

  • Responsive design basics
  • CSS float
  • Flexbox basis en implementatie
  • Responsive afbeeldingen
  • CSS grid basics en implementatie

Lengte: 5+uur (aan video)

Prijs: $39 per maand

Certificaat: Beschikbaar

Voordelen:

  • Geweldige videolessen van een uitzonderlijk professionele designleraar.
  • Je zal leren hoe modern responsive design werkt, wat een must is voor zowel wireframe als layout designers.
  • FM heeft ook andere goede cursussen om meer basiskennis op te doen over webdesign en development.

Nadelen:

  • Net als bij andere premium online cursussen, kan het vrij prijzig worden als je langer nodig hebt (het abonnement voor meerdere maanden tellen snel op).

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:

  • Goede introductie over front-end development en webdesign.
  • Leer van voorbeelden doordat je kan zien hoe andere studenten de opdrachten hebben gedaan.

Nadelen:

  • Vrij duur, en je kan maar in beperkte gevallen je geld terugkrijgen.

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:

  • HTML, CSS, en JS basics
  • Media queries en responsive design
  • Responsive afbeeldingen
  • Media query’s
  • Grid layout

Lengte: 3 uur (aan video)

Prijs: $16,50 per maand

Certificaat: niet beschikbaar

Voordelen:

  • Leer in de andere cursussen hoe je designsoftware zoals Adobe XD en Sketch gebruikt.
  • Leer de beste CSS & HTML trucs via toegewijde cursussen.
  • Je krijgt in één abonnement toegang tot miljoenen stockfoto’s, webtemplates en meer.

Nadelen:

  • De introductiecursus zelf is vrij eenvoudig en ietwat verouderd.

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:

  • Basis van conversie-optimalisatie.
  • Het meten van de juiste statistieken
  • Eenvoudige consumentenpsychologie en hoe je er je voordeel mee kunt doen bij het ontwerpen van keuzes
  • Betere calls-to-actions (CTA) maken
  • A/B testen en continue optimalisatie

Lengte: 4,5 uur aan video

Prijs: eenmalig $267

Certificaat: niet beschikbaar

Voordelen:

  • Leer hoe je ontwerpen kan maken die meer conversies opleveren voor je klanten

Nadelen:

  • Slechts een paar keer per jaar open.

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:

  • Webdevelopment
  • Cascading Style Sheets (CSS) basics
  • HTML5 basics
  • JavaScript basics
  • Responsive webdesign
  • Toegankelijkheid online
  • Document Object Model (DOM)
  • Bootstrap

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

Prijs: Gratis te volgen.

Certificaat: $49 per maand lidmaatschap voor het certificaat.

Voordelen:

  • Ideaal voor het opbouwen van een stevige basis als webdesigner, met meer dan 30 uur aan lesstof over HTML, JS en CSS.
  • Wissel ervaringen uit met een actieve online community van andere studenten.
  • Doe reviews, experimenten en meer om de lesstof in de praktijk te brengen.

Nadelen:

  • Enkele klachten over fouten in de lesmaterialen (typfouten, foutjes in de quiz e.d.).

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:

  • HTML, CSS, en JS basics
  • Gevorderd responsive design, CSS grid en flexbox
  • Navigatie
  • Moderne HTML5 API’s zoals timed text track en oriëntatie van apparaten

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:

  • Extreem gedetailleerde informatie direct van de bron (W3C).
  • Instructeurs zijn topdevelopers van Microsoft.
  • Interactief met een actieve online community waarmee je samen kan leren.

Nadelen:

  • De tweede helft van de cursus focust meer op development van webtoepassingen.

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:

  • HTML, CSS, en JS basics
  • Gevorderd responsive design, CSS grid en flexbox
  • Maak een dynamische landingspagina voor het marketen van content
  • Moderne web API’s
  • Automatiseer terugkerende taken met Webpack en andere workflowtools

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:

  • Bevat professionele projecten, beoordelingen van opdrachten en feedback.
  • Je hebt contact met toegewijde technische mentoren.
  • Krijg richting het einde van het diploma echt één-op-één advies van een persoonlijke carrièrecoach.

Nadelen:

  • Gratis toegang is beperkt tot een proefperiode van 7 dagen.

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.

Onderwerpen:

  • Design heuristics
  • User experience onderzoek basiskennis (UX interviews, protocollen voor enquêtes, data verzameling)
  • Affinity walls
  • Ontwerpproces & prototypen
  • Implementeren van datagedreven UX ontwerp

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:

  • Goede cursus voor een beter begrip van hoe je gebruikers je websites en apps zien.
  • Kan de vaardigheden gebruiken om een uitgebreider pakket aan diensten aan te bieden, dat verder gaan dan gewoon websites ontwerpen.

Nadelen:

  • Niet een cursus die gespecialiseerd is in webdesign.

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:

  • Bepalen van doelen
  • Ideeën creëren
  • Synthesis

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

Prijs: Gratis

Certificaat: Eenvoudig certificaat beschikbaar na voltooiing.

Voordelen:

  • Goede cursus om snel (in 10 uur) je basisvaardigheden als designer te ontwikkelen.
  • De concepten zijn ook voor andere toepassingen nuttig, ook buiten webdesign.

Nadelen:

  • Gaat niet direct over technisch webdesign.

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:

  • HTML5 en CSS3 basics
  • Responsive design
  • Flexbox
  • Toegankelijkheid online
  • Toegepast visueel ontwerp

Lengte: meer dan 300 uur aan interactieve lessen

Prijs: Gratis

Certificaat: Beschikbaar (gratis)

Voordelen:

  • Goede basiskennis.
  • Leer op je eigen tempo.
  • Neem nieuwe kennis beter op door het direct in de praktijk te brengen.

Nadelen:

  • De lesinterface is niet het allermooist.

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:

  • HTML5, JavaScript, CSS3 basics
  • Canvas en SVG
  • Bootstrap
  • Graphics
  • Kleuren
  • Iconen

Lengte: Honderden uren aan interactieve lessen.

Prijs: Gratis

Certificaat: Beschikbaar (vanaf $95 per taal).

Voordelen:

  • Goede basisinformatie over alle talen.
  • Leren terwijl je bezig bent, door in de enorme catalogus dat te zoeken wat je nodig hebt terwijl je je eerste site bouwt.
  • Je hoeft je niet eens per mail te registreren.

Nadelen:

  • De leerinterface is niet zo soepel als andere interactieve cursussen.

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:

  • HTML5, JavaScript, CSS3 basics
  • Het bouwen van je eerste website

Lengte: 10-20 uur aan interactieve lessen.

Prijs: basiscursussen zijn gratis (betaalde versie hieronder)

Certificaat: Niet beschikbaar

Voordelen:

  • Goede interface
  • Actieve en betrokken community.

Nadelen:

  • Gratis cursussen zijn erg beperkt.

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:

  • HTML5, CSS3, JavaScript basics
  • HTML tags
  • Media query’s en responsive design
  • Afbeeldingen en media
  • jQuery
  • Maak een eenvoudige interactieve game met JS

Lengte: 10+ uur aan interactieve lessen.

Prijs: Gratis

Certificaat: niet beschikbaar

Voordelen:

  • Goede basisinformatie over de talen die je voor front-end development nodig hebt.
  • Neem nieuwe kennis beter op door het direct in de praktijk te brengen.

Nadelen:

  • Beperkte hoeveelheid informatie in de gratis cursus (betaalde opties beginnen bij $3950).

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:

  • The Loop (de belangrijkste PHP functie die WordPress artikelen en pagina’s weergeeft)
  • The Gutenberg block editor (en hoe de blocks worden weergegeven binnen een live WP site)
  • WordPress templatehiërarchie (welke paginasjablonen je moet bewerken en hoe je child-thema’s maakt)
  • CSS specificity (hoe je op de juiste manier CSS aanpast)

Verder heb je nodig:

  • Beheersing van HTML, CSS en webdesign basiskennis
  • Een redelijk begrip van PHP
  • De vaardigheid om met diverse populaire paginabuilders te werken, zoals Elementor, Divi, etc.
  • Bekendheid met populaire thema’s.

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

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!

Matteo Duò Kinsta

Hoofdredacteur bij Kinsta en content marketing consultant voor WordPress plugin-ontwikkelaars. Verbind met <a href="">Matteo op Twitter.