Belajar Dasar CSS

Belajar Dasar CSS

Mengenal dan belajar dasar-dasar CSS untuk fondasi awal belajar web development

BEGINNER927 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:

  1. Langkah Pertama Menguasai CSS
  2. Mengenal Selector dan Cara Kerjanya di CSS
  3. Menguasai Properti CSS Fundamental
  4. Box Model CSS: Mengubah Ukuran Element dengan CSS
  5. Flexbox Dasar
  6. 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 CSS06:53
CSS itu luas, tapi Jangan Khawatir!05:33
Cara menggunakan CSS dengan Benar di HTML14:33
Mengenal Properti Color & Background Color08:29
Sistem Warna - RGB dan Sistem Warna - Hexadesimal05:10
Jangan Lupa, Titik Koma!02:29
Mengenal Properti Text Pada Umumnya17:39
Mengenal Ukuran pada CSS dengan Font05:06

Selector Menggunakan Element HTML08:50
Selector Menggunakan Attribute ID06:24
Selector Menggunakan Attribute Class04:55
Mengenal Descendant Selector07:07
Mengenal Direct Descendant dan Ajdacent Selector04:57
Mengenal Attribute Selector04:58
Mengenal Pseudo Classes09:50
Mengenal Pseudo Elements06:40

Mengenal Bagian Box Model pada Element07:54
Mengenal properti border pada css07:01
Mengenal properti padding pada css06:19
Mengenal properti margin pada css05:42
Mengenal properti display10:52

Apa itu flexbox03:59
Mengatur Urutan Element Dengan Flex Direction07:45
Membagi Rata Jarak Horizontal Dengan Justify Content03:40
Menampilkan Element Dengan Ukuran Sebenaranya Pada Flex05:35
Mengatur Perataan Secara Vertikal Dengan Align Item07:01
Mengatur Jarak Cross Axis dengan Align Content Dan Align Self08:54
Mengubah ukuran Element Flex08:52
Flex dengan sintaks yang lebih ringkas06:31
Pengetahuan Responsinve Design dan Media Query08:00
Memulai Kehebatan Media Query11:31
Membuat Responsive Navigation12:29

Studi Kasus Membuet Tabel Pricing Part 105:59
Studi Kasus Membuet Tabel Pricing Part 206:16
Studi Kasus Membuet Tabel Pricing Part 308:07
Studi Kasus Membuet Tabel Pricing Part 406:38
Studi Kasus Membuet Tabel Pricing Part 504:10
Penyusun Materi

Prev
Next

Testimoni Oleh Siswa

4.7

(927 reviews)

5 Bintang
80%
4 Bintang
15%
3 Bintang
2%
2 Bintang
1%
1 Bintang
0%
Khoirul Wakiah Nasution
Khoirul Wakiah Nasution
cara penyampaiannya dan penjelasannya sangat baik dan mudah dimengerti. terimakasih atas ilmunya. semoga sehat selalau
akbar maulana
akbar maulana
materi yang disampaikan mudah dipahami dan contoh kasus dari materi sangat membantu untuk memperdalam materi yang telah dipelajari
Abdurrahman Assegaf
Abdurrahman Assegaf
alhamdulillah saya bisa mengerti banget mengenai css terutama di flex karena di youtube play list flexbox dan css terpisah itu membuat ku bingung tapi disini tersusun rapi dan saya bisa memahami urutan mana dulu yang harus dipelajari dan teratur, tapi saran jika ada case study untuk memberi link source yang diperlukan seperti png
Ricardo Donni Prayoga
Ricardo Donni Prayoga
materi yang di sampaikan sangat bagus, akan tetapi kadang2 perlu melihat video nya 2 kali untuk bisa memahami studi kasus nya dan cara mentor memberikan solusi sangat bagus dan mudah di pahami + straight to point
Doni Prasetyo
Doni Prasetyo
Sangat membantu kelas css dasarnya, terimaKasih banyak CODEPOLITAN. Mantap!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Amirullah Hidayat
Amirullah Hidayat
bagus bgt kelasnya, sangat membantu untuk saya yang pemula dalam bidang web developer. semoga ini bisa membantu saya mendapatkan pekerjaan baru
Abdul Cholik
Abdul Cholik
materi yang disampaikan mudah di pahami dan cocok bagi saya sebagai pemula, namun sayangnya tidak ada pembahasan mengenai css grid maupun css animations
Muhammad Ibnu Sofyan
Muhammad Ibnu Sofyan
materi yang disampaikan mudah dipahami, saya seorang pemula bisa mengikuti course ini dengan baik. terima kasih unutuk ilmu CSS nya
kevin napitupulu
kevin napitupulu
Materi yang disampaikan jelas dan mudah di mengerti dan tentunya untuk pemula seperti saya materi ini sangat bermanfaat terimakasih
Candra Yuliawan
Candra Yuliawan
mantap kelas asik selow dan mudah di pahami rekomendasi kelas belajar online ya di codepolitan mantap abissssssssss
...
Rp. 149,000
Beli sekali akses selamanya
Rp. 49,000
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
39 Modul
3 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next