🍗 Kurikulum Kursus
- 26 Sections
- 250 Lessons
- Lifetime
Expand all sectionsCollapse all sections
- 1. Pengantar Website9
- 2. Kerangka Desain Web Profesional11
- 3. Dasar-dasar HTML19
- 3.1Pengenalan HTML
- 3.2Jaringan Pengembang Mozilla
- 3.3Alat Pengembang Chrome
- 3.4Struktur Dokumen HTML
- 3.5Tipe Dokumen & Tata Letak Dasar
- 3.6Alur Kerja HTML Dasar
- 3.7Elemen HTML
- 3.8Tag HTML
- 3.9Tag Yang Menutup Sendiri
- 3.10Bagian Kepala
- 3.11Bagian Tubuh
- 3.12Bagian Kaki
- 3.13Elemen Teks
- 3.14Judul dan Tajuk
- 3.15Paragraf dan Tipografi
- 3.16Unsur Em, Strong, B, dan I
- 3.17Daftar Berurut dan Tidak Berurut
- 3.18Tabel
- 3.19Gambar dan Atribut
- 4. HTML Lanjutan14
- 4.1Judul SEO dan Tag Deskripsi
- 4.2Superskrip dan Subskrip
- 4.3Membuat Gambar
- 4.4Membuat Tautan
- 4.5Jangkar dan Tautan Lokal
- 4.6Jenis Tautan Lainnya
- 4.7Elemen Sebaris VS Elemen Level Blok
- 4.8Elemen Bersarang
- 4.9Indentasi
- 4.10Penataan Halaman
- 4.11Div VS Span
- 4.12HTML Semantik
- 4.13Ekstensi Kode VS Tambahan Kode
- 4.14Formulir dan Masukan
- 5. Formulir HTML9
- 6. Dasar-dasar CSS17
- 6.1Pengenalan CSS
- 6.2Anatomi CSS
- 6.3Pemilih Elemen
- 6.4Gaya Teks
- 6.5Menggabungkan Selector
- 6.6Pemilih Kelas dan ID
- 6.7Bekerja Dengan Warna
- 6.8Kelas dan Elemen Semu
- 6.9Penataan Hyperlink
- 6.10Konflik Antar Selector
- 6.11Warisan dan Pemilih Universal
- 6.12Model Kotak CSS
- 6.13Menggunakan Margin dan Padding
- 6.14Menambahkan Dimensi
- 6.15Memusatkan Halaman
- 6.16Jenis Kotak
- 6.17Pemosisian Absolut
- 7. CSS Lanjutan7
- 8. Warna CSS7
- 9. Teks CSS9
- 10. Selektor5
- 11. Kekhususan (Specificity) dan Cascade8
- 12. Model Kotak14
- 12.1Memperkenalkan Model Kotak
- 12.2Bekerja Dengan Borders
- 12.3Lebar, Tinggi, dan Persentase
- 12.4Menambahkan Padding ke Elemen
- 12.5Bekerja Dengan Margin
- 12.6Model Alternatif Kotak
- 12.7Properti Display
- 12.8Display: None
- 12.9Margin Negatif & Margin Otomatis
- 12.10Pola Tata Letak Umum
- 12.11Lebar Min dan Max
- 12.12Elemen Pembulatan Dengan Radius Perbatasan
- 12.13Bayangan Kotak
- 12.14Bekerja Dengan Overflow
- 13. Tata Letak: Flexbox, Float, dan Grid CSS17
- 13.1Pengantar Tata Letak
- 13.23 Teknik Tata Letak
- 13.3Pengantar Float
- 13.4Menggunakan Float
- 13.5Contoh Membuat Tata Letak Float
- 13.6Pengantar Flexbox
- 13.7Properti flex
- 13.8Display: Flex and Flex Axis
- 13.9Bekerja dengan Flex-Direction
- 13.10Menggunakan FlexBox
- 13.11Menambahkan Spasi dan Menyelaraskan Item Flex
- 13.12Contoh Membuat Tata Letak FlexBox
- 13.13Pengantar Grid CSS
- 13.14Menempatkan dan Mencakup Item Grid
- 13.15Menyelaraskan Item dan Trek Grid
- 13.16Menggunakan Grid CSS
- 13.17Contoh Membuat Tata Letak Grid CSS
- 14. Satuan (Unit) CSS7
- 15. Komponen dan Pola Tata Letak8
- 16. Teknik Pemosisian5
- 17. Pengaturan Versi Lanskap atau Desktop (PC dan Laptop)15
- 17.1Definisikan dan Rencanakan Proyek
- 17.2Buat Sketsa Ide Tata Letak Awal
- 17.3Desain dan Pengembangan Pertama
- 17.4rem dan max-width dan Prinsip Desain Responsif
- 17.5Membangun Pahlawan
- 17.6Membangun Tajuk
- 17.7Membangun Navigasi
- 17.8Menyiapkan Grid yang Dapat Digunakan Kembali
- 17.9Membangun Bagian Cara Kerja
- 17.10Membangun Bagian Unggulan
- 17.11Membangun Bagian Testimonial
- 17.12Membangun Bagian Harga
- 17.13Membangun Bagian Fitur
- 17.14Membangun Bagian Ajakan Bertindak
- 17.15Membangun Footer
- 18. Desain Web Responsif9
- 18.1Pengantar Desain Responsif
- 18.2Cara Kerja Kueri Media
- 18.3Cara Memilih Breakpoint
- 18.4Menyesuaikan untuk Laptop Kecil
- 18.5Menyesuaikan untuk Tablet Lansekap
- 18.6Menyesuaikan untuk Tablet Portret
- 18.7Menyesuaikan untuk Tablet yang Lebih Kecil
- 18.8Menyesuaikan untuk Ponsel Cerdas
- 18.9Membangun Navigasi Seluler
- 19. Latar Belakang dengan Warna, Gradien, Filter, dan Gambar10
- 20. Transisi dan Transformasi10
- 21. Membuat Animasi8
- 22. Elemen Semu ::before dan ::after6
- 23. Modern CSS6
- 24. Lebih Modern dengan Sass (Syntactically Awesome Style Sheets)7
- 25. Menambahkan Fitur Khusus8
- 26. Membuat Situs Web Gratis dengan Netlify5
Jenis Input Lainnya
Sebelumnya
Pilihan dan Pengelompokan Tombol Radio
Berikutnya
