Lektion 5 — Git og JavaScript
Web-sporets første lektion med JavaScript: lær et sikkert samarbejdsflow i Git og gør jeres mockup interaktiv med simpel JavaScript.
Forberedelse
Det forventes, at du har forberedt dig — 30 minutter Git og ca. 45–60 minutter JavaScript (start + DOM).
Program (4 timer)
| Tid | Blok | Indhold |
|---|---|---|
| 20 min | Gennemgang | Opsamling på Git-forberedelsen: commit, branch, merge og remote |
| 10 min | Quiz | Git: commit, branch, merge, push, pull og pull request |
| 40 min | Øvelse 1 | Git-samarbejde — branch, commit, push og pull request |
| 30 min | Gennemgang | JavaScript-primer: variabler, arrays, objekter, funktioner og betingelser |
| 15 min | Quiz | JavaScript: let/const, arrays, objekter, funktioner, betingelser og DOM |
| 40 min | Øvelse 2 | JavaScript i browseren — event, DOM-opslag og opdatering af siden |
| 40 min | Øvelse 2 | Brug JavaScript-interaktion på projektets mockup |
Der er afsat 45 minutter til pauser, som lægges ind undervejs.
Slides
Øvelser
Øvelserne står samlet her, med mere uddybning end på slidesne:
Efter lektionen kan du
- forklare forskellen på et workspace, et lokalt repository og et remote repository
- arbejde på en branch, lave meningsfulde commits og oprette en pull request
- forklare grundlæggende JavaScript med variabler, arrays, objekter, funktioner og betingelser
- koble en JavaScript-fil til en HTML-side
- reagere på et klik og læse fra eller skrive til DOM'en
- bruge en lille JavaScript-interaktion i jeres projekt-mockup