Webbutveckling · område 6
Hittills har din kod varit något: HTML säger vad som finns, CSS hur det ser ut. Nu skriver du kod som gör något när någon använder sajten. Du börjar med att läsa kod som någon annan skrivit, och slutar med att bygga in ljuden och mikrointeraktionerna från Gränssnittsdesign i din egen sajt.
Kraven, bedömningsmatrisen och en checklista du kan bocka av medan du arbetar.
Varför du skriver upp vad sajten klarar utan JavaScript första passet, och bygger rörelsen i CSS innan du skriver en rad kod.
defer och ljudknappen
Var filerna ligger, hur de kopplas in, och vad som gäller för ljudfilernas namn.
Sju saker som fäller projektet. Det vanligaste är onclick i HTML:en.
Sju kontroller för sista passet den 16 mars, i den ordning de ska göras.
Uppslagsboken. Ett avsnitt per pass, utmaningarna, felsökning och en snabbreferens med ordträning.
Sökbar tabell: symptom, trolig orsak och vad du gör åt det.
Femtiosju begrepp med ordträning. Samma ordlista som delades ut första passet. Använd den inför prov 4.
Fyrsajten med de tre skripten – öppna den, klicka, läs koden.
Vad provet är, vad som kan komma och hur du pluggar. Med plugglista att bocka av.
querySelector och ändra deras text, klass och attributaddEventListener, utan JavaScript i HTML:enscript och defer, och veta vad i en modul som är säkert att ändraMissade du ett pass? Sista kolumnen säger var innehållet står.
| Datum | Vad vi gör | Missade du passet? |
|---|---|---|
| 23 feb | Vad JavaScript gör | Guide, avsnitt 1 |
| 24 feb | DOM – dokumentobjektsmodellen | Guide, avsnitt 2 |
| 2 mars | Händelser | Guide, avsnitt 3 |
| 3 mars | Koppla in och anpassa en modul | Guide, avsnitt 4 |
| 9 mars | När JavaScript inte finns | Guide, avsnitt 5 |
| 10 mars | Arbetspass: ljud och mikrointeraktioner byggs in | Guide, avsnitt 6 · Projekt 5 – ska-kraven |
| 16 mars | Arbetspass. Inlämning kl 23:59 | Projekt 5 – innan du lämnar in |
| 17 mars | Prov 4 – JavaScript och DOM | Inför prov 4 |
Sajten ska fungera fullt ut med JavaScript avstängt. Skriv upp vad den klarar första passet, innan den har någon JavaScript: allt på den listan ska fungera på deadlinedagen också. JavaScript lägger till ljud och tillstånd, det bär aldrig innehållet.
Ljudfilerna och värdena för rörelsen tar du fram i Gränssnittsdesign och lämnar över den 8 mars. Den 10 mars bygger du in dem här. Fram till dess arbetar du med det som inte behöver dem: skriptfilerna, modulen och sajten utan JavaScript. Varför ett ljud är 150 ms bestäms där. Här handlar allt om koden som spelar det.
Provet utgår från områdets referensprojekt och prövar att läsa, förutsäga och anpassa kod. Det du gör med modulen i din egen sajt är det du gör för hand på provet.