MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Van start met het Web is een beknopte reeks die je laat kennismaken met de praktische aspecten van webontwikkeling. Je zal de hulpmiddelen opzetten die je nodig hebt om een eenvoudige webpagina te maken en je eigen eenvoudige code te publiceren.

Het verhaal van jouw eerste website

Er steekt veel werk in een professionele website, dus als je nog niet veel over webontwikkeling weet, adviseren we je om klein te beginnen. Je zal niet onmiddellijk een nieuwe Facebook maken, maar het is niet moeilijk om jouw eigen eenvoudige website online te krijgen, dus zullen we daarmee beginnen.

Als je de artikelen hieronder volledig doorwerkt, zal je van nul kennis kunnen doorgroeien tot je je eerste webpagina online hebt gezet.  Laten we beginnen!

Basissoftware installeren

Op het vlak van hulpmiddelen is er voor de bouw van een website veel keuze. Als je net start, zou je in de war kunnen raken door de vele code-editors, frameworks en testsoftware die er bestaan. In Basissoftware installeren tonen we je stap voor stap hoe je enkel die software installeert die je nodig hebt om te starten met webontwikkeling.

Hoe gaat jouw website eruitzien?

Voor je de code voor je website begint te schrijven, moet je eerst plannen. Welke informatie ga je tonen? Welke lettertypes en kleuren ga je gebruiken? In Hoe gaat jouw website eruitzien? geven we jou een eenvoudige methode die je kan volgen om de inhoud en het design van jouw website te plannen.

Omgaan met bestanden

Een website bestaat uit veel bestanden: tekstinhoud, code, stijlbestanden, media-inhoud enzovoort. Wanneer je een website bouwt, moet je deze bestanden samenvoegen in een doordachte structuur en ervoor zorgen dat ze met elkaar kunnen communiceren. Omgaan met bestanden legt uit hoe je een doordachte bestandsstructuur maakt voor jouw website en van welke problemen je je bewust moet zijn.

De basisbegrippen van HTML

Hypertext Markup Language (HTML) (Nederlands: opmaaktaal voor gelinkte tekst) is de code die je gebruikt om jouw webinhoud te structureren en er een betekenis en doel aan te geven. Bijvoorbeeld: bestaat de inhoud uit een aantal paragrafen of een lijst met een aantal punten? Staan er afbeeldingen op mijn pagina? Heb ik een datatabel? Zonder je te overdonderen geeft De basisbegrippen van HTML je genoeg informatie om je vertrouwd te maken met HTML.

De basisbegrippen van CSS

Cascading Stylesheets (CSS) (Nederlands: waterval-stijlbestanden) is de code waarmee je beslist hoe je website eruit zal zien. Wil je bijvoorbeeld rode of zwarte tekst? Waar moet de inhoud op het scherm staan? Welke achtergrondafbeeldingen en kleuren moeten gebruikt worden om je website te verfraaien? De basisbegrippen van CSS geeft je de informatie om van start te gaan.

De basisbegrippen van JavaScript

JavaScript is de programmeertaal die je gebruikt om interactieve functionaliteit aan jouw website toe te voegen zoals bijvoorbeeld games, dingen die gebeuren wanneer knoppen ingedrukt worden of data die ingevuld wordt in formulieren, dynamische stijleffecten, animaties en nog veel meer. De basisbegrippen van JavaScript geeft je een idee van wat mogelijk is met deze interessante taal en hoe je ermee start.

Jouw website publiceren

Eens je klaar bent met je code en de organisatie van de bestanden waaruit jouw website bestaat, moet je alles online zetten zodat mensen hem kunnen vinden. Jouw website publiceren beschrijft hoe je jouw voorbeeldcode online krijgt met een minimale inspanning.

Hoe werkt het web?

Wanneer je jouw favoriete website bezoekt, gebeuren er heel wat ingewikkelde dingen in de achtergrond waar je misschien nog niets over weet. Hoe werkt het web?  behandelt in grote lijnen wat er gebeurt als je een webpagina bekijkt op jouw computer.

Documentlabels en -medewerkers

 Aan deze pagina hebben bijgedragen: mientje, physicbits, BangFizz, hermansje
 Laatst bijgewerkt door: mientje,