Belajar Dasar CSS

Belajar Dasar CSS

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

BEGINNER1080 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

(1080 reviews)

5 Bintang
79%
4 Bintang
15%
3 Bintang
3%
2 Bintang
1%
1 Bintang
0%
Samuel Alexander Mozes Tambunan
Samuel Alexander Mozes Tambunan
Pembelajarannya detail banget sangat membantu untuk belajar dari awal tentang bagaimana cara kerja css secara menyeluruh
DIMAS YUDHA R
DIMAS YUDHA R
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA KEREEEEEEEEEEEEEEEEEENNNNNNNNNNNNNNNNN BUANGETTTTTTTTTTTTTTTTTTTTTTTTTT
Reza Aditya Pratama
Reza Aditya Pratama
Kelas ini mencakup semua konsep dasar yang perlu dipahami untuk mulai menggunakan CSS. Materi disusun secara bertahap, dimulai dari konsep dasar seperti selektor dan properti, hingga ke topik yang lebih kompleks seperti flexbox dan grid. Penjelasan yang diberikan sangat jelas dan mudah dipahami, bahkan untuk pemula sekalipun.
Ari Alami Eka Sandi
Ari Alami Eka Sandi
penyampaian materi sangat baik sehingga mudah difahami, makin semangat belajar jadi web dev, terimakasih codepolitan
Vincentius Dewanto
Vincentius Dewanto
Materinya cukup jelas dan lengkap, serta mudah dipahami dan sangat berguna bagi pemula seperti saya.
Rizki Patria Linaldi
Rizki Patria Linaldi
Materinya mudah dipahami. Sedikit saran untuk ada beberapa properti yang tidak diberikan penjelasan tentang kegunaannya dan value yang dapat digunakan, dan untuk studi kasusnya tampilan contoh yang digunakan di screenshot dan diberikan kepada learner.
Sidik Prasetyo
Sidik Prasetyo
Materi yang disampaikan mudah untuk dipahami dan terdapat studi kasus yang dapat digunakan untuk mengasah kemampuan
Aufa Syaihan Azzahidi
Aufa Syaihan Azzahidi
materi mudah dipahami dan dapat diikuti dari awal sampai akhir dengan mudah. Studi kasus juga memberi latihan untuk mengimplementasi ilmu css
Felliani Kurniawati
Felliani Kurniawati
Materi yang diberikan sangat membantu menambah ilmu saya. Selain itu, contoh materinya sangat membantu dalam praktek langsung penggunaan css
Ade Kholik Prasetya
Ade Kholik Prasetya
materi sangat mudah dipahami dan pejelasan oleh mentor juga sangat jelas dalam memberikan contoh prakteknya
...
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