Webbutveckling 1 · område 6 · v.2–6
Interaktivitet med moduler
Elva lektioner där sajten får JavaScript. Tre genomgångar och sju arbetspass. Målet är inte att du ska kunna programmera från grunden – det är att du ska kunna läsa färdig kod, koppla in den, och ändra det som ska ändras utan att ha den sönder.
- 22 jan Första modulen ska fungera Ingen inlämning – men den som fastnat här fastnar på något litet, och det är lättare att laga nu.
- 5 feb Inlämning kl 23:59 Projekt 5 – repo-länken lämnas i itslearning.
- 8 feb Prov 4 – läsa och anpassa kod Skriftligt prov utan dator.
Material
Områdets uppslagsbok. Femton avsnitt från vad JavaScript gör till hur man läser ett felmeddelande, med felsökning, snabbreferens och ordträning.
Bibliotek ModulbiblioteketDe sex modulerna. Vad var och en gör, HTML:en den kräver, koden att kopiera, vad du får ändra – och kraven om du vill skriva den själv.
Uppgift Projekt 5Områdets projekt. Minst två moduler inbyggda och anpassade i din egen sajt. Kraven i tre nivåer och matrisen. Deadline 5 februari.
I guiden går koden inte att markera – den är till för att skrivas av, och avskrivningen är en del av att lära sig läsa kod.
I modulbiblioteket går den att kopiera. Modulerna ska du använda, inte träna på att skriva.
F12, fliken Console. Nästan varje fel du kommer att få står där, med filnamn och radnummer. JS-guiden avsnitt 9 säger hur du läser det.
Lektionerna
Missade du ett pass? Sista kolumnen pekar på det du behöver läsa för att komma ikapp.
| Datum | Vad vi gör | Missade du passet? |
|---|---|---|
| fre 15/1 | Vad JavaScript gör. Vi läser en modul tillsammans och förklarar vad varje rad gör. Variabel, funktion, händelse, villkor. Uppgiften delas ut. | Guiden 1–7 |
| mån 18/1 | Koppla in en modul. Script-taggen, defer, var filen ligger och varför sökvägen spelar roll. Konsolen som felsökningsverktyg. | Guiden 8–9 |
| tis 19/1 | Anpassa en modul. Vad som är säkert att ändra och vad man inte ska röra. Vi bygger in mörkt läge tillsammans. | Guiden 10–11 |
| fre 22/1 | Arbetspass. Eget projekt med handledning. Första modulen ska fungera här. | Modulbiblioteket |
| mån 25/1 | Arbetspass. Andra modulen byggs in. | Vilken ska du välja? |
| tis 26/1 | Arbetspass. Anpassningen: texter, klassnamn och inställningar som hör hemma i din sajt. | Guiden 10 |
| fre 29/1 | Arbetspass. Tangentbordstest och mobil. Fungerar modulerna för den som inte använder mus? | Kraven |
| mån 1/2 | Arbetspass. A-spåret: skriv en egen modul ur kravlistan, utan att titta på originalet. | Skriv den själv |
| tis 2/2 | Arbetspass. README.md: vilka moduler, var, och varför just de. |
Kraven |
| fre 5/2 | Sista finputs. Validera, testa i två webbläsare, kontrollera att konsolen är tom. Deadline 23:59. | Innan du lämnar in |
| mån 8/2 | Prov 4. Läsa och anpassa kod. Skriftligt utan dator. | Snabbreferensen |
Vad du kan efter området
- Säga vad JavaScript gör som HTML och CSS inte kan.
- Läsa en modul rad för rad och förklara vad varje rad gör.
- Känna igen de fem byggstenarna: variabel, funktion, händelse, villkor och lista.
- Koppla in en modul i din egen sajt – rätt fil, rätt plats, rätt sökväg.
- Öppna konsolen, läsa ett felmeddelande och hitta raden det handlar om.
- Ändra en modul utan att ha den sönder.
- Byta klassnamn i en modul så att den passar din HTML.
- Svara på frågan "vad händer om JavaScript inte körs?" för varje modul du byggt in.