CSS Flexbox

Fra begynder til ekspert

(5 anmeldelser)
Udgivet af DevTeacher
IT og software
Cascading Style Sheets (CSS)
Ubegrænset adgang
Sidst opdateret 03/07/2024

499,00 kr.

Det får du:

1t 42m indhold - on demand
Ubegrænset adgang
Tilgængelig via mobil, tablet og computer

Del dette kursus:

Det lærer du

Grundlæggende forståelse af Flexbox

Placering og sortering af elementer i Flexbox

Skalering af elementer med Flexbox

Responsiv tilgang til webudvikling med Flexbox

Det får du:

1t 42m indhold - on demand
Ubegrænset adgang
Tilgængelig via mobil, tablet og computer

Indhold

20 lektioner • 1t 42m 24s

Intro til online kursus

Intro til Flexbox

Sådan bestemmer du retning med flex-direction

Sådan bruger du flex-wrap

Sådan ændre du rækkefølgen på elementer med flex order

Sådan placere du elementer med Justify-content

Sådan bruger du align-items

Sådan fungere align-content

Sådan justere du de enkelte elementer med align-self

Sådan fungere flex størrelsen

Sådan skalere du elementer med flex-basis, flex-grow and flex-shrink

Sådan kombinere du flex-basis med flex-wrap

Sådan angiver du afstand i mellem elementer med flex gap

Afslutning

Sådan laver du responsiv navigation med flex

Dynamisk header med video

Billedgalleri / Fotocollage

App layout

Twitter-indlæg

Landingpage

Beskrivelse

Flexbox en metode til at definere, hvordan komponenter på en side opfører sig på tværs af forskellige enheder og skærmstørrelser.

Opkaldt efter sin fleksible natur tilbyder flexbox adskillige fordele i forhold til gamle layoutmetoder, herunder dynamisk omarrangering, justering, retning og beholdertilpasning. I en stadig mere mobil verden giver flexbox en udvikler mulighed for at få fuld kontrol over adfærden af sideelementer, ubestemt af hvilken enhed de tilgås fra.

I denne online kursus vil jeg gennemgå alle muligheder som Flexbox kommer med og jeg vil vise dig praktiske eksempler hvor du kan bruge Flexbox til at udvikle moderne webløsninger.

Denne kursus er for begynder så vel som webudvikler som har mange års erfaring og blot ønsker at genopfriske og se nye muligheder i Flexbox.

Forudsætninger

Grundlæggende viden om HTML
Grundlæggende viden om CSS

Din instruktør

DevTeacher

Faglærer med passion for webudvikling

1 kursus

Mit navn er Srdjan Lukic og jeg arbejder som faglærer, hvor jeg underviser fremtidens webudvikler.

Jeg har en stor passion for webudvikling og har arbejdet med faget siden 1997, hvor jeg skrev min første linje HTML. Efter at havde arbejdet professionelt som full-stack udvikler i over 20år og været selvstændig siden 2014. Har jeg nu fokus på at skabe indhold som skal sprede interessen hos andre når vi snakker om webudvikling.

Mission er at gøre webudvikling sjovt og let at komme igang med. Alt undervisning er på dansk og der er materiale til alle niveau.