Published using Google Docs
Planering WebbUtveckling HT25-VT26
Updated automatically every 5 minutes

        

 = 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