Tema
Læringsmål
Indhold
Materialer
Web Layout
Lære de grundlæggende teknikker til at lave forskellige kendte web layouts.
Lære CSS Flexbox for at udvikle moderne og fleksible layouts.
CSS Selectors
Opnå en dybere viden om CSS sprogets 7 forskellige selectors og lære at bruge dem for at optimere
din
kode.
Lære avancerede CSS selectors som grouped selectors og nested
selectors samt CSS combinators og CSS specificity.
Web Animations
Lære at lave forskellige typer af web animations ved at lade HTML-elementer
skifte form, farve eller størrelse over tid.
Lære CSS Transition og CSS Animation til at animere HTML-elementers
form, farve, størrelse og placering.
CSS Custom Properties
Få kendskab til CSS Custom Properties og lære best-practice teknikker.
Lære at bruge CSS Custom Properties, som også kaldes for CSS variabler. Med
dem kan du genbruge værdier som fx størrelser og farver overalt i dit stylesheet.
Web Layout II
Lære at lave mere komplekse layouts og layout-strukturer med CSS Grid
Layout.
Lære CSS Grid Layout til at udvikle layouts, der er mere
komplicerede end det er muligt med CSS Flexbox.
Responsive Web Design
Lære at lave responsive web design, som er layout og indhold, der
automatisk tilpasser sig enhver skærmstørrelse.
Lære CSS Media Queries og Container Queries til at lave
"break-points", der ændrer CSS stylingen på et website.
Afsluttende projekt / eksamen
Test dig selv i et afsluttende projekt, hvor der indgår elementer fra alle temaer.
Lav et website layout med responsive web design og web
animations med avancerede selectors.