SE1 Informatie
Periode 2
HTML + CSS Website
- HTML + CSS + Website -> PO1
- Gebruik p5js.org -> Start Coding en gebruik dit voorbeeld (unicorn)
- Een HTML Topbar van w3schools.
- Bedenken en uitwerken van een algoritme. Een love meter, bijvoorbeeld. Wat die moet doen? Dan is er ook: hoe moet die dat dan doen? Zeg er iets over en maak de codeRealiseren van je algoritme in Javascript en in je site monteren
- jsfiddle bannet ons
- https://editor.p5js.org/ = de aanbevolen editor
- HTML Handleiding
- Een javascript code met button aansturen
- Klaar: 1 februari. Lever in: zipmap via SOM met een korte uitleg in text of in de webpagina hoe je algoritme werkt.
Tooling
Notepad++
is nu geinstalleerd op de pcs- Of gebruik op je eigen pc VS Code
- JSFiddle
- P5JS.org -> De Editor: https://editor.p5js.org/
Rubrics
tot 3 | 5 | 7 | 8 | 9 en hoger | 10 | |
Algemeen | ||||||
HTML | Deze HTML code heeft meer dan 3 basis syntax fouten | Je HTML basis pagina is niet compleet | Je hebt codes als img en a href Je hebt een topbar die werkt (op p5js.org defect) | Een ouderwetse tabel layout of met heel veel div’s. Je gebruikt ook codes die je niet van de docent hebt geleerd. | Je gebruikt een framework als bootstrap of je website ziet er uitermate professioneel uit. | (9) plus je host de site zelf op een eigen of gehuurde server. Een saas-oplossing als replit, jsfiddle, p5js telt hierbij niet, een git-repo met website wel. |
CSS | Sommige pagina’s missen de CSS code. | Op elke pagina aanwezig maar niet op elke pagina dezelfde code | Je hebt aanpassingen voor kleuren van letters, achtergrond | Je hebt ook lettertypes aangepast bijv Google Fonts of eigen geupload font. | Je vormgeving heeft een totaalconcept waardoor er een sterke branding is en een uniform gevoel over alle pagina’s | Je hebt ook rekenoing gehouden met mensen met beperkingen zoals slechtzienden en kleurenblinden. Geef aan in de code als comment hoe dat werkt bij ou. |
JS | Je javascript is defect of absent | Een geript algoritme of je kunt niet uitleggen hoe het werkt | Een bestaand algoritme omgebouwd naar je eigen zin | Je hebt een origineel maar eenvoudig en effectief algoritme bedacht | Je hebt een complex algoritme bedacht dat de illusie geeft van een echte match. Je coding style is “eigen functies”. | Je coding style is een mix van eigen classes, eigen functies en gebruikte libraries van derden. |
SE Schriftelijke Toets over Hardware
Website Links