🍗 Kurikulum Kursus
🍗 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.2Pengenalan HTML
- 3.3Jaringan Pengembang Mozilla
- 3.4Alat Pengembang Chrome
- 3.5Struktur Dokumen HTML
- 3.6Tipe Dokumen & Tata Letak Dasar
- 3.7Alur Kerja HTML Dasar
- 3.8Elemen HTML
- 3.9Tag HTML
- 3.10Tag Yang Menutup Sendiri
- 3.11Bagian Kepala
- 3.12Bagian Tubuh
- 3.13Bagian Kaki
- 3.14Elemen Teks
- 3.15Judul dan Tajuk
- 3.16Paragraf dan Tipografi
- 3.17Unsur Em, Strong, B, dan I
- 3.18Daftar Berurut dan Tidak Berurut
- 3.19Tabel
- 3.20Gambar dan Atribut
- 4. HTML Lanjutan14
- 4.2Judul SEO dan Tag Deskripsi
- 4.3Superskrip dan Subskrip
- 4.4Membuat Gambar
- 4.5Membuat Tautan
- 4.6Jangkar dan Tautan Lokal
- 4.7Jenis Tautan Lainnya
- 4.8Elemen Sebaris VS Elemen Level Blok
- 4.9Elemen Bersarang
- 4.10Indentasi
- 4.11Penataan Halaman
- 4.12Div VS Span
- 4.13HTML Semantik
- 4.14Ekstensi Kode VS Tambahan Kode
- 4.15Formulir 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.2Pengantar Tata Letak
- 13.33 Teknik Tata Letak
- 13.4Pengantar Float
- 13.5Menggunakan Float
- 13.6Contoh Membuat Tata Letak Float
- 13.7Pengantar Flexbox
- 13.8Properti flex
- 13.9Display: Flex and Flex Axis
- 13.10Bekerja dengan Flex-Direction
- 13.11Menggunakan FlexBox
- 13.12Menambahkan Spasi dan Menyelaraskan Item Flex
- 13.13Contoh Membuat Tata Letak FlexBox
- 13.14Pengantar Grid CSS
- 13.15Menempatkan dan Mencakup Item Grid
- 13.16Menyelaraskan Item dan Trek Grid
- 13.17Menggunakan Grid CSS
- 13.18Contoh 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.2Pengantar Desain Responsif
- 18.3Cara Kerja Kueri Media
- 18.4Cara Memilih Breakpoint
- 18.5Menyesuaikan untuk Laptop Kecil
- 18.6Menyesuaikan untuk Tablet Lansekap
- 18.7Menyesuaikan untuk Tablet Portret
- 18.8Menyesuaikan untuk Tablet yang Lebih Kecil
- 18.9Menyesuaikan untuk Ponsel Cerdas
- 18.10Membangun 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