Mörkt tema

Sidebar Navigation

Introduktion

Innan kursstart

⌛️ Innan första lektionen

🎞️ Kamera-policy på kursen

🧞‍ Mina förväntningar

Generellt

🗞️ Uppdateringar

🧑‍⚖️ Kursplan

🗓️ Planering

📚 Kurslitteratur

🧑‍🏫 GitHub Classroom

🔗 Länkar

❓Våga Fråga

Vecka 1 - HTML & Git
🕑 4 h

Intro

HTML (2 h)

Grundläggande HTML (22 min)

Semantisk HTML (6 min)

Validering (6 min)

a11y (50 min)

User Experience (12 min)

Historielektion (9 min)

Media (9 min)

Begreppslista

Live Share i VS Code

Git (1,5 h)

Git intro (1 h 25 min)

Markdown

Agila metoder (15 min)

Vad är agila metoder?

Story points

Vecka 2 - CSS & Sass
🕑 3,5 h

Intro

Grundläggande CSS (3 h)

Introduktion (16 min)

Syntax (22 min)

Box model & reset (8 min)

Terminologi & namngivning (17 min)

Färg (17 min)

Typografi (18 min)

Måttenheter

Flex (7 min)

Grid (6 min)

Positionering (16 min)

Responsivitet (23 min)

Devtools (17 min)

Validering

Sass (0,5 h)

Introduktion (12 min)

Variabler (4 min)

Nästla kod (6 min)

Partials och moduler

Mixins (4 min)

Matematiska operationer

Vecka 3 - JavaScript
🕑 6,5 h + 🤿 2 h

Intro

🧑‍🎓 Enkät inför grupparbete

Verktyg & felsökning (30 min)

Kommentarer (10 min)

Variabler (30 min)

DOM (20 min)

Funktioner (10 min)

Event (15 min)

Conditionals (1 h)

Arrayer (10 min)

Loopar (35 min)

Objekt och JSON (20 min)

Timers (10 min)

Logik & flöde (15 min)

🤿 Vite (1 h)

Sortera & filtrera (35 min)

Moduler & importer (15 min)

🤿 RegEx (10 min)

Async & await (1 h)

Datum (10 min)

🤿 Skriva bättre kod (30 min)

🧑‍🎓 To do-app

🧑‍🎓 Övningsuppgifter

🧑‍🎓 Produkter

Vecka 4 - Grupparbete

Grupparbete

Gruppkontrakt

Terminologi

Backlog refining

Planning poker

Sprint planning

Retrospective

Objektorienterad programmering

Vecka 5 - Grupparbete

Intro

Vecka 6 - Grupparbete & redovisning

Intro

🧑‍🎓 Inlämningsuppgifter

Förberedande uppgift: Git 1

Förberedande uppgift: Git 2

Inl 1 - HTML

Inl 2 - CSS

Inl 3 - JS (gruppuppgift)

Innehåll

🧞‍ Mina förväntningar

Markera som klar

Senast uppdaterad:

Pager

Föregående sida🎞️ Kamera-policy på kursen

Nästa sida🗞️ Uppdateringar

Happy coding!

🧞‍ Mina förväntningar ​

Markera som klar ​

🧞‍ Mina förväntningar

Markera som klar