Belajar Dasar CSS
Mengenal dan belajar dasar-dasar CSS untuk fondasi awal belajar web development
Tentang Kelas
Dalam kelas online ini kamu akan belajar dasar-dasar CSS. 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 CSS serta bagaimana penggunaannya dalam membangun sebuah tampilan website.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal CSS
- Dapat mengetahui dasar-dasar CSS
- Dapat menginstal software yang dibutuhkan dalam belajar CSS
- Dapat menjelaskan dasar-dasar CSS
Silabus Topik 1: Langkah Pertama Menguasai CSS
Topik 2: Mengenal Apa itu Selector dan Cara Kerjanya di CSS
Topik 3: Mengenal Apa itu Selector dan Cara Kerjanya di CSS
Topik 4: Box Model CSS - Mengubah Ukuran Element dengan CSS
Topik 5 : Flexbox Dasar
Topik 6 : Studi Kasus Membuat Tabel Pricing dengan Flexbox
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 discord: Berisi member CodePolitan 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
| 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 Membuet Tabel Pricing Part 1 | 05:59 | |
| Studi Kasus Membuet Tabel Pricing Part 2 | 06:16 | |
| Studi Kasus Membuet Tabel Pricing Part 3 | 08:07 | |
| Studi Kasus Membuet Tabel Pricing Part 4 | 06:38 | |
| Studi Kasus Membuet Tabel Pricing Part 5 | 04:10 |
Penyusun Materi
Testimoni Oleh Siswa
(391 reviews)
Muhammad Rizki Abdillah
Mudah dipahami,Keren sekali,Kontennya menarik,Recommended,Informatif
Suyanto
Mudah dipahami
Muhammad Akbar
Mudah dipahami,Kontennya menarik,Informatif,Keren sekali
Tahta Irlandi
Mantap, Authornya keren, Sangat membantu, Solutif,
Senna Bhany Majid
Mudah dipahami,Kontennya menarik
Tedi Akbar Pauji
Mudah dipahami,Kontennya menarik,Keren sekali,Recommended,Informatif
Ari Sena
Kontennya menarik,Recommended,Keren sekali
Efrain Yaphet Obert
Mantap walau ada yang ke skip
Dede ismail
Informatif
ALHADIS
banyak part-part kode yang terlewatkan di video nya, sehingga untuk seorang pemula menjadi kebingungan. Terimakaish