Het internet: de buurtsite van Noor

Het verhaal

Na Ruimtevaart komt de aarde weer in beeld: een buurt die online wil. Noor maakt de eerste pagina, geeft hem kleur, schrijft de nieuwspagina, bouwt een knop met JavaScript, een ledenlijst, een zoekfunctie, de huisstijl, een filter, een agenda, het aanmeldformulier en de server; aan het eind gaat de buurtsite live.

Wat je kind leert

HTML: een kop, een alinea, een lijst, een link, een formulier met label en knop. CSS: kleuren, borders, padding, en één regel die overal werkt. JavaScript: een functie met return, arrays en strings (for…of, .toUpperCase()), filteren: dezelfde ideeën als in Python, andere tekens. En in Python: zoeken in een lijst zonder .index(), de eerste echte algoritme-opdracht. Alles met zichtbare tests; verborgen tests komen pas op Planeet Progio.

Veilig

De HTML van je kind wordt gelezen en gecontroleerd, nooit uitgevoerd op de pagina van Progio; de voorvertoning staat in een afgeschermd kader. JavaScript draait in een sandbox zonder toegang tot de pagina en stopt na drie seconden.

Voor wie

Onderbouw en begin bovenbouw van het voortgezet onderwijs, na Ruimtevaart. Wie hier klaar is, heeft de drie lagen van het web in de vingers en is klaar voor de verborgen tests en algoritmen van het laatste tijdperk. Lees ook HTML en CSS leren en JavaScript voor beginners.