Badges/Web-3 - Bewerkingsoverzicht

Eelco: Eelco heeft de pagina Badges/HTML-3 hernoemd naar Badges/Web-3 zonder een doorverwijzing achter te laten

2016-03-18T08:57:06Z

Eelco heeft de pagina Badges/HTML-3 hernoemd naar Badges/Web-3 zonder een doorverwijzing achter te laten

← Oudere versie	Versie van 18 mrt 2016 10:57
(geen verschil)

Eelco op 18 mrt 2016 om 08:55

2016-03-18T08:55:59Z

← Oudere versie		Versie van 18 mrt 2016 10:55
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/Web-3\|Web-3]]		\|module=[[heeft-module:: Modules/Web-3\|Web-3]]
	}}{{Zijbalk Badges}}		}}{{Zijbalk Badges}}
	== Badge Web-3 ==		== Badge Web-3 ==

Eelco op 18 mrt 2016 om 08:55

2016-03-18T08:55:22Z

← Oudere versie		Versie van 18 mrt 2016 10:55
Regel 2:		Regel 2:
	\|status=In bewerking		\|status=In bewerking
	\|auteur= [[Gebruiker:Eelco\|Eelco Dijkstra]]		\|auteur= [[Gebruiker:Eelco\|Eelco Dijkstra]]
	\|module=[[Modules/~~HTML~~-3\|~~HTML~~-3]]		\|module=[[Modules/Web-3\|Web-3]]
	}}{{Zijbalk Badges}}		}}{{Zijbalk Badges}}
	== Badge ~~HTML~~-3 ==		== 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 ===

	* ~~HTML~~-1; ~~HTML~~-2		* Web-1; Web-2
	* JS-1		* JS-1
	* Python-1		* Python-1

Eelco: Nieuwe pagina aangemaakt met '{{Badge-status |status=In bewerking |auteur= Eelco Dijkstra |module=HTML-3 }}{{Zijbalk Badges}} == Badge HTML-3 == Je kunt e...'

2016-03-15T08:28:58Z

Nieuwe pagina aangemaakt met '{{Badge-status |status=In bewerking |auteur= Eelco Dijkstra |module=HTML-3 }}{{Zijbalk Badges}} == Badge HTML-3 == Je kunt e...'

Nieuwe pagina

{{Badge-status
|status=In bewerking
|auteur= [[Gebruiker:Eelco|Eelco Dijkstra]]
|module=[[Modules/HTML-3|HTML-3]]
}}{{Zijbalk Badges}}
== Badge HTML-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 ===

* HTML-1; HTML-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?)