Odtwarzanie wczytuje osadzony odtwarzacz YouTube (tryb rozszerzonej prywatności).
Podstawy responsywnego projektowania stron: kurs HTML & CSS
KanałfreeCodeCamp.orgRozdziały
Opis autora
Ten czterogodzinny kurs jest całkowicie samowystarczalny. Zaczyna od wyjaśnienia podstawowych koncepcji, które pomogą Ci myśleć w sposób responsywny, a następnie krok po kroku prowadzi przez cały proces budowy profesjonalnej, responsywnej strony internetowej.
⭐️ Spis treści ⭐️
⌨️ (00:00:00) Wstęp
⌨️ (00:02:59) 1. Jak zacząć myśleć responsywnie
⌨️ (00:06:01) 2. Jednostki w CSS
⌨️ (00:09:16) 3. Procenty w CSS
⌨️ (00:15:14) 4. Kontrola szerokości obrazów
⌨️ (00:20:05) 5. min-width i max-width
⌨️ (00:22:54) 6. Jednostka em w CSS
⌨️ (00:28:25) 7. Problemy z jednostką em
⌨️ (00:30:58) 8. Rozwiązanie: jednostka rem
⌨️ (00:35:46) 9. Jak wybrać odpowiednią jednostkę
⌨️ (00:39:18) 10. Przykład z jednostkami em i rem
⌨️ (00:47:10) 11. Powtórzenie Flexbox i przygotowanie HTML
⌨️ (00:55:02) 12. Podstawowe style i ustawienie kolumn
⌨️ (01:02:09) 13. Dodawanie koloru tła
⌨️ (01:06:21) 14. Ustawianie szerokości kolumn
⌨️ (01:10:00) 15. Odstępy między kolumnami
⌨️ (01:14:27) 16. Kontrola pozycji pionowej elementów Flexbox
⌨️ (01:19:42) 17. Podstawy media queries
⌨️ (01:29:50) 18. Robienie układu responsywnym za pomocą flex-direction
⌨️ (01:36:45) 19. Wyjaśnienie flex-direction
⌨️ (01:39:54) 20. Tworzenie nawigacji
⌨️ (01:44:40) 21. Stylizacja nawigacji za pomocą Flexbox
⌨️ (01:52:19) 22. Robienie nawigacji ładną
⌨️ (01:59:38) 23. Dodawanie podkreślenia
⌨️ (02:03:40) 24. Bardziej skomplikowana nawigacja
⌨️ (02:10:25) 25. Robienie nawigacji responsywną
⌨️ (02:17:20) 26. Przegląd pozostałej części…
⭐️ Spis treści ⭐️
⌨️ (00:00:00) Wstęp
⌨️ (00:02:59) 1. Jak zacząć myśleć responsywnie
⌨️ (00:06:01) 2. Jednostki w CSS
⌨️ (00:09:16) 3. Procenty w CSS
⌨️ (00:15:14) 4. Kontrola szerokości obrazów
⌨️ (00:20:05) 5. min-width i max-width
⌨️ (00:22:54) 6. Jednostka em w CSS
⌨️ (00:28:25) 7. Problemy z jednostką em
⌨️ (00:30:58) 8. Rozwiązanie: jednostka rem
⌨️ (00:35:46) 9. Jak wybrać odpowiednią jednostkę
⌨️ (00:39:18) 10. Przykład z jednostkami em i rem
⌨️ (00:47:10) 11. Powtórzenie Flexbox i przygotowanie HTML
⌨️ (00:55:02) 12. Podstawowe style i ustawienie kolumn
⌨️ (01:02:09) 13. Dodawanie koloru tła
⌨️ (01:06:21) 14. Ustawianie szerokości kolumn
⌨️ (01:10:00) 15. Odstępy między kolumnami
⌨️ (01:14:27) 16. Kontrola pozycji pionowej elementów Flexbox
⌨️ (01:19:42) 17. Podstawy media queries
⌨️ (01:29:50) 18. Robienie układu responsywnym za pomocą flex-direction
⌨️ (01:36:45) 19. Wyjaśnienie flex-direction
⌨️ (01:39:54) 20. Tworzenie nawigacji
⌨️ (01:44:40) 21. Stylizacja nawigacji za pomocą Flexbox
⌨️ (01:52:19) 22. Robienie nawigacji ładną
⌨️ (01:59:38) 23. Dodawanie podkreślenia
⌨️ (02:03:40) 24. Bardziej skomplikowana nawigacja
⌨️ (02:10:25) 25. Robienie nawigacji responsywną
⌨️ (02:17:20) 26. Przegląd pozostałej części…
O tym poradniku
freeCodeCamp.org opublikował ten poradnik wideo (4:11:04) 5 listopada 2019. Obejrzano go w YouTube 1 307 711 razy.
- Kanał
- freeCodeCamp.org
- Kategoria
- Edukacja
- Czas trwania
- 4:11:04
- Opublikowano
- 5 listopada 2019
- Wyświetlenia
- 1 307 711
- Polubienia
- 32 029
Udostępnij
Ten poradnik w innych językach
- ENIntroduction To Responsive Web Design - HTML & CSS Tutorial
- FRIntroduction à Responsive Web Design - HTML & CSS Tutorial
- ESIntroducción a al diseño web - HTML y CSS Tutorial
- PTIntrodução Para Responsive Web Design - HTML & CSS Tutorial
- ITIntroduzione al Responsive Web Design - HTML e CSS Tutorial
- DEEinführung in Responsive Web Design - HTML & CSS Tutorial
- NLIntroduction To Responsive Web Design - HTML & CSS Tutorial
- RUВведение в Адаптивный веб-дизайн - HTML и CSS Учебник
- JAはじめに応答Webデザイン - HTML＆CSSのチュートリアル
- ARمقدمة لتصميم الويب سريع الاستجابة - HTML و CSS دروس
- HIपरिचय करने के लिए उत्तरदायी वेब डिजाइन - HTML और सीएसएस ट्यूटोरियल
- IDPendahuluan Untuk Responsif Web Design - HTML & CSS Tutorial