Links zijn geen detail
Verbindingen bepalen hoe mensen en systemen content vinden, ordenen en met andere content verbinden.
Een reis door de wereld van webontwikkeling
Ga mee op reis vanaf het idee dat later bekend werd als hypertekst,
via de eerste hypertektsystemen tot aan het web van vandaag.
Begrijp de oorsprong van hypertekst en dus van het web zelf.
Ontwikkeling van hypertektsystemen
Van de beginjaren tot het heden
1945
Memex
Geïntroduceerd in Vannevar Bush’ artikel ‘As We May Think’ (The Atlantic)
Een visionair concept van Vannevar Bush dat de basis legde voor hypertekst en moderne webontwikkeling: informatie organiseren en koppelen, zoals in hedendaagse databases en links.
1960
Xanadu
Project startte in de jaren 60; eerste gepubliceerde systeem in 1988
Revolutionair project van Ted Nelson voor een transclusief hypertekstsysteem. Beïnvloedde latere technologieën en ons denken over gekoppelde informatie.
1968
oN-Line System (NLS)
Officiële naam van het systeem in de ‘Mother of All Demos’
Baanbrekend systeem van Douglas Engelbart met muis en interactieve tekstbewerking – pijlers van moderne interactie.
1968
Augment
Getoond in de legendarische ‘Mother of All Demos’
Een van de eerste hypertektsystemen om het menselijk denken te versterken – een mijlpaal in de interactie met digitale systemen.
1980
Enquire
Ontwikkeld door Tim Berners-Lee bij CERN – voorloper van het web
Eerste hypertekstsysteem van Berners-Lee dat gekoppelde informatie concretiseerde en het web inspireerde.
1980
Tangle
Experimenteel systeem van Tim Berners-Lee
Bouwde voort op de ideeën van Enquire met focus op complexe informatienetwerken.
1987
HyperCard
Geïntroduceerd door Apple – vereenvoudigde het maken van gekoppelde content
Tool om interactieve, gekoppelde content te maken – voorloper van veel moderne webapps.
1989
World Wide Web
Concept uit 1989; eerste website online in 1991
Hypertekstsysteem van Tim Berners-Lee dat gekoppelde informatie populair maakte en de kennistoegang revolutioneerde.
Waarom hypertekst belangrijk is
De basis van moderne webontwikkeling
Voordat het web bestond, ontstond het idee van hypertekst: informatie met elkaar verbinden.
Dit concept vormt de oorsprong van wat we vandaag kennen als het internet en moderne webontwikkeling.
Wie de geschiedenis van hypertekst begrijpt, ziet ook de fundamenten waarop HTML, CSS, JavaScript en andere webtechnologieën zijn gebouwd.
Wat hypertekst vandaag betekent
Van links en SEO tot een schone informatiearchitectuur
SEO begint bij structuur
Als je hypertekst begrijpt, begrijp je ook beter waarom interne links, semantiek en context belangrijk zijn voor zoekmachines.
Problemen beginnen vaak bij structuur
Onduidelijke navigatie, chaotische paginarelaties en ontbrekende hiërarchie zijn zelden designproblemen. Het zijn structuurproblemen.
Ontwikkeling van het informatienetwerk
Van statische websites naar kunstmatige intelligentie
1990er
Web 1.0
Statische pagina’s, HTML en eenvoudige CSS
Web 1.0 was voornamelijk documentgericht. Gebruikers konden informatie lezen maar nauwelijks eigen inhoud maken.
2000er
Web 2.0
Sociale netwerken, JavaScript, AJAX
Met Web 2.0 werd het internet interactiever. Gebruikers konden nu inhoud maken, reageren en delen.
2010er
Web 3.0
Semantisch web, API’s, Linked Data
In Web 3.0 staan gegevens centraal. Informatie is beter verbonden en machineleesbaar, waardoor intelligente toepassingen mogelijk worden.
2020er
Web 4.0
Intelligente systemen, AI, gepersonaliseerde ervaringen
Web 4.0 combineert kunstmatige intelligentie met het internet. Het doel is een zelflerend, contextbewust en sterk gepersonaliseerd web.
Elke webfase lost een probleem op en creëert een nieuw probleem
Vooruitgang op het web blijft altijd een ruil
Web 1.0
Statische pagina’s maakten kennis toegankelijk, maar gebruikers konden nauwelijks reageren, deelnemen of invloed uitoefenen.
Web 2.0
Interactie werd eenvoudiger, maar platforms kregen enorme controle over content, bereik en data.
Web 3.0
Data werd gestructureerder en beter verbonden, maar ook complexer, moeilijker te modelleren en vaak lastiger goed te gebruiken.
Web 4.0
Context en AI beloven betere systemen, maar brengen ook nieuwe vragen over afhankelijkheid, herleidbaarheid en kwaliteit.
Basis van het Web
De bouwstenen waarop alles steunt
Het moderne web is gebaseerd op een aantal kerntechnologieën die de structuur en functionaliteit bepalen.
HTML vormt de ruggengraat door de inhoud te structureren, CSS zorgt voor ontwerp en lay-out, terwijl JavaScript interactiviteit en dynamiek mogelijk maakt.
Samen vormen deze hulpmiddelen het fundament waarop elke website en webapplicatie wordt gebouwd.
Mijlpalen van webontwikkeling
Inzichten in moderne webontwikkeling
2010
Single Page Applications (SPA)
Naadloze UX zonder volledige herlaad
Dynamische, interactieve apps met asynchrone laadprocessen – bekend door frameworks als React en Vue.
2011
Web Components
Hergebruikbare, platformonafhankelijke UI-bouwstenen
Aangepaste HTML-elementen die overal herbruikbaar zijn; mogelijk gemaakt door standaarden als Shadow DOM en Custom Elements.
2011
WebRTC
Realtime communicatie in de browser
Audio, video en data zonder plugins – fundament van moderne communicatietools.
2015
Progressive Web Apps (PWA)
Snel, betrouwbaar en platformonafhankelijk
Combineren het beste van websites en native apps: offline, pushmeldingen en app-achtige ervaring in de browser.
2015
Service Worker en Web Push
Offlinefuncties en meldingen
Maken offline toegang en realtime meldingen mogelijk – geven PWA’s kracht en flexibiliteit.
2015
Jamstack
Architectuur voor snelle en veilige sites
Ontkoppelt frontend en backend; combineert statische levering met dynamische API’s voor performance en veiligheid.
2015
Brotli-compressie
Hogere compressie dan Gzip
Snellere laadtijden dankzij efficiëntere compressie en minder dataverbruik.
2017
WebAssembly (WASM)
Hoge prestaties op het web
Bijna native performance door gecompileerde code (zoals C++/Rust) in de browser uit te voeren.
2018
HTTP/3 en QUIC
Efficiëntere verbindingen via UDP
Snellere, stabielere verbindingen met lagere latency – vooral op mobiele netwerken.
2021
Privacy Sandbox
Privacy-initiatief voor een cookieloze web
Verbeterde privacy zonder third-party cookies met behoud van relevante advertenties.
2022
WebTransport
Realtime data over UDP
Maakt krachtige realtime communicatie mogelijk voor games, streaming en meer.
2022
Container Query CSS
Meer flexibiliteit voor responsive design
Regels op basis van containergrootte in plaats van viewport – veel betere layoutcontrole.
2023
WebGPU
Moderne vervanger voor WebGL
Directe GPU-toegang voor 3D en ML in de browser – aanzienlijk betere prestaties.
Waarom moderne technologieën bestaan
Nieuwe tools ontstaan omdat oude grenzen pijn doen
Moderne webontwikkeling is interessant, maar vooral een reactie op echte knelpunten. De kernvraag is niet alleen wat nieuw is, maar welk probleem ermee opgelost moet worden.
SPA
Single Page Applications ontstonden om interactie vloeiender te maken. Daarvoor in ruil werden navigatie, initiële laadtijd en SEO veel lastiger.
HTTP/3
HTTP/3 bestaat omdat TCP en klassieke verbindingen hun grenzen bereiken bij latency en pakketverlies. QUIC reageert precies op dat probleem.
WebGPU
WebGPU is niet zomaar een nieuw API-label. Het is een antwoord op de behoefte aan meer grafische en rekenkracht direct in de browser.
TTT: Tips – Tricks – Tools
Blog webontwikkeling
Ontdek in deze blog waar webontwikkeling zijn oorsprong heeft en krijg handige tips, linkverzamelingen, blogartikelen en ook digitale documenten en videocursussen om je verder in het onderwerp te verdiepen.
Van het documentgerichte, statische Web 1.0, via een sociaal Web 2.0 en een semantisch Web 3.0, tot aan een intelligent Web 4.0.
Ontdek hoe moderne webontwikkeling vandaag de dag wordt vormgegeven: leer de nieuwste technologieën en trends kennen, krijg praktische handleidingen en toegang tot waardevolle resources zoals tools, frameworks en online communities die je helpen je projecten naar een hoger niveau te tillen.