![Belajar Dasar CSS](https://image.web.id/images/Belajar-Dasar-CSS.png)
Belajar Dasar CSS
Mengenal dan belajar dasar-dasar CSS untuk fondasi awal belajar web development
BEGINNER1090 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 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
![Prev](https://image.web.id/images/icon-prev.png)
![Next](https://image.web.id/images/icon-next.png)
Testimoni Oleh Siswa
4.7
(1090 reviews)
5 Bintang
79%
4 Bintang
15%
3 Bintang
3%
2 Bintang
1%
1 Bintang
0%
![Hendri Aprianto](https://image.web.id/images/Avatar.jpg)
Hendri Aprianto
Kursus ini terstruktur dengan baik dan menarik. Instrukturnya ahli dan sangat informatif. Latihan praktisnya bermanfaat. Akan saya rekomendasikan untuk siapa saja yang ingin meningkatkan keterampilan mereka.![Isra Puspita Hardani](https://image.web.id/images/Avatar15.jpg)
Isra Puspita Hardani
Penjelasan mentor yang ringkas dan jelas sehingga memudahkan pemula untuk memahami konsep yang paling rumit sekalipun![Richo Febrian Alex Louistianto](https://image.web.id/images/Avatar.jpg)
Richo Febrian Alex Louistianto
Materi yang disampaikan pemateri mudah dimengerti dan tidak membosankan, suara dan video juga sudah jelas.![Afif Rivaykusnanto](https://image.web.id/images/Avatar13.jpg)
Afif Rivaykusnanto
Mentor nya keren, materi nya mudah di mengerti, sangat relevan untuk di pelajari dan cocok untuk portofolio kita![I Wayan Budiana](https://image.web.id/images/Avatar.jpg)
I Wayan Budiana
Materi yang disampaikan mentor mudah dimengerti dan dipelajari sehingga saya lebih cepat memahaminya terima kasih![Robby Febrian Saputro](https://image.web.id/images/Avatar.jpg)
Robby Febrian Saputro
Sesuai dengan metode pengenalan CSS dasar pada beberapa materi perkuliahan. Aku menikmati mteode pembelajarannya.![Rifqi Fachrul Rozi](https://image.web.id/images/RIFQI.md.png)
Rifqi Fachrul Rozi
Materi tersampaikan dengan sangat baik dan mudah dipahami oleh pelajar yang ingin belajar pemograman web![Anisa Shiela Jasmine](https://image.web.id/images/Avatar.jpg)
Anisa Shiela Jasmine
Dulu sempat ngga paham terkait flexbox dkk CSS karena cuma ngikutin dari internet doang sempat galau dan menyerah :v setelah ada kesempatan yg diberikan oelh Codepolitan ini, Alhamdulillah setelah ikut kelas ini jadi lebih paham dan bisa masuk ke otak, tinggal sering latihan aja, MAKASIIIII :D![Damar Hardyana Fachril](https://image.web.id/images/panduan-hero-dota-2-juggernaut-768x433.md.jpg)
Damar Hardyana Fachril
Terima kasih atas ilmunya .........................................................................................![Muhammad Farid Kusuma Admaja](https://image.web.id/images/Avatar.jpg)
Muhammad Farid Kusuma Admaja
Materinya sangat bagus dan mudah dipahami oleh pemula seperti saya. Pembawaan materi yang santai dapat membuat kita tidak bosan dalam belajar.![...](https://image.web.id/images/Belajar-Dasar-CSS.png)