Webbutveckling 1
1.1 Vad är webbutveckling?
1.2 VS Code och projektmappar
1.3 Din första HTML-sida
1.4 Länkar, bilder och listor
1.5 Miniuppgift: profilsida
ÖVN 1: Film, serie eller bok
2.1 HTML-element och DOM-tänk
2.2 Semantisk HTML
2.3 Formulär från grunden
2.4 Tillgängliga formulär
2.5 Miniuppgift: kontaktformulär
3.1 Vad CSS gör
3.2 Färg, typografi och läsbarhet
3.3 Boxmodellen i praktiken
3.4 Klasser, id och selektorstrategi
3.5 Miniuppgift: designa om profilsidan
4.1 Flexbox för rader, menyer och kort
4.2 Grid för sidlayouter
4.3 Responsiva mått och bilder
4.4 Media queries
4.5 Miniuppgift: responsiv startsida
ÖVN 2: Rätta HTML och skapa CSS-layout
5.1 Vad JavaScript tillför
5.2 Hämta och ändra element
5.3 Formulär och feedback
5.4 Små interaktioner utan ramverk
5.5 Miniuppgift: interaktiv komponent
6.1 Bildformat på webben
6.2 Optimera bilder
6.3 Ljud, video och inbäddat innehåll
6.4 Prestanda och enkel felsökning
7.1 Tillgänglighetens fyra principer
7.2 Färg, kontrast och navigering
7.3 GDPR och personuppgifter på webben
7.4 Upphovsrätt och Creative Commons
7.5 Etiska designval
7.6 Planera en webbplats
7.7 Testa i webbläsaren
ÖVN 3: Avancerad layout