Belajar Dasar CSS
Mengenal dan belajar dasar-dasar CSS untuk fondasi awal belajar web development
BEGINNER1188 penilaian1198 peserta
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
4.7
(1188 reviews)
5 Bintang
79%
4 Bintang
15%
3 Bintang
3%
2 Bintang
1%
1 Bintang
0%
ilham ismail
mungkin langsung focus ke case pembuatan project dari awal sampai akhir materi, overall sangat bagus !
Rahmawati
Setelah mempelajari materi CSS dari DevHandal, saya ingin memberikan komentar dan refleksi: CSS (Cascading Style Sheets) merupakan fondasi penting dalam pengembangan web modern. Pembelajaran di DevHandal memberikan pemahaman yang terstruktur mulai dari konsep dasar hingga penerapannya. Beberapa poin penting yang saya dapatkan: 1. Struktur pembelajaran yang sistematis memudahkan pemahaman, dimulai dari Table of Contents yang jelas dan terorganisir. 2. Penjelasan tentang "Langkah Pertama Menguasai CSS" sangat membantu pemula untuk membangun dasar yang kuat. Pendekatan step-by-step membuat konsep yang kompleks menjadi lebih mudah dicerna. 3. Materi disajikan dengan bahasa yang mudah dipahami, disertai contoh-contoh praktis yang relevan dengan kebutuhan pengembangan web saat ini. 4. Fokus pada fundamental CSS sangat tepat, karena tanpa pemahaman dasar yang kuat, akan sulit untuk menguasai konsep-konsep CSS yang lebih advanced. Saran untuk pengembangan: - Mungkin bisa ditambahkan lebih banyak latihan interaktif - Perlu update contoh kasus yang lebih kontemporer - Bisa diperkaya dengan best practices terkini Secara keseluruhan, materi pembelajaran CSS di DevHandal memberikan fondasi yang solid untuk siapa saja yang ingin menguasai CSS dalam pengembangan web.
Daniel Aprillio Budiono
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula!
Al Fadhil
cara pematerinya ngomong lambat banget, beda dengan di channelnya sendiri. ...........................................
Gyon Lawu
Materinya mudah di pahami dan mudah di praktekkan, mantabbb lanjut belajar nya dan tambah bersemangat, untuk mentornya kereeenRokhili
Kelas online belajar CSS dasar ini sangat bagus! Penyampaian mentor jelas dan asik, membuat materi mudah dipahami. Meski awalnya ada beberapa kesalahan pada video pembelajaran, seperti materi yang lompat-lompat, tetapi hal tersebut sudah diperbaiki dengan baik. Kelas tetap dapat diikuti dengan nyaman. Sangat direkomendasikan untuk pemula!Marzandi Zahran
materi yang diberikan mudah dimengerti dan contoh case untuk pengaplikasian CSS yang lumayan menarikBerka Aldizar
Materinya straightforward dan mudah dipahami, akan lebih baik jika ditambahkan assesmen untuk menguji pemahaman pembelajarBerka Aldizar
Materinya straightforward dan mudah dipahami, akan lebih baik jika ditambahkan assesmen untuk menguji pemahaman pembelajarBerka Aldizar
Materinya straightforward dan mudah dipahami, akan lebih baik jika ditambahkan assesmen untuk menguji pemahaman pembelajar