Pemutaran memuat pemutar YouTube tersemat (mode privasi yang ditingkatkan).
Panduan Desain Web Responsif - Tutorial HTML & CSS
SaluranfreeCodeCamp.orgBab
Deskripsi dari pembuat
Namun, tutorial selama 4 jam ini benar-benar mandiri. Mulai dari menjelaskan konsep inti yang dibutuhkan untuk mulai berpikir secara responsif, lalu membimbingmu melalui setiap langkah dalam membangun sebuah website responsif tingkat profesional.
⭐️ Isi Kursus ⭐️
⌨️ (00:00:00) Pendahuluan
⌨️ (00:02:59) 1. Memulai berpikir secara responsif
⌨️ (00:06:01) 2. Satuan CSS
⌨️ (00:09:16) 3. Satuan Persentase dalam CSS
⌨️ (00:15:14) 4. Mengontrol lebar gambar
⌨️ (00:20:05) 5. min-width dan max-width
⌨️ (00:22:54) 6. Satuan em dalam CSS
⌨️ (00:28:25) 7. Masalah dengan em
⌨️ (00:30:58) 8. Solusi: Satuan rem
⌨️ (00:35:46) 9. Memilih satuan mana yang digunakan
⌨️ (00:39:18) 10. Contoh penggunaan ems dan rems
⌨️ (00:47:10) 11. Pengulangan Flexbox dan setup HTML
⌨️ (00:55:02) 12. Gaya dasar dan setup kolom
⌨️ (01:02:09) 13. Menambahkan warna latar belakang
⌨️ (01:06:21) 14. Menentukan lebar kolom
⌨️ (01:10:00) 15. Memberikan jarak antar kolom
⌨️ (01:14:27) 16. Mengontrol posisi vertikal item dalam Flexbox
⌨️ (01:19:42) 17. Dasar-dasar Media Query
⌨️ (01:29:50) 18. Membuat tata letak responsif dengan flex-direction
⌨️ (01:36:45) 19. Penjelasan flex-direction
⌨️ (01:39:54) 20. Membuat navigasi
⌨️ (01:44:40) 21. Menggunakan Flexbox untuk memulai pengaturan gaya navigasi
⌨️ (01:52:19) 22. Membuat navigasi terlihat bagus
⌨️ (01:59:38) 23. Menambahkan garis bawah
⌨️ (02:03:40) 24. Navigasi yang lebih kompleks
⌨️ (02:10:25) 25. Membuat navigasi responsif
⌨️ (02:17:20) 26. Melihat bagian...
⭐️ Isi Kursus ⭐️
⌨️ (00:00:00) Pendahuluan
⌨️ (00:02:59) 1. Memulai berpikir secara responsif
⌨️ (00:06:01) 2. Satuan CSS
⌨️ (00:09:16) 3. Satuan Persentase dalam CSS
⌨️ (00:15:14) 4. Mengontrol lebar gambar
⌨️ (00:20:05) 5. min-width dan max-width
⌨️ (00:22:54) 6. Satuan em dalam CSS
⌨️ (00:28:25) 7. Masalah dengan em
⌨️ (00:30:58) 8. Solusi: Satuan rem
⌨️ (00:35:46) 9. Memilih satuan mana yang digunakan
⌨️ (00:39:18) 10. Contoh penggunaan ems dan rems
⌨️ (00:47:10) 11. Pengulangan Flexbox dan setup HTML
⌨️ (00:55:02) 12. Gaya dasar dan setup kolom
⌨️ (01:02:09) 13. Menambahkan warna latar belakang
⌨️ (01:06:21) 14. Menentukan lebar kolom
⌨️ (01:10:00) 15. Memberikan jarak antar kolom
⌨️ (01:14:27) 16. Mengontrol posisi vertikal item dalam Flexbox
⌨️ (01:19:42) 17. Dasar-dasar Media Query
⌨️ (01:29:50) 18. Membuat tata letak responsif dengan flex-direction
⌨️ (01:36:45) 19. Penjelasan flex-direction
⌨️ (01:39:54) 20. Membuat navigasi
⌨️ (01:44:40) 21. Menggunakan Flexbox untuk memulai pengaturan gaya navigasi
⌨️ (01:52:19) 22. Membuat navigasi terlihat bagus
⌨️ (01:59:38) 23. Menambahkan garis bawah
⌨️ (02:03:40) 24. Navigasi yang lebih kompleks
⌨️ (02:10:25) 25. Membuat navigasi responsif
⌨️ (02:17:20) 26. Melihat bagian...
Tentang tutorial ini
freeCodeCamp.org memublikasikan tutorial video berdurasi 4:11:04 ini pada 5 November 2019. Video ini telah ditonton 1.307.711 kali di YouTube.
- Saluran
- freeCodeCamp.org
- Kategori
- Pendidikan
- Durasi
- 4:11:04
- Dipublikasikan
- 5 November 2019
- Penayangan
- 1.307.711
- Suka
- 32.029
Bagikan
Tutorial ini dalam bahasa lain
- 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 Учебник
- PLWprowadzenie do Responsive Web Design - HTML & CSS
- JAはじめに応答Webデザイン - HTML&CSSのチュートリアル
- ARمقدمة لتصميم الويب سريع الاستجابة - HTML و CSS دروس
- HIपरिचय करने के लिए उत्तरदायी वेब डिजाइन - HTML और सीएसएस ट्यूटोरियल