Belajar Dasar CSS

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

BEGINNER1340 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

(1340 reviews)

5 Bintang
80%
4 Bintang
15%
3 Bintang
3%
2 Bintang
1%
1 Bintang
0%
david
david
mantap banget kelas ini, mudah dipahamai sehingga memudahkan saya untuk mempraktekan apa yang sudah saya pelajari
Muhammad Rafli
Muhammad Rafli
Pembelajar simple tapi mendalam dan sangat mudah dipahami untuk kedepannya karna penyampain begitu mudah
Usaid Jantra
Usaid Jantra
Kelas sudah cukup baik. Jika memungkinkan saat kelas didemonstrasikan oleh mentor untuk menulis code sendiri dari awal tanpa menggunakan referensi kode dari pihak lain agar pemahaman peserta menjadi lebih baik.
Muhammad Ariel Afriza
Muhammad Ariel Afriza
Penyampaian materinya sangat detail banget per topik sehingga membuat saya bisa memahami tiap topiknya lebih dalam dan mengerti tiap penggunaannya
MUH FAUZAN AZIMA A
MUH FAUZAN AZIMA A
materi yang disampaikan mudah dipahami untuk orang awam seperti saya, diberikan juga Studi Kasus agar lebih memahami materi yang diberikan
MUH FAUZAN AZIMA A
MUH FAUZAN AZIMA A
Materi yang disampaikan dapat dengan mudah dipahami dan langsung ada latihan agar dapat memahami lagi, mantaapp!
Bima Mahendra
Bima Mahendra
bagus sih meskipun ada part yang bikin bingung tapi kalau diperhatiin dengan bener ya jadi paham. sedikit tambahan mungkin bisa tambahin note kecil di setiap materi entah info atau apapun biar ga keliatan kosong di bagian itu
Bima Mahendra
Bima Mahendra
bagus sih meskipun ada part yang bikin bingung tapi kalau diperhatiin dengan bener ya jadi paham. sedikit tambahan mungkin bisa tambahin note kecil di setiap materi entah info atau apapun biar ga keliatan kosong di bagian itu
Ahmad Hafidh
Ahmad Hafidh
Erlangga Satrya Husada
Erlangga Satrya Husada
NICEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
;
...
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