HTML, CSS en JavaScript zijn de talen die je gebruikt om een website mee te maken. Ze werken samen, en hebben allemaal een andere functie. En ze zien er daardoor ook anders uit.
HTML (Hyper Text Markup Language) is de basis waar de onderdelen van een website mee worden opgebouwd. Het werkt met tags: stukken code tussen de tekens < en >.
Een stuk code begint met een tag, en eindigt met een tag met een slash: /.
Een html bestand begint altijd met de tag <html>, en eindigt dus met </html>.
Binnen de <html> tag is er ook altijd een <head> en een <body>, maar dat zul je verder in de voorbeelden nog wel terugvinden.
In de HTML kun je de teksten op je pagina kwijt, maar ook plaatjes en links naar andere pagina’s.
CSS (Cascading Style Sheets) is er om je website mooier te maken, want met alleen HTML is het nog wat saai. Hiermee kun je kleuren, vormen, lettertypes en een beetje beweging toevoegen aan je pagina.
JavaScript is pas een complete programmeertaal, waarin je ook de onderdelen uit Scratch zult herkennen. Zoals variabelen, functies een Als … dan … blokken ( if { } else { } ).
Met JavaScript kun je de HTML en CSS aanpassen, waardoor je je website pas echt tot leven kunt laten komen
Deze talen moet je als tekst intypen, je kunt dus niet meer slepen met blokken. Wel kun je voorbeelden kopiëren en in je eigen code plakken. Maar als je een foutje maakt, met bijvoorbeeld een bepaald teken te weinig, dan werkt het niet. Maar er kan niets kapot gaan, dus je kunt blijven proberen.
Je kunt op verschillende manieren met de code werken.
Het simpelst is gewoon een eenvoudige teksteditor zoals Kladblok/Notepad die al op je eigen computer staat te gebruiken.
Maar er zijn ook online editors te vinden die het wat makkelijker kunnen maken.
Leerpad
Net als voor Scratch en micro:bit is er een leerpad van Raspberry Pi Projects voor HTML, CSS en JavaScript.
En ook hiervoor zijn er stempelkaarten beschikbaar.
Deze lesjes voor JavaScript zijn nog wel in het Engels.
Raspberry Pi Projects
Op de site van Raspberry Pi Projects staan naast de leerpaden nog meer leuke lesjes om te leren werken met HTML en CSS.
Tip voor in de herfst: Vallende blaadjes in JavaScript.