HDTutorial
DE
Einführung in Responsive Webdesign – HTML & CSS-Anleitung

Die Wiedergabe lädt den eingebetteten YouTube-Player (erweiterter Datenschutzmodus).

Einführung in Responsive Webdesign – HTML & CSS-Anleitung

1.307.711 Aufrufe 5. November 2019 4:11:04

Auf YouTube ansehen
KanalfreeCodeCamp.org

Kapitel

Beschreibung des Urhebers

Doch dieser 4-stündige Kurs steht völlig auf eigenen Beinen. Er beginnt mit den Grundlagen, um responsives Denken zu verstehen, und führt dich Schritt für Schritt durch den Aufbau einer professionellen, responsiven Website.

⭐️ Kursinhalte ⭐️
⌨️ (00:00:00) Einführung
⌨️ (00:02:59) 1. Responsives Denken verstehen
⌨️ (00:06:01) 2. CSS-Einheiten
⌨️ (00:09:16) 3. CSS-Einheiten – Prozent
⌨️ (00:15:14) 4. Breite von Bildern steuern
⌨️ (00:20:05) 5. min-width und max-width
⌨️ (00:22:54) 6. CSS-Einheiten – Die em-Einheit
⌨️ (00:28:25) 7. Das Problem mit em
⌨️ (00:30:58) 8. Die Lösung: rem
⌨️ (00:35:46) 9. Welche Einheit wann nutzen
⌨️ (00:39:18) 10. Beispiel mit em und rem
⌨️ (00:47:10) 11. Flexbox-Auffrischung und HTML-Aufbau
⌨️ (00:55:02) 12. Grundstile und Spaltenaufbau
⌨️ (01:02:09) 13. Hintergrundfarbe hinzufügen
⌨️ (01:06:21) 14. Spaltenbreiten festlegen
⌨️ (01:10:00) 15. Spaltenabstände setzen
⌨️ (01:14:27) 16. Vertikale Position von Flex-Elementen steuern
⌨️ (01:19:42) 17. Media Queries – Grundlagen
⌨️ (01:29:50) 18. Layout responsiv mit flex-direction machen
⌨️ (01:36:45) 19. flex-direction erklärt
⌨️ (01:39:54) 20. Navigation erstellen
⌨️ (01:44:40) 21. Flexbox für die Navigation nutzen
⌨️ (01:52:19) 22. Navigation ansprechend gestalten
⌨️ (01:59:38) 23. Unterstreichung hinzufügen
⌨️ (02:03:40) 24. Komplexere Navigation
⌨️ (02:10:25) 25. Navigation responsiv machen
⌨️ (02:17:20) 26. Ein Blick auf den Rest...

Über dieses Tutorial

freeCodeCamp.org hat dieses 4:11:04 lange Video-Tutorial am 5. November 2019 veröffentlicht. Es wurde 1.307.711-mal auf YouTube angesehen.

Kategorie
Bildung
Dauer
4:11:04
Veröffentlicht
5. November 2019
Aufrufe
1.307.711
Likes
32.029

Teilen

Dieses Tutorial in anderen Sprachen