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

User Experience (12 min)

Frågelådan

Anonyma frågelådan

Klar?

Resurser

Figma
Dieter Rams good design principles

Senast uppdaterad:

Pager

Föregående sidaa11y (50 min)

Nästa sidaHistorielektion (9 min)

Happy coding!

User Experience (12 min) ​

Frågelådan ​

Klar? ​

Resurser ​

User Experience (12 min)

Frågelådan

Klar?

Resurser