Badges/Web-1 - Bewerkingsoverzicht

Eelco: /* Voorkennis */

2016-03-18T08:44:36Z

Voorkennis

← Oudere versie		Versie van 18 mrt 2016 10:44
Regel 30:		Regel 30:

	* Web-0		* Web-0
	* HTML-1		* HTML-0
	* CSS-0		* CSS-0
	* Javascript-0		* Javascript-0

Eelco op 18 mrt 2016 om 08:44

2016-03-18T08:44:09Z

← Oudere versie		Versie van 18 mrt 2016 10:44
Regel 2:		Regel 2:
	\|status=In bewerking		\|status=In bewerking
	\|auteur= [[Gebruiker:Eelco\|Eelco Dijkstra]]		\|auteur= [[Gebruiker:Eelco\|Eelco Dijkstra]]
	\|module=[[Modules/~~HTML~~-2\|~~HTML~~-2]]		\|module=[[Modules/Web-1\|Web-1]]
	}}{{Zijbalk Badges}}		}}{{Zijbalk Badges}}
	== Badge ~~HTML~~-2 ==		== Badge Web-1 ==

	=== Samenvatting ===		=== Samenvatting ===

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

2016-03-18T08:43:28Z

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

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

Eelco op 15 mrt 2016 om 08:16

2016-03-15T08:16:20Z

← Oudere versie		Versie van 15 mrt 2016 10:16
Regel 12:		Regel 12:
	=== Evidence ===		=== Evidence ===

	Een eigen webpagina waarin je ~~het bovenstaande~~ demonstreert, met:		Een eigen webpagina waarin je de verderop genoemde aspecten demonstreert, met:
	* CSS in een apart bestand, voor de opmaak van enkele elementen;		* CSS in een apart bestand, voor de opmaak van enkele elementen;
	* JavaScript in een apart bestand,		* JavaScript in een apart bestand,
Regel 18:		Regel 18:
	** voor het aanpassen van de DOM op grond van deze interactie.		** voor het aanpassen van de DOM op grond van deze interactie.

	Je moet deze webpagina kunnen demonstreren, en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.		Je moet deze webpagina kunnen demonstreren en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.

	De website voldoet aan de volgende eisen:		De website voldoet aan de volgende eisen:

Eelco op 15 mrt 2016 om 08:13

2016-03-15T08:13:01Z

← Oudere versie		Versie van 15 mrt 2016 10:13
Regel 12:		Regel 12:
	=== Evidence ===		=== Evidence ===

	Een eigen webpagina waarin je ~~de verderop genoemde aspecten~~ demonstreert, met:		Een eigen webpagina waarin je het bovenstaande demonstreert, met:
	* CSS in een apart bestand, voor de opmaak van enkele elementen;		* CSS in een apart bestand, voor de opmaak van enkele elementen;
	* JavaScript in een apart bestand,		* JavaScript in een apart bestand,
Regel 18:		Regel 18:
	** voor het aanpassen van de DOM op grond van deze interactie.		** voor het aanpassen van de DOM op grond van deze interactie.

	Je moet deze webpagina kunnen demonstreren en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.		Je moet deze webpagina kunnen demonstreren, en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.

	De website voldoet aan de volgende eisen:		De website voldoet aan de volgende eisen:
Regel 27:		Regel 27:
	* broncode eenvoudig toegankelijk (bijv. Thimble, JSBin, GitHub)		* broncode eenvoudig toegankelijk (bijv. Thimble, JSBin, GitHub)

	== ~~Criteria~~ ==		=== Voorkennis ===

			* Web-0
			* HTML-1
			* CSS-0
			* Javascript-0

			== Inhoud ==

	=== HTML- en JavaScript-concepten ===		=== HTML- en JavaScript-concepten ===
Regel 62:		Regel 69:
	=== Algemene concepten ===		=== Algemene concepten ===

	* ~~boom-structuur~~		* boomstructuur
	** relaties tussen knopen (elementen) in boom: ouders (parents), kinderen (children)		** relaties tussen knopen (elementen) in boom: ouders (parents), kinderen (children)
	** navigeren		** navigeren in een boom
	** veranderen (manipulatie) van boom		** veranderen (manipulatie) van een boom

	=== Hulpmiddelen ===		=== Hulpmiddelen ===
Regel 72:		Regel 79:
	* developer-tools in de browser		* developer-tools in de browser
	* validatie-tools		* validatie-tools

	~~== Voorkennis ==~~

	* Web-0
	* HTML-1
	* CSS-0
	* Javascript-0

Eelco: /* Evidence */

2016-03-11T10:10:23Z

Evidence

← Oudere versie		Versie van 11 mrt 2016 12:10
Regel 18:		Regel 18:
	** voor het aanpassen van de DOM op grond van deze interactie.		** voor het aanpassen van de DOM op grond van deze interactie.

	Je moet deze webpagina kunnen demonstreren, en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.		Je moet deze webpagina kunnen demonstreren en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.

	De website voldoet aan de volgende eisen:		De website voldoet aan de volgende eisen:

Eelco: /* Evidence */

2016-03-11T10:09:54Z

Evidence

← Oudere versie		Versie van 11 mrt 2016 12:09
Regel 12:		Regel 12:
	=== Evidence ===		=== Evidence ===

	Een eigen webpagina waarin je ~~het bovenstaande~~ demonstreert, met:		Een eigen webpagina waarin je de verderop genoemde aspecten demonstreert, met:
	* CSS in een apart bestand, voor de opmaak van enkele elementen;		* CSS in een apart bestand, voor de opmaak van enkele elementen;
	* JavaScript in een apart bestand,		* JavaScript in een apart bestand,

Eelco op 11 mrt 2016 om 10:09

2016-03-11T10:09:02Z

← Oudere versie		Versie van 11 mrt 2016 12:09
Regel 10:		Regel 10:
	Je kunt een website maken met interactie met de gebruiker, via JavaScript.		Je kunt een website maken met interactie met de gebruiker, via JavaScript.

	== Evidence ==		=== Evidence ===

	Een eigen webpagina waarin je het bovenstaande demonstreert, met:		Een eigen webpagina waarin je het bovenstaande demonstreert, met:

Eelco op 11 mrt 2016 om 10:08

2016-03-11T10:08:22Z

← Oudere versie		Versie van 11 mrt 2016 12:08
Regel 1:		Regel 1:
	{{Zijbalk Badges}}		{{Badge-status
			\|status=In bewerking
			\|auteur= [[Gebruiker:Eelco\|Eelco Dijkstra]]
			\|module=[[Modules/HTML-2\|HTML-2]]
			}}{{Zijbalk Badges}}
	== Badge HTML-2 ==		== Badge HTML-2 ==

Eelco op 11 mrt 2016 om 10:05

2016-03-11T10:05:18Z

← Oudere versie		Versie van 11 mrt 2016 12:05
Regel 2:		Regel 2:
	== Badge HTML-2 ==		== Badge HTML-2 ==

	~~Deze badge geeft aan dat~~ je enkele ~~geavanceerde aspecten~~ van HTML ~~beheerst~~:		=== Samenvatting ===

			Je kunt een website maken met interactie met de gebruiker, via JavaScript.

			== Evidence ==

			Een eigen webpagina waarin je het bovenstaande demonstreert, met:
			* CSS in een apart bestand, voor de opmaak van enkele elementen;
			* JavaScript in een apart bestand,
			** voor de interactie met de gebruiker via enkele input-elementen;
			** voor het aanpassen van de DOM op grond van deze interactie.

			Je moet deze webpagina kunnen demonstreren, en kunnen uitleggen. Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.

			De website voldoet aan de volgende eisen:
			* HTML, CSS en JavaScript in verschillende bestanden;
			* HTML, CSS en JavaScript gevalideerd;
			* HTML, CSS en JavaScript volgens de style-guides.
			* gepubliceerd op het web (eventueel als statische website)
			* broncode eenvoudig toegankelijk (bijv. Thimble, JSBin, GitHub)

			== Criteria ==

			=== HTML- en JavaScript-concepten ===
			Je kent de volgende concepten en kunt deze toepassen in de website:

	'''HTML'''		'''HTML'''
	* HTML tabellen (of HTML-0?)
	* het document object model (DOM)		* het document object model (DOM)
	* attributen - als (naam, waarde) paren		* attributen - als (naam, waarde) paren
Regel 19:		Regel 42:
	** gebruik van css-selectoren (CSS, jQuery)		** gebruik van css-selectoren (CSS, jQuery)
	** toevoegen en verwijderen van een element via de DOM		** toevoegen en verwijderen van een element via de DOM

	* events, en de afhandeling daarvan in Javascript		* events, en de afhandeling daarvan in Javascript
	* interactie met de gebruiker via input-elementen		* interactie met de gebruiker via input-elementen

	'''JavaScript: ~~interactie met de server~~'''		'''JavaScript: persistentie van data'''
	* ~~interactie met de server via JavaScript~~ (~~AJAX~~)		* LocalStorage
	* ~~client-side~~ rendering van templates		* JSON-representatie
			* Eventueel: lokale database (IndexedDB)
			** asynchrone queries

			=== Optioneel ===

			* rendering van lokale templates via JavaScript

	=== Algemene concepten ===		=== Algemene concepten ===

	* boom-structuur		* boom-structuur
	** relaties tussen knopen (elementen) in ~~book~~: ouders (parents), kinderen (children)		** relaties tussen knopen (elementen) in boom: ouders (parents), kinderen (children)
	** navigeren		** navigeren
	** veranderen (manipulatie) van boom		** veranderen (manipulatie) van boom
Regel 35:		Regel 65:
	=== Hulpmiddelen ===		=== Hulpmiddelen ===

			Je beheerst de onderstaande hulpmiddelen voldoende om deze te gebruiken voor de website die je maakt als resultaat:
	* developer-tools in de browser		* developer-tools in de browser
			* validatie-tools
	~~== Evidence ==~~

	~~Maken en publiceren van een meer uitgebreide persoonlijke webpagina, met daarin onder meer:~~
	* ~~gebruik van CSS (in apart bestand) voor opmaak van enkele elementen;~~
	* gebruik van enkele input-elementen met daaraan gekoppeld een handler in JS.

	~~Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer~~-tools ~~van de browser.~~

	== Voorkennis ==		== Voorkennis ==

	* Web-0		* Web-0
	* HTML-1 ~~(voor AJAX)~~		* HTML-1
	* CSS-0		* CSS-0
	* Javascript-0		* Javascript-0