HDTutorial
NL
Inleiding tot Responsive Webdesign - HTML & CSS Tutorial

Afspelen laadt de ingesloten YouTube-speler (privacyvriendelijke modus).

Inleiding tot Responsive Webdesign - HTML & CSS Tutorial

1.307.711 weergaven 5 november 2019 4:11:04

Bekijken op YouTube
KanaalfreeCodeCamp.org

Hoofdstukken

Beschrijving van de maker

Toch staat deze vier uur durende cursus helemaal op zichzelf. Hij begint met de kernconcepten die je nodig hebt om responsief te gaan denken, en neemt je vervolgens stap voor stap mee in het bouwen van een professionele, responsieve website.

⭐️ Cursusinhoud ⭐️
⌨️ (00:00:00) Introductie
⌨️ (00:02:59) 1. Aan de slag met responsief denken
⌨️ (00:06:01) 2. CSS-eenheden
⌨️ (00:09:16) 3. CSS-eenheden – Percentage
⌨️ (00:15:14) 4. De breedte van afbeeldingen beheersen
⌨️ (00:20:05) 5. min-width en max-width
⌨️ (00:22:54) 6. CSS-eenheden – De em-eenheid
⌨️ (00:28:25) 7. Het probleem met em's
⌨️ (00:30:58) 8. De oplossing: rem's
⌨️ (00:35:46) 9. Welke eenheid je moet gebruiken
⌨️ (00:39:18) 10. Voorbeeld met em's en rem's
⌨️ (00:47:10) 11. Flexbox opfrissen en HTML opzetten
⌨️ (00:55:02) 12. Basisstijlen en kolommen opzetten
⌨️ (01:02:09) 13. Achtergrondkleur toevoegen
⌨️ (01:06:21) 14. Kolombreedtes instellen
⌨️ (01:10:00) 15. Kolommen uit elkaar zetten
⌨️ (01:14:27) 16. De verticale positie van flex-elementen beheersen
⌨️ (01:19:42) 17. Media Query basis
⌨️ (01:29:50) 18. Layout responsief maken met flex-direction
⌨️ (01:36:45) 19. flex-direction uitgelegd
⌨️ (01:39:54) 20. Een navigatie maken
⌨️ (01:44:40) 21. Flexbox gebruiken om de navigatie te stylen
⌨️ (01:52:19) 22. De navigatie er mooi laten uitzien
⌨️ (01:59:38) 23. Onderstreping toevoegen
⌨️ (02:03:40) 24. Een ingewikkeldere navigatie
⌨️ (02:10:25) 25. De navigatie responsief maken
⌨️ (02:17:20) 26. Een kijkje nemen naar de rest...

Over deze tutorial

freeCodeCamp.org publiceerde deze videotutorial van 4:11:04 op 5 november 2019. Hij is 1.307.711 keer bekeken op YouTube.

Categorie
Onderwijs
Duur
4:11:04
Gepubliceerd
5 november 2019
Weergaven
1.307.711
Likes
32.029

Delen

Deze tutorial in andere talen