HTML dan CSS Dasar
Mengenal dan belajar dasar-dasar HTML dan CSS untuk fondasi awal belajar web development
Tentang Kelas
Dalam kelas online ini kamu akan belajar dasar-dasar HTML dan CSS. HTML dan CSS merupakan pengetahuan umum yang harus dimiliki oleh setiap orang yang menggeluti bidang web programming. Dalam kelas ini, kamu akan belajar mulai dari bagaimana konsep dasar dan cara kerja dari HTML dan CSS serta bagaimana penggunaannya dalam membangun sebuah tampilan website.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal HTML dan CSS
- Dapat mengetahui dasar-dasar pemrograman
- Dapat menginstal software yang dibutuhkan dalam belajar pemrograman
- Dapat menjelaskan dasar-dasar pemrograman
Silabus Topik 1: Pengenalan HTML dan CSS
Topik 2: Dasar HTML dan CSS
Topik 3: Membuat Layout Halaman Tanpa Table
Topik 4: Teknologi HTML dan CSS Terbaru
Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning Siswa dapat menentukan sendiri waktu belajarnya
- Fasilitas Pengajaran Materi disediakan berupa video Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan Grup telegram: Berisi member CodePolitan Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa:
- Sistem operasi : Windows, Linux, atau MacOS.
- Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas).
- RAM : 1GB (Rekomendasi 2GB).
- Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software:
- Browser (tidak ada preferensi khusus)
- Text editor (tidak ada preferensi khusus)
Daftar Materi
| Pendahuluan Pemrograman Web Front End | 15:16 | |
| Dasar HTML | 18:32 | |
| CSS dan Style HTML Dasar | 09:01 | |
| Quiz Pengenalan HTML dan CSS | 05:00 |
| Membuat Tabel | 18:37 | |
| Membuat List | 11:36 | |
| Membuat Layout | 16:55 | |
| Display & Dimension | 08:06 | |
| Quiz Dasar HTML dan CSS 1 | 00.00 | |
| Box Model & Overflow | 08:24 | |
| CSS Float | 04:06 | |
| CSS Position | 06:25 | |
| CSS Background | 03:30 | |
| CSS Text | 02:24 | |
| CSS Font | 04:52 | |
| CSS Selector | 05:25 | |
| Quiz Dasar HTML dan CSS 2 | 00.00 |
| Membuat Layout Dasar | 00.00 | |
| Membuat Daftar Produk | 00.00 | |
| Membuat Menu Dropdown | 00.00 | |
| Menambahkan Jumbotron | 00.00 |
| Mengenal Fitur CSS3 | 12:17 | |
| Mengenal Fitur HTML5 | 19:14 | |
| Quiz Teknologi HTML dan CSS Terbaru | 00.00 |
Penyusun Materi
Testimoni Oleh Siswa
(2838 reviews)
Azka Ihsan Nurrahman
Rabu, 22 April 2026 pukul 21.42
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya yang hendak review materi HTML dan CSS
mfaihanfakhruzi
Selasa, 14 April 2026 pukul 08.49
Materi yang disampaikan mudah dimengerti cocok untuk pemula. Kalimat yang digunakan pada materi cukup jelas walaupun masih terdapat beberapa kalimat yang agak sulit untuk dipahami
mfaihanfakhruzi
Selasa, 14 April 2026 pukul 08.24
CSS3 memberikan kontrol yang sangat presisi. Kita belajar bahwa animasi bukan hanya soal durasi (animation-duration), tapi juga soal bagaimana elemen berperilaku sebelum dan sesudahnya melalui animation-fill-mode. Selain itu, penggunaan pseudo-element seperti ::first-letter menunjukkan bahwa kita bisa membuat desain yang sangat detail (seperti gaya majalah/drop cap) dengan kode yang tetap bersih dan efisien.
mfaihanfakhruzi
Selasa, 14 April 2026 pukul 08.23
CSS3 memberikan kontrol yang sangat presisi. Kita belajar bahwa animasi bukan hanya soal durasi (animation-duration), tapi juga soal bagaimana elemen berperilaku sebelum dan sesudahnya melalui animation-fill-mode. Selain itu, penggunaan pseudo-element seperti ::first-letter menunjukkan bahwa kita bisa membuat desain yang sangat detail (seperti gaya majalah/drop cap) dengan kode yang tetap bersih dan efisien.
Fatia Giri Putri
Minggu, 12 April 2026 pukul 13.00
materinya sangat mudah di mengerti sehingga syaa bisa menyelesaikan pertanyaan pertanyaannya dengan benar
Rakha Ainul Khaliq
Kamis, 26 Maret 2026 pukul 15.23
Materi yang disampaikan mudah dimengerti cocok untuk pemula. Kalimat yang digunakan pada materi cukup jelas walaupun masih terdapat beberapa kalimat yang agak sulit untuk dipahami
Yohanes Fianei Niron
Jumat, 13 Maret 2026 pukul 13.38
Materi yang di sampaikan mudah di mengerti dan saya sangat senggang belajar HTML dan CSS di sini. TERIMAKASIH
Suwardi Firdaus
Kamis, 19 Februari 2026 pukul 20.08
mantap, kualitas materinya bagus dan mudah dipahami. pengejarnya menjelaskan dengan baik dan lugas.
Ali Wafa
Sabtu, 24 Januari 2026 pukul 23.01
materi yang disampaikan sangat bermanfaat dan sangat informatif, kelas seperti ini sangat memiliki peluang besar terhadap pendidikan
Ali Wafa
Sabtu, 24 Januari 2026 pukul 23.01
materi yang disampaikan sangat bermanfaat dan sangat informatif, kelas seperti ini sangat memiliki peluang besar terhadap pendidikan
Yang Akan Kamu Dapatkan
24 Modul
2 Jam Materi
Forum Tanya Jawab
Sertifikat
