Belajar Dasar CSS

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

BEGINNER1228 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 Membuat Tabel Pricing Part 105:59
Studi Kasus Membuat Tabel Pricing Part 206:16
Studi Kasus Membuat Tabel Pricing Part 308:07
Studi Kasus Membuat Tabel Pricing Part 406:38
Studi Kasus Membuat Tabel Pricing Part 504:10
Penyusun Materi

Prev
Next

Testimoni Oleh Siswa

  • Semua
  • Bintang 5
  • Bintang 4
  • Bintang 3
  • Bintang 2
  • Bintang 1
4.7

(1228 reviews)

5 Bintang
79%
4 Bintang
15%
3 Bintang
3%
2 Bintang
1%
1 Bintang
0%
Bayu Aji Nugroho
Bayu Aji Nugroho
Materi yang disampaikan oleh mentornya mudah di mengerti dan sangat cocok untuk pemula
MUHAMAD REZEKI ARISTIAWAN
MUHAMAD REZEKI ARISTIAWAN
Presentasi gambar yang bagus mudah dipahami, dan memberikan pemahaman dasar yang baik, terutama di flex-grow shrink basis
Tata Supriatna
Tata Supriatna
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula..
Abdurrahman Ziyad
Abdurrahman Ziyad
Bagus materi nya mudah dipahami dan sangat rinci, cocok untuk orang yang baru pertama kali belajar CSS
Aji
Aji
Materi yang disampaikan mudah dimengerti dan sangat cocok untuk pemula. Namun ada sedikit masukan yaitu tambahkan materi grid.
Taufiq Nurrohman
Taufiq Nurrohman
mudah dipahami tapi pas proyek akhir agak bingung hehe nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
Risky Wahyu Firmansyah
Risky Wahyu Firmansyah
bagus, tpi di flexbox susah di mengerti dan di studi kasusnya ada kode yg di video sebelumnya tidak ada dan di video selanjutnya tiba" udah ada tanpa ada penjelasan yg jelas.
Abdul Qory
Abdul Qory
Walaupun saya pernah belajar dasar CSS, baru di Kelas ini saya menemukan hal yang belum pernah saya temukan ditempat lain, semua pembahasannya sangat detail dan memudahkan mereka yang mungkin masih bingung ingin memulai membuat halaman dengan CSS itu dari mana. kaka trainernya juga ramah dan profesional dalam menjelaskan, dengan materi ini saya expect banget sih karena bukan hanya ilmu yang kita dapatkan dari kelas ini tapi pengalaman dan referensi yang sangat berguna untuk semua pemula, salah satunya saya hehe.
Muhammad Muttakin
Muhammad Muttakin
materi yang dibuat sangat lengkap dan bisa dipahami dengan mudah dengan pemula serta bisa belajar dimana saja
Riyan putra pratama
Riyan putra pratama
materi yang disampaikan oleh mentor sangat mudah di pahamiiii, dan membuat saya cepat mengertiii, terimakasih pak hakim
;
...
Lihat Rekaman
Rp. 149,000
Beli sekali akses selamanya
Beli Sekarang
Rp. 49,000
Sewa kelas dan akses selama 1 bulan
Sewa Sekarang
Yang akan kamu dapatkan :
39 Modul
3 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next