 = Teori  = Uppgifter  Kunskapskrav  Film  Projekt  = Presentation  = Kod och filer  Övrigt
 Vecka
|  Moment
|  Filmer m.m.
| 34 - 35
| Moment 1, Introduktion
Installation Linux (Manjaro)
Teori, Introduktion till WebbUtveckling 1 Uppgifter Förmågor och innehåll Introduktion (presentation) | Centralt innehåll Kunskapskrav för kursen Terminologi och Begrepp i kursen HTML-element, lista CSS-grid Optimera bilder för webben
VS Code, första webbsidan Linux, Filsystemet och Terminalen | 36 - 38 | Moment 2, Grunderna i HTML5
Teori, Grunderna i HTML5 Uppgifter Förmågor och innehåll Teckentabeller Genomgång HTML | HTML-Tutorial, W3School
HTML 5, Grunderna I HTML 5, Grundstommen 2 HTML 5, Länkar HTMl 5, Menyer och Listor HTML5, Tabeller HTML5, Gott och Blandat HTML5, Validering och Automatiserade tester HTML5, Bildoptimering | 39 - 42 | Moment 3, Grunderna i CSS 3 Teori, Grunderna i CSS 3 Uppgifter Förmågor och innehåll Mer om positionering
| CSS-Tutorial, W3School CSS Nyheter
CSS, Grunderna CSS, Lådmodellen CSS, class, id och element i element CSS, Menyer CSS, position CSS, absolute, fixed och center | 43 | Test: Terminologi och Begrepp M 1-3 |
| 44 | Höstlov |
| 43-45 | Moment 3, MiniProjekt Görs även på egen tid utöver lektioner. MiniProjekt 1 (inlämning v: 47) Koder till MiniProjekt 1 (GitHub)
Test: Terminologi och Begrepp M 1-3 (v:46) |
| 46 - 50 | Moment 4, Responsiv Webbdesign
Teori, Responsiv Webbdesign Uppgifter Förmågor och innehåll Responsiv design, bildspel MiniProjekt 2 | Responsiv webbdesign, Introduktion Responsiv webbdesign i praktiken, del 1, menyn Responsiv webbdesign, i praktiken, del 2 kolumnsystemet Film från Coding Tech som visar css-grid i praktiken
Gamla filmer CSS-grid, Del 1 CSS-grid, Del 2 | 52 - 1 | JULLOV | 2 - 4 | Moment 4, Responsiv Webbdesign Fortsättning |
| 5 - 6 | Redovisning MiniProjekt 2 |
| 8 | Sportlov |
| 7 - 9 | Moment 5, Versionshantering Teori, Git med GitHub Uppgifter Presentation GitHub med SSH-nycklar | Git 1, Introduktion + terminalen Git 2, Installera Git + Giteakonto Git 3, Git och Gitea i praktiken Git 4, Klona, Versionshantering och Grenar Git 5, Gitea och GitHub med SSH-nycklar | 9 - 13 | Moment 6, DOM och Ecmascript
Teori, DOM och JavaScript Uppgifter Extrauppgifter Förmågor och innehåll JavaScript, bildspel | JavaScript och DOM introduktion Praktisk JavaScript 1, Funktioner Praktisk JavaScript 2, DOM Praktisk JavaScript 3, Händelselyssnare Praktisk JavaScript 3, Bildvisare* Praktisk JavaScript 4, Formulär | 14 | Påsklov |
| 15 - 21 | Miniprojekt 3 MiniProjekt 3, Kalkylator | Beskrivning av miniprojektet som PWA
| 21 - 22 | Moment 7, Lagar och bestämmelser Lagar och bestämmelser Uppgifter Förmågor och innehåll |
| 21 - 22 | Redovisningar och betyg
Test: Terminologi och Begrepp M 1-7 | |
|