Tutorial ini mengajarkan Anda untuk membangun situs web responsif dari awal. Ini adalah bagian dari Bootcamp Desain Web Responsif di Scrimba: Namun, tutorial 4 jam ini sepenuhnya berdiri sendiri. Dimulai dengan menjelaskan konsep inti yang diperlukan untuk mulai berpikir secara responsif, dan kemudian akan membawa Anda melalui setiap langkah dalam membangun situs web responsif tingkat profesional. Gurunya adalah Kevin Powell yang brilian, yang terkenal dengan videonya tentang HTML dan CSS di YouTube. Anda dapat memeriksa salurannya di sini: ️ Konten kursus ️ ️ (00:00:00) Intro ️ (00:02:59) 1. Mulai berpikir responsif ️ (00:06:01) 2. Unit CSS ️ (00 :09:16) 3. Unit CSS – Persentase ️ (00:15:14) 4. Mengontrol lebar gambar ️ (00:20:05) 5. min-width dan max-width ️ (00:22:54 ) 6. Unit CSS – Unit em ️ (00:28:25) 7. Masalah dengan ems ️ (00:30:58) 8. Solusinya: Rems ️ (00:35:46) 9. Memilih unit yang mana untuk menggunakan ️ (00:39:18) 10. ems dan rems – contoh ️ (00:47:10) 11. Penyegaran Flexbox dan pengaturan beberapa HTML ️ (00:55:02) 12. Gaya Dasar dan pengaturan kolom ️ (01:02:09) 13. Menambahkan warna latar belakang ️ (01:06:21) 14. Mengatur lebar kolom ️ (01:10:00) 15. Memberi jarak kolom ️ (01:14: 27) 16. Mengontrol posisi vertikal item fleksibel ️ (01:19:42) 17. Dasar-dasar Media Query ️ (01:29:50) 18. Membuat layout responsif dengan arah fleksibel ️ (01:36:45) 19. flex-direction dijelaskan ️ (01:39:54) 20. Membuat navigasi ️ (01:44:40 ) 21. Menggunakan flexbox untuk mulai menata navigasi kita ️ (01:52:19) 22. Membuat navigasi terlihat bagus ️ (01:59:38) 23. Menambahkan garis bawah ️ (02:03:40) 24. Lainnya navigasi yang rumit ️ (02:10:25) 25. Membuat navigasi menjadi responsif ️ (02:17:20) 26. Melihat sisa proyek ⌨️ (02:21:34) 27. Menyiapkan struktur ️ (02:29:59) 28. Struktur artikel unggulan ️ (02:35:07) 29. Beranda – HTML untuk artikel terbaru ️ (02:37:39) 30. Beranda – HTML untuk samping ️ ( 02:43:45) 31. Memulai CSS untuk halaman kita ️ (02:59:15) 32. Memulai layout – melihat gambaran besarnya ️ (03:07:48) 33. Mulai berpikir mobile dulu ️ ( 03:10:37) 34. Styling artikel unggulan ️ (03:17:03) 35. Mengubah urutan visual dengan flex box ️ (03:22:19) 36. Bermain dengan posisi judul, dan kelemahan negatif margin ️ (03:27:05) 37. Mengubah urutan visual dengan kotak fleksibel ️ (03:31:00) 38. Menata artikel terbaru untuk layar besar ️ (03:38:50) 39. Setti ng up widget dan breakpoint berbicara ️ (03:45:41) 40. Menggunakan pseudo-class baru untuk menutup beranda ️ (03:53:12) 41. Membuat halaman posting terbaru ️ (03:56: 39) 42. Menyiapkan halaman Tentang Saya ️ (04:00:54) 43. Memperbaiki beberapa ujung yang longgar ️ (04:05:27) 44. Catatan Penting. Tag meta viewport ️ (04:09:10) 45. Modul selesai ️ (04:12:24) Outro — Belajar coding gratis dan dapatkan pekerjaan developer: Baca ratusan artikel tentang pemrograman: Dan berlangganan yang baru video tentang teknologi setiap hari: .

source