Wat is webontwikkeling? Een complete gids
Webontwikkeling is het werk om een ontwerp en een set eisen om te zetten in een site die draait: de opmaak en styling die een bezoeker ziet, de serverlogica en gegevens erachter, en de uitrol en het onderhoud die het geheel werkend houden.
Deze gids behandelt wat de term omvat, hoe het verschilt van webdesign, wat de scheiding tussen front-end en back-end in de praktijk betekent, en welke onderdelen een bepaald project nodig heeft.
Wat de term omvat#
«Webontwikkeling» wordt gebruikt voor alles, van een thema installeren tot een applicatie op maat bouwen. Wat constant blijft is de volgorde: eisen worden sjablonen, sjablonen worden pagina's, pagina's krijgen gegevens, en het geheel wordt uitgerold, gemeten en onderhouden.
Ontwerp bepaalt hoe het eruitziet en hoe het zich gedraagt. Ontwikkeling laat het bestaan, laat het snel draaien, laat het echte content overleven en houdt het werkend na de lancering.
- Front-end: de HTML, CSS en JavaScript die in de browser van de bezoeker draaien.
- Back-end: de servercode, de database en de API's die gegevens leveren en opslaan.
- CMS-werk: sjablonen en velden zodat niet-ontwikkelaars content veilig kunnen bewerken.
- Koppelingen: betaling, CRM, e-mail, statistieken, verzending, boeking, ERP.
- Infrastructuur: hosting, domeinen, certificaten, CDN, back-ups, uitrol.
- Kwaliteit: testen, snelheid, toegankelijkheid, beveiliging, monitoring.
Webontwikkeling versus webdesign#
De twee termen worden vaak samen geoffreerd en zijn werkelijk verschillende vakken. Bij kleine projecten doet één persoon beide; bij grotere zijn het verschillende mensen, en weten wat je koopt voorkomt een hele categorie geschillen.
| Webdesign | Webontwikkeling | |
|---|---|---|
| Vraag | Hoe moet het eruitzien en zich gedragen? | Hoe wordt het gebouwd zodat het werkt? |
| Oplevering | Wireframes, visuele ontwerpen, een componentsysteem | Werkende sjablonen, datamodellen, een uitgerolde site |
| Belangrijkste gereedschap | Ontwerpsoftware, prototypehulpmiddelen | Code-editors, versiebeheer, buildhulpmiddelen, een CMS |
| Faalt als | Een site die verwarrend is of niet bij het merk past | Een site die traag is, breekt of niet te bewerken is |
| Wijzigingen kosten | Minuten in de wireframefase | Uren tot dagen zodra het gebouwd is |
Maakt een offerte geen onderscheid, vraag dan wat er gebeurt als je al een ontwerp hebt. Het antwoord vertelt je welk werk er werkelijk wordt beprijsd.
Front-end en back-end in de praktijk#
De scheiding gaat over waar code draait, niet over senioriteit. Front-endcode draait in de browser van de bezoeker en gaat dus over weergave, interactie, responsiviteit en toegankelijkheid. Back-endcode draait op een server en gaat dus over gegevens, authenticatie, bedrijfsregels en koppelingen.
Een marketingsite kan bijna volledig front-end zijn met een CMS dat de content levert. Een webshop of applicatie vraagt aanzienlijk back-endwerk, omdat geld, voorraad en accounts regels hebben die je niet aan een browser kunt toevertrouwen.
| Type site | Gewicht front-end | Gewicht back-end |
|---|---|---|
| Brochuresite op een CMS | Het meeste werk | Alleen sjablonen en velden |
| Contentsite met zoeken en filteren | Hoog | Gemiddeld — indexering en queries |
| Webshop | Hoog | Hoog — catalogus, afrekenen, btw, afhandeling |
| Boekings- of afsprakensite | Gemiddeld | Hoog — beschikbaarheid, conflicten, meldingen |
| Webapplicatie | Hoog | Zeer hoog — accounts, rechten, bedrijfslogica |
Wat een webontwikkelproject werkelijk oplevert#
Naast «de site» zijn dit de opleveringen die het waard zijn in de overeenkomst te benoemen — want hun afwezigheid valt pas op wanneer je ze nodig hebt, meestal wanneer de oorspronkelijke ontwikkelaar niet meer beschikbaar is.
- De broncode, in een repository waar jij toegang toe hebt.
- Toegang tot hosting, domein en alle accounts bij derden, op jouw naam.
- Een gedocumenteerde manier om een wijziging uit te rollen, niet één persoon die weet hoe.
- Een CMS of beheeromgeving met de contenttypes die jouw team werkelijk bewerkt.
- Back-ups die één keer zijn teruggezet, zodat je weet dat ze werken.
- Documentatie van de koppelingen en waar hun inloggegevens staan.
- Training of een overdrachtssessie voor wie de content gaat onderhouden.
De waardevolste bepaling in een webontwikkelcontract is die welke zegt dat de code en de accounts van jou zijn. Al het andere valt te heronderhandelen; die ene niet, zodra de samenwerking eindigt.
Veelgestelde vragen
Is webontwikkeling hetzelfde als websiteontwikkeling?
In de meeste contexten worden de termen door elkaar gebruikt. «Webontwikkeling» is iets breder en omvat vaak applicaties en API's die niet echt websites zijn; «websiteontwikkeling» impliceert doorgaans een site met pagina's en content. In een opdracht telt niet de term maar of het project eigen bedrijfslogica heeft — dat verandert de kosten en het benodigde profiel.
Heb ik een ontwikkelaar nodig als ik een websitebouwer gebruik?
Vaak niet voor een eenvoudige site, en dat is een legitieme keuze. Je wilt er misschien toch een voor de dingen die bouwers slecht doen: snelheid, gestructureerde data, koppelingen met je bestaande systemen, en later migreren. Een gangbaar patroon is het zelf bouwen en iemand erbij halen voor één specifiek probleem in plaats van voor de hele site.
Wat is een full-stackontwikkelaar?
Iemand die aan zowel de front-end als de back-end werkt. Voor kleine en middelgrote webprojecten is één capabele full-stacker meestal de efficiëntste inzet, omdat de overdrachtskosten tussen twee specialisten het dieptevoordeel overtreffen. Bij grote projecten loont specialisatie wel, omdat de vereiste diepte aan elke kant sneller groeit dan één persoon kan bijhouden.
Hoeveel van een website is code en hoeveel content?
Qua inspanning is content meestal de grotere helft en vrijwel altijd het planningsrisico. Een bouw kan af zijn en de site nog weken van lancering verwijderd omdat productbeschrijvingen, foto's en juridische pagina's niet geschreven zijn. Plan de content met dezelfde ernst als de ontwikkelmijlpalen en de lanceerdatum wordt haalbaar.
wat is webontwikkelingwebontwikkelingwebontwikkeling uitgelegdfront-end back-endwebontwikkeling versus webdesignbasis webontwikkeling
