vika-05.md

Vika 5, 18.–24. september

Fyrirlestrar

• Fyrirlestur 5.1: Yfirferð á sýnilausn fyrir verkefni 3 (38:46)
• Fyrirlestur 5.2: Flexbox yfirferð partur 1 (44:59)
• Fyrirlestur 5.3: Flexbox yfirferð partur 2, byrjun á v4 (23:21)

Efni farið yfir í fyrirlestri

• Sýnilausn á verkefni 3
• Efni úr fyrirlestri
• Sýnilausn á verkefni 4 frá 2022

Námsefni

Lesefni

• Bókin um vefforritun
  • Kafli 18: Skalanlegir vefir
  • Kafli 19: Kvikun
  • Kafli 20: Hönnun
  • Kafli 21: Grid

Uppteknir fyrirlestrar

• Skalanlegir vefir
• Kvikun
• Hönnun
• Grid

Lykilhugtök

• Skalanleg vefhönnun (e. responsive web design)
• Grid/grind í hönnun
• Mobile first
• Sveigjanleg grind
• Sveigjanlegar myndir og miðlar
• Media query
• Device width
• Kvikun (e. animation)
• `transition``
• Hröðun, línuleg og ease
• animation
• transform
• Röðun og jöfnun (e. alignment)
• Andstæður (e. contrast)
• Litir í hönnun
• Veftré
• Wireframe
• CSS grid
• Dálkar og raðir í CSS grid
• fr
• minmax() og repeat()

Verkefni vikunnar

• Bera saman „flexbox margin grid“ og „css grid“ dæmi til að skoða muninn á hvernig við getum útfært grid
• Skrá sig á Figma og skoða hönnunarkerfi Stafræns Ísland
• Vinna í og skila verkefni 4
• Byrja á verkefni 5
• Skoða forsendur hópverkefnis 1 og huga að hóp