Belajar CSS dari Nol — Ditemani Alucard si Master Styling
Mengenal dan belajar dasar-dasar CSS untuk fondasi awal belajar web development
Tentang Kelas
Dalam kelas online ini, kamu akan memasuki dunia dasar-dasar CSS, pengetahuan yang esensial bagi setiap individu yang ingin memahami dunia web programming. Pelajaran dimulai dari konsep dasar dan cara kerja CSS hingga penerapannya dalam membangun tampilan website.
Tujuan Pelatihan:
- Mengenal konsep dasar dan fungsi CSS.
- Memahami cara menginstal perangkat lunak yang dibutuhkan untuk belajar CSS.
- Mampu menjelaskan prinsip dasar CSS.
Silabus:
- Langkah Pertama Menguasai CSS
- Mengenal Selector dan Cara Kerjanya di CSS
- Menguasai Properti CSS Fundamental
- Box Model CSS: Mengubah Ukuran Element dengan CSS
- Flexbox Dasar
- Studi Kasus: Membuat Tabel Pricing dengan Flexbox
Jenis Pekerjaan: Kelas ini cocok untuk siapa saja yang ingin mengejar karir sebagai programmer.
Metode Pembelajaran:
- Pembelajaran Mandiri Online
- Materi disampaikan melalui video
- Forum tanya jawab untuk bantuan dari tim support CodePolitan
- Grup Discord untuk berinteraksi dengan sesama peserta
- Sertifikat kelulusan
Peralatan Belajar Peserta:
- Akses internet via komputer dengan OS Windows/Mac/Linux
- Spesifikasi minimum: Prosesor Intel Dual Core (Disarankan Core i3 ke atas), RAM 1GB (Disarankan 2GB), Resolusi layar 1366 x 768 (Disarankan Full HD 1920 x 1080).
- Software: Browser (tanpa preferensi khusus), Text Editor (tanpa preferensi khusus)
Daftar Materi
| Apa itu CSS | 06:53 | |
| CSS itu luas, tapi Jangan Khawatir! | 05:33 | |
| Cara menggunakan CSS dengan Benar di HTML | 14:33 | |
| Mengenal Properti Color & Background Color | 08:29 | |
| Sistem Warna - RGB dan Sistem Warna - Hexadesimal | 05:10 | |
| Jangan Lupa, Titik Koma! | 02:29 | |
| Mengenal Properti Text Pada Umumnya | 17:39 | |
| Mengenal Ukuran pada CSS dengan Font | 05:06 |
| Selector Menggunakan Element HTML | 08:50 | |
| Selector Menggunakan Attribute ID | 06:24 | |
| Selector Menggunakan Attribute Class | 04:55 | |
| Mengenal Descendant Selector | 07:07 | |
| Mengenal Direct Descendant dan Ajdacent Selector | 04:57 | |
| Mengenal Attribute Selector | 04:58 | |
| Mengenal Pseudo Classes | 09:50 | |
| Mengenal Pseudo Elements | 06:40 |
| Mengenal Bagian Box Model pada Element | 07:54 | |
| Mengenal properti border pada css | 07:01 | |
| Mengenal properti padding pada css | 06:19 | |
| Mengenal properti margin pada css | 05:42 | |
| Mengenal properti display | 10:52 |
| Apa itu flexbox | 03:59 | |
| Mengatur Urutan Element Dengan Flex Direction | 07:45 | |
| Membagi Rata Jarak Horizontal Dengan Justify Content | 03:40 | |
| Menampilkan Element Dengan Ukuran Sebenaranya Pada Flex | 05:35 | |
| Mengatur Perataan Secara Vertikal Dengan Align Item | 07:01 | |
| Mengatur Jarak Cross Axis dengan Align Content Dan Align Self | 08:54 | |
| Mengubah ukuran Element Flex | 08:52 | |
| Flex dengan sintaks yang lebih ringkas | 06:31 | |
| Pengetahuan Responsinve Design dan Media Query | 08:00 | |
| Memulai Kehebatan Media Query | 11:31 | |
| Membuat Responsive Navigation | 12:29 |
| Studi Kasus Membuat Tabel Pricing Part 1 | 05:59 | |
| Studi Kasus Membuat Tabel Pricing Part 2 | 06:16 | |
| Studi Kasus Membuat Tabel Pricing Part 3 | 08:07 | |
| Studi Kasus Membuat Tabel Pricing Part 4 | 06:38 | |
| Studi Kasus Membuat Tabel Pricing Part 5 | 04:10 |
Penyusun Materi
Testimoni Oleh Siswa
(1350 reviews)
Yuda Adiatma Nugraha
Selasa, 20 Oktober 2026 pukul 06.40
Kelasnya luar biasa dan sangat cocok untuk pemula seperti saya. Materi yang disampaikan mentor sangat mudah dipahami, runtut dari konsep dasar CSS, selector, box model, flexbox, hingga studi kasus membuat tabel pricing. Video pembelajarannya jelas dan contoh kodenya praktis. Sangat direkomendasikan bagi siapa pun yang ingin menguasai CSS dari nol!
Muhamad Ridwan
Kamis, 17 September 2026 pukul 22.44
Materi **Belajar Dasar CSS** sangat membantu untuk memahami bagaimana mempercantik dan mengatur tampilan sebuah halaman web. Materinya cukup jelas dan memberikan dasar yang penting, mulai dari penggunaan selector, property, value, warna, font, margin, padding, hingga pengaturan layout. Menurut saya, materi ini cocok untuk pemula karena konsep CSS dijelaskan secara bertahap dan disertai contoh sehingga lebih mudah dipahami dan dipraktikkan. Setelah memahami dasar CSS, kita dapat membuat tampilan website menjadi lebih rapi, menarik, responsif, dan sesuai kebutuhan pengguna. Secara keseluruhan, pembelajaran ini memberikan fondasi yang baik sebelum melanjutkan ke materi CSS yang lebih lanjut seperti **Flexbox, Grid, Responsive Design, dan Framework CSS**. Yang paling penting adalah banyak berlatih dengan membuat halaman web sederhana agar konsep CSS semakin terbiasa. **Rating: ⭐⭐⭐⭐⭐ (5/5)**
Rahmat Kaluku
Selasa, 18 Agustus 2026 pukul 12.11
materi yang disampaikan sangat mudah dipahami, sehingga cocok untuk pemula. terima kasih untuk mentornya
Yohanes Billy Putera
Rabu, 5 Agustus 2026 pukul 19.03
Materinya mudah dipahami, serta pembagian subbab yang singkat, jadi bisa fokus bertahap. Mungkin perlu ditambah teks materi di bawah video sehingga bisa menonton sambil membaca pelajaran.
Azka Ihsan Nurrahman
Senin, 27 April 2026 pukul 17.29
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya mereview materi terkait CSS
Aldo Prayoga
Rabu, 25 Maret 2026 pukul 08.51
ok......................................................................................................................
Syafaat Mustofah Mahmud Pradana
Sabtu, 28 Februari 2026 pukul 18.33
untuk pembelajaran css mudah dipahami dan untuk dasar jadi orang awam mudah memahaminya dan mengikutinya
Ahmad Syaifudin
Minggu, 8 Februari 2026 pukul 20.05
penyampaian materi sangat jelas, materi sangat mudah di pahami dan di ikuti, cukup untuk bisa mengenali dasar dasar css
Muhammad Bagas Setiawan
Rabu, 14 Januari 2026 pukul 20.09
Keren, Mudah dipahami dengan baik, materinya lengkap dan sangat berguna untuk pemula yang ingin belajar dasar
Muhammad Veril
Rabu, 31 Desember 2025 pukul 21.17
Materi yang disampaikan sangat membantu dari dasar dalam memperlajari CSS, cmn dimateri praktik membuat tabel price, klu bisa code nya diperlihatkan keseluruhan, karena ditiap video selalu ada penambahan code yang kami tidak ketahui. tetapi keseluruhannya sudah mantap