CSS Flexbox

Fra begynder til ekspert

4.7

(4 anmeldelser)

10 Kursister

1t 42m indhold

20 Videoer

99,00 kr.

Del kurset

Om kurset

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.

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

Forudsætninger

Grundlæggende viden om HTML

Grundlæggende viden om CSS

Kursus indhold

Intro

1 lektioner - 1m 20s

Intro til online kursus
1m 20s
Lektioner

13 lektioner - 45m 15s

Intro til Flexbox
3m 40s
Sådan bestemmer du retning med flex-direction
3m 10s
Sådan bruger du flex-wrap
4m 19s
Sådan ændre du rækkefølgen på elementer med flex order
2m 36s
Sådan placere du elementer med Justify-content
4m 2s
Sådan bruger du align-items
4m 59s
Sådan fungere align-content
3m 58s
Sådan justere du de enkelte elementer med align-self
2m 43s
Sådan fungere flex størrelsen
2m 20s
Sådan skalere du elementer med flex-basis, flex-grow and flex-shrink
4m 2s
Sådan kombinere du flex-basis med flex-wrap
5m 15s
Sådan angiver du afstand i mellem elementer med flex gap
2m 59s
Afslutning
1m 12s
Opgaver

6 lektioner - 55m 49s

Sådan laver du responsiv navigation med flex
7m 13s
Dynamisk header med video
7m 4s
Billedgalleri / Fotocollage
5m 33s
App layout
5m 10s
Twitter-indlæg
5m 35s
Landingpage
25m 14s

Anmeldelser

Dette kursus har ingen anmeldelser endnu.

Flere kurser i samme kategori

99,00 kr.

4.7

CSS Flexbox

Fra begynder til ekspert

4.7

(4 anmeldelser)

10 Kursister

1t 42m indhold

20 Videoer

Om kurset

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.

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

Forudsætninger

Grundlæggende viden om HTML

Grundlæggende viden om CSS

Kursus indhold

Intro

1 lektioner - 1m 20s

Intro til online kursus
1m 20s
Lektioner

13 lektioner - 45m 15s

Intro til Flexbox
3m 40s
Sådan bestemmer du retning med flex-direction
3m 10s
Sådan bruger du flex-wrap
4m 19s
Sådan ændre du rækkefølgen på elementer med flex order
2m 36s
Sådan placere du elementer med Justify-content
4m 2s
Sådan bruger du align-items
4m 59s
Sådan fungere align-content
3m 58s
Sådan justere du de enkelte elementer med align-self
2m 43s
Sådan fungere flex størrelsen
2m 20s
Sådan skalere du elementer med flex-basis, flex-grow and flex-shrink
4m 2s
Sådan kombinere du flex-basis med flex-wrap
5m 15s
Sådan angiver du afstand i mellem elementer med flex gap
2m 59s
Afslutning
1m 12s
Opgaver

6 lektioner - 55m 49s

Sådan laver du responsiv navigation med flex
7m 13s
Dynamisk header med video
7m 4s
Billedgalleri / Fotocollage
5m 33s
App layout
5m 10s
Twitter-indlæg
5m 35s
Landingpage
25m 14s

Flere kurser i samme kategori

Anmeldelser

Dette kursus har ingen anmeldelser endnu.