Faglig innhold

Målet med emnet er å gi studentene inngående kunnskap om avanserte CSS-konsepter og teknikker. Emnet starter med å gå gjennom og utvide de grunnleggende konseptene introdusert i IDG1292 og fortsetter deretter med å introdusere nye avanserte CSS-temaer. Studentene blir veiledet gjennom design, implementering og testing av responsive nettsteder ved bruk av CSS.

Tema:

• Responsiv design
• Skjæringspunktet mellom CSS-design og brukeropplevelse
• Avanserte fleksible oppsett og rutenettssystemer
• Farger, brukervennlighet og tilgjengelighet
• Typografi
• Komplekse CSS-animasjoner, overganger og transformasjoner
• Moderne CSS3-funksjoner og selektorer
• CSS-arkitektur og navnekonvensjoner
• CSS-forbehandling

Læringsutbytte

Kunnskap

Etter å ha fullført dette emnet, vil studentene kunne:

• Avanserte CSS-teknikker for responsiv design av brukervennlige og tilgjengelige nettsider
• Begrensninger i nåværende CSS-teknikker
• Navnekonvensjoner og BEM
• Samarbeidende kodingspraksiser (f.eks. ved bruk av Git)

​Ferdigheter:

Etter å ha fullført dette emnet, vil studentene kunne:

• Lage avanserte rutenett og fleksible oppsett
• Benytte seg av responsive teknikker rettet mot spesifikke enheter og publiseringsmiljøer
• Bruke fargepaletter og typografimaler i CSS
• Benytte seg av CSS-variabler
• CSS Storytelling and CSS drawing
• Lage animasjoner ved hjelp av CSS
• Strukturere CSS-kode ved hjelp av BEM-metodikk
• Bruke SASS utvidelsesspråk
• Bruk Visual Studio Code som kildekoderedigerer
• Håndtering av prosjekt med bruk av Git og GitHub
• Samarbeid om delt kode eksternt ved hjelp av vanlige samarbeidsmetoder.
• Distribuer prosjektet til GitHub-sider
• Øk bevisstheten om klimaendringer og hvordan de forholder seg til den "digitale verden"

Generell kompetanse

Etter å ha fullført dette emnet, vil studentene vite hvordan de skal:

• Bruke CSS til å style komplekse responsive nettsider som fungerer på forskjellige enheter og ulike operativsystemer
• Lage estetiske nettsider

Læringsformer og aktiviteter

Forelesninger og arbeid på lab.

Obligatoriske aktiviteter

• Obligatorisk oppgave 1
• Obligatorisk oppgave 2
• Obligatorisk oppgave 3

Spesielle vilkår

Anbefalte forkunnskaper

Interesse for grafisk design eller JavaScript vil være en fordel, men er ikke et krav.

Forkunnskapskrav

Krav for å ta emnet - opptak til studieprogrammene:

• Webdesign (ÅRWEB) eller Webutvikling (BWU)
• IDG1292 Webkoding

Kursmateriell

Oppgis ved oppstart av semesteret.