Belajar Dasar CSS

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

BEGINNER1212 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

(1212 reviews)

5 Bintang
79%
4 Bintang
15%
3 Bintang
3%
2 Bintang
1%
1 Bintang
0%
Suparmono
Suparmono
Materinya mudah dimengerti, tapi sayang untuk sourcodenya tidak ditampilkan di akhir materi. Semoga lainkali ada sourcodenya diakhir materi.
Ibram Maulana Akhsanul Qasasi
Ibram Maulana Akhsanul Qasasi
Materi yang disampaikan cukup lengkap dan penyajian materi oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula!
M Adam Raya
M Adam Raya
mantap mudah dimengerti dan juga pelajaran yang diberikan mudah dipahami untuk pemula atau yang baru belajar pemrograman web
suherman
suherman
terimakasih penjelasan dan ilmunya sangat membantu, hanya saja saya perlu mengulang pelajaran di materi flexbox nya yg masih samar-samar bagi saya
Stefanus Franky Hukom
Stefanus Franky Hukom
Materi yang disampaikan oleh mentornya mudah dimengerti dan dipahami sehingga sesuai dengan untuk pemula.
Aditya Fiqri Firdaus
Aditya Fiqri Firdaus
mantap banget materinya walaupun cuma sampai Flexbox aja, grid nya belum dibahas :(((((((((((( huhu :((
Nova Suharyanto
Nova Suharyanto
Materi yang disampaikan sangat detail, mentor yang menjelaskan juga mudah dipahami, semoga setelah ini memperoleh manfaat yang lebih baik
Yustian Adi Nugraha
Yustian Adi Nugraha
Ada website yang tidak bisa dibuka jadi ku beri 4 saja, penjelasannya mudah dipahami, tampilan jelas bisa terbaca, terima kasih untuk tips tipsnya sangat membantu
Tulus
Tulus
Pemateri menerangkan dgn jelas tahap demi tahap. Smoga bisa menyelesaikan sampai akhir, materi fullstack dev ini
Meydhi Ari Nugroho
Meydhi Ari Nugroho
Agak mudah di pahami dan saya ingin kedepannya agar bisa di ubah dari segi penjelasannya yang tidak terlalu cepat
;
...
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