Bij de training worden de volgende boeken gebruikt. Je hoeft ze niet aan te schaffen. Je krijgt ze bij de training-, of op voorhand uitgereikt.
- Web Development Library - HTML5,
- Web Development Libraray - CSS3,
- Web Development Library - JavaScript, 2e editie.
Hieronder per titel een aanbevolen leeswijzer. De praktijkoefeningen aan het einde van elk hoofdstuk mag je thuis uitvoeren, maar komen ook in de training ter sprake. Besteed hier op voorhand dus niet al te veel tijd aan.
Bij een aantal paragrafen staat ter kennisname, maar het kan zijn dat dit onderdeel voor jouw werk juist heel belangrijk is. Wees hier kritisch op.
- Helemaal doorlezen, ter informatie. Praktijkoefeningen naar keuze.
- Paragraaf
WhatWGis minder belangrijk. - Lees de verschillen tussen HTML en CSS.
- Lees de verschillen tussen Client- en Server-technologieen.
- Om te oefenen met Chrome Developer tools: de oefening op p.28.
- Praktijkoefeningen p.34 - naar keuze. Niet verplicht.
- Paragrafen
Theoriep. 40 t/m 51: lezen. Belangrijk. - Paragrafen
Praktijk, p.51 t/m 68: lezen. Basiskennis voor elke webdesigner. - Praktijkoefeningen p.69 - naar keuze.
- Doornemen op globaal niveau. Belangrijk als je zelf complete websites gaat ontwerpen, maar minder belangrijk als jouw code ("snippets") binnen andere sites worden gebruikt en bijvoorbeeld worden ingevoegd via een CMS of een externe tool.
- Structuurvoorbeelden op p.99 en 102: begrijpen, kunnen lezen.
- Vervallen elementen op p.109: doorlezen. Deze elementen gebruik je liever niet meer in moderne websites.
- p.116 - 124 - Doornemen, globale kennis van hebben.
- p. 124, lijsten: essentiele kennis. Wordt enorm veel gebruikt in HTML. Goed kennen.
- p.131,
figureenfigcaption, wordt minder gebruikt. Ter kennisname. p.134, speciale tekens: doorlezen.
- p.142 e.v., koppelingen: essentieel. Goed kennen.
- p.149, bladwijzers: globaal doorlezen.
- p.157, Absolute en Relatieve koppelingen: goed lezen.
- Rest van het hoofdstuk: globaal doorlezen.
- p.172-182, verschillen tussen afbeeldingstypen - doorlezen en globaal kennen. Weten wanneer je welk type afbeelding wilt gebruiken (gif, jpg, png).
- p.182-185, essentiel. Goed lezen.
- p.186-205 Inline frames en overige media: globaal doorlezen. Lees goed de onderdelen die mogelijk specifiek voor jou van belang zijn (Video, audio).
- p.210-223 - structuur en inhoud van tabellen: goed doorlezen. Komt erg vaak terug in websites.
- p. 223, Formulieren: structuur goed kennen.
- p. 231 e.v. - diverse formulierelementen: goed lezen. Komt ook in de training aan de orde.
- p.253, formulier verzenden: theorie goed begrijpen. Eventueel toepassen op eigen formulier met test-website die in het boek wordt genoemd (www.kassenaar.com/hcj/testform.asp)
- Globaal doorlezen, niet elementair voor de training (maar wel leuke achtergrondinformatie).
- Geschiedenis van CSS doornemen. Paragrafen over browsers, editor etc. is inmiddels bekend. Mag je snel doorbladeren.
- Belangrijk hoofdstuk. Helemaal doorlezen. Probeer de codevoorbeelden zelf uit te voeren en goed te volgen.
- Kennis van de syntaxis (schrijfwijze) en regels van CSS is cruciaal. Lees deze goed. Voer eventueel de inline praktijkoefeningen uit.
- Deel over
viewportminder belangrijk.
- p.56, eigenschappen voor lettertypen - doorlezen en kennen.
- p.67, werken met @font-face, interessant, eventueel zelf mee oefenen. Vooral goed idee als je eens iets anders wilt dan de standaard lettertypen op internet.
- p.73, eigenschappen voor tekst: globaal doorlezen.
- p.79 e.v., Lijsten en menu's opmaken: doorlezen. Wordt veel gebruikt in webdesign.
- Lastige inhoud, maar cruciaal als je meer complexe stijlen wilt schrijven en gebruiken. Goed lezen.
- p.101 -
classselector: belangrijk. - p.104 -
idselector: belangrijk. - p.106 - combinators: belangrijk.
- p.107 e.v. : Pseudo classen en -elementen. Minder vaak toegepast, maar goed om te weten.
- p.124 - boxmodel met
padding,marginenborder, goed kennen. Komt bij vrijwel elke CSS-regel terug. box-sizing, idem.- p.138 - weergavemodel: vooral
display: blockendisplay: inlinekennen. - p.142 e.v. Positionering: ter kennisname.
absolute,relativeenfixedpositionering: idem.float: idem.
- p.160, kleurwaarden: notatie (her)kennen.
- p.162,
hslenopacityenhsla: globaal kennen. - p.165, tekstkleur: doorlezen.
- p.173, kleurverlopen: ter kennisname.
- p.180, schaduw: ter kennisname.
- hele hoofdstuk: ter kennisname.
- Vooral interessant als je zelf complete websites wilt lay-outen met CSS.
- Van belang als je responsive websites wilt bouwen.
- hele hoofdstuk: ter kennisname
- Geschiedenis en rol van JavaScript begrijpen.
- p.13-20 - voorbeelden begrijpen.
- p.27 - praktijkoefeningen - maken.
- p.35, variabelen: goed lezen en begrijpen.
- p.39, gegevenstypen: doorlezen.
- p.41-50, boolean, strings, numbers: goed begrijpen.
- p.54, typen operatoren kennen.
- p.55-62, voorbeelden operatoren doornemen.
- p.62, operator
?...:ter kennisname. - p.68, haakjes: kennen.
- Hele hoofdstuk: SUPER belangrijk.
- Onderdeel
functies: kennen: definitie, invoking, parameters, anonieme functies. - Onderdeel
Arrays: kennen: indexnotatie, elementen opvragen, elementen toevoegen. - kennen: arrayfuncties zoals .pop(), .push(), .sort() etc.
- Onderdeel
Objecten: kennen: notatie, accolades, dubbele punt, komma's. Waarden van objecten uitlezen.
- p.104,
if-else, goed kennen. - p.109,
while, minder belangrijk. Globaal doorlezen. - p.111,
for, goed kennen. - p.118, praktijkoefeningen: goede cases om mee te oefenen.
- p.122, theorie achter events en callbacks kennen.
- p.125-137, event handlers: doorlezen en voorbeelden snappen.
- p.137, klikken op knop afvangen: begrijpen wat er gebeurt.
- p.140-150 overige events: begrijpen wat er gebeurt.
- p.152 - theorie achter DOM begrijpen.
- p.155-164, elementen in het DOM selecteren: erg belangrijk. Goed snappen.
- p.164-174, minder belangrijk. Doorlezen.
- Hele hoofdstuk: ter kennisname. Komt in de training waarschijnlijk minder aan de orde.
- Hele hoofdstuk: ter kennisname. Komt in de training waarschijnlijk minder aan de orde.
Vragen, op- en aanmerkingen welkom: Peter Kassenaar, [email protected]