Badges/Web-3: verschil tussen versies
(Nieuwe pagina aangemaakt met '{{Badge-status |status=In bewerking |auteur= Eelco Dijkstra |module=HTML-3 }}{{Zijbalk Badges}} == Badge HTML-3 == Je kunt e...') |
k (Eelco heeft de pagina Badges/HTML-3 hernoemd naar Badges/Web-3 zonder een doorverwijzing achter te laten) |
||
| (2 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
| Regel 1: | Regel 1: | ||
{{Badge-status | {{Badge-status | ||
|status=In bewerking | |status=In bewerking | ||
|auteur= [[Gebruiker:Eelco|Eelco Dijkstra]] | |auteur= [[heeft-auteur:: Gebruiker:Eelco|Eelco Dijkstra]] | ||
|module=[[Modules/ | |module=[[heeft-module:: Modules/Web-3|Web-3]] | ||
}}{{Zijbalk Badges}} | }}{{Zijbalk Badges}} | ||
== Badge | == Badge Web-3 == | ||
Je kunt een interactieve dynamische website of web-app maken, met server-side scripting en client-side scripting. Je beheerst de beginselen van AJAX en van het afhandelen van asynchrone interacties die daarvoor nodig zijn. | Je kunt een interactieve dynamische website of web-app maken, met server-side scripting en client-side scripting. Je beheerst de beginselen van AJAX en van het afhandelen van asynchrone interacties die daarvoor nodig zijn. | ||
| Regel 16: | Regel 16: | ||
=== Voorkennis === | === Voorkennis === | ||
* | * Web-1; Web-2 | ||
* JS-1 | * JS-1 | ||
* Python-1 | * Python-1 | ||
Huidige versie van 18 mrt 2016 om 09:57
Badge Web-3
Je kunt een interactieve dynamische website of web-app maken, met server-side scripting en client-side scripting. Je beheerst de beginselen van AJAX en van het afhandelen van asynchrone interacties die daarvoor nodig zijn.
Evidence
Een dynamische website of web-app waarin de bovengenoemde concepten gedemonstreerd worden. Je kunt de werking van deze website uitleggen.
De broncode van deze website moet op GitHub beschikbaar zijn. Deze code moet leesbaar zijn, en voldoen aan de relevante stijl-eisen (style guides). De code moet gevalideerd zijn door de relevante validatie-programma's. De website moet gepubliceerd zijn (d.w.z. publiek toegankelijk).
Voorkennis
- Web-1; Web-2
- JS-1
- Python-1
Inhoud
Je beheerst de volgende concepten:
HTML:
HTTP
- Headers: Origin, CORS-headers
Server-side scripting:
- genereren van JSON
- cross-site requests (Cross-origin resource sharing)
JavaScript:
- verwerken van JSON
- afhandelen van asynchrone interacties (o.a. AJAX)
Veiligheid:
- voorkomen van code in gebruikersinvoer
- kennis van cross-site scripting risico's (XSS)
Overige aspecten:
- je mag gebruik maken van jQuery
- publiceren van een dynamische website
Optioneel
- aanbieden van cross-site response (server)
- gebruik van headers hiervoor (Origin; CORS-headers)
- gebruik van React
Vervolgstappen
- webdesign (rekening houdend met de wensen van de opdrachtgever, en van de gebruikers; vormgeving, navigatie, user experience, enz.)
- security: OAuth2 enz.
- JavaScript: promises, en andere bouwstenen voor asynchrone verwerking
- modelleren (datamodellering; modellering van interactie?)