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

Positionering (16 min)

Resurser

MDN | Layout cookbook
Every layout

Våga Fråga-lådan

Anonyma frågelådan

Klar?

Senast uppdaterad:

Pager

Föregående sidaGrid (6 min)

Nästa sidaResponsivitet (23 min)

Happy coding!

Positionering (16 min) ​

Resurser ​

Våga Fråga-lådan ​

Klar? ​

Positionering (16 min)

Resurser

Våga Fråga-lådan

Klar?