Pengembang Web (COL 2018)  

Kelas ditujukan bagi pemula yang ingin mulai belajar mengembangkan Website dengan HTML dan CSS mengacu pada standar okupasi Pengembang Web (COL 2018). Di akhir pelatihan, siswa mampu

• mengidentifikasi cara kerja website dan motivasi menjadi seorang pengembang website;
• menganalisis HTML yang menyusun struktur konten website;
• Menjabarkan variatif elemen yang ada di HTML.
• Membedakan pengelompokkan elemen secara semantik dan nonsematik.
• Mengimplementasikan format tabel pada HTML.
• Menganalisis CSS sebagai Styling untuk HTML.
• Menjabarkan variatif Selector, Formatting Text, Warna, Box Model, Positioning, dan layouting dasar di CSS.
• Mengimplementasikan Layout Responsive dengan Flexbox.
• Mengimplementasikan Bootstrap sebagai Framework CSS.

Pada pelatihan “Belajar Mengembangkan Website dengan HTML dan CSS Bagi Pengembang Web Pemula”, materi-materi pelatihan yang tersedia pada LMS Dicoding Academy adalah sebagai berikut:

• Pengenalan ke Pengembangan Website untuk Pemula: Motivasi umum menjadi seorang pengembang website, mengetahi cara kerja internet dan website secara umum. Memasang tools yang dibutuhkan dan membuat folder proyek untuk pengembangan website.
• Berkenalan dengan HTML: Memberikan pemahaman fungsi HTML dalam website, memahami struktur dasar HTML dengan mencoba membuat sebuah halaman HTML sederhana.
• Variatif Elemen pada HTML: Belajar mengorganisir konten dengan elemen semantik yang ada, mengenal attribute pada HTML, mengenal paragraf, header, gambar, list, dan elemen teks lainnya. Memahami perbedaan inline dan block elemen.
• Elemen Grouping dan Tabel pada HTML: Memahami perbedaan inline dan block elemen, grouping elemen dengan standar HTML5, dan membuat tabel.
• Berkenalan dengan CSS sebagai Styling untuk HTML: Memahami peran CSS dalam pembuatan website, benefit menerapkan CSS dan mengetahui penulisan sintaks dasar CSS dengan menerapkan beberapa basic styling pada elemen HTML.
• Variatif Selector, Formatting Text, Warna, Box Model, Positioning, dan layouting dasar di CSS: Memahami lebih dalam mengenai selector CSS, memahami penerapan styling untuk font dan text (mengubah tipe dan ukuran font, mengubah warna teks, dsb.), memahami tentang foreground color dan background color, memahami konsep box model, dan layouting menggunakan float. Di akhir materi ini kita sudah dapat membuat satu halaman profil dengan menerapkan semantic struktur, styling, dan layouting menggunakan float.
• Layout Responsive dengan Flexbox: Memahami tentang penggunaan flexbox sebagai layout dasar membangun kalkulator berbasis website. Flex merupakan teknik baru dalam menyusun layout yang responsif, dan dapat dikombinasikan dengan media query agar lebih optimal ketika diakses menggunakan mobile devices.
• Bootstrap sebagai Framework CSS: Menggunakan Bootstrap sebagai framework CSS untuk styling CSS lebih cepat dan mudah. Bereksplorasi dengan dokumentasi Bootstrap untuk mengetahui tata cara penggunaannya.

  
  

Evaluasi Pembelajaran:

• Post-test
• Unjuk Keterampilan

Total jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 15 jam.