Kelas ini membahas mengenai dasar-dasar yang harus dipahami dalam pengembangan dasar sebuah website seperti html, css, javascript, responsive layout, dan web storage. Kelas ini membahas tuntas dasar HTML, CSS dan JavaScript sebagai tiga fondasi pembuatan website..
Materi yang dipelajari:
- Pendahuluan: Pengenalan mengenai website, apa itu website, tools dalam mengembangkan sebuah website.
- Pengenalan HTML : Memberikan pemahaman fungsi HTML dalam website, memahami struktur dasar HTML dengan mencoba membuat sebuah halaman HTML sederhana.
- Pendalaman 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.
- Pengenalan CSS : Memahami peran CSS dalam pembuatan website, benefit menerapkan CSS dan mengetahui penulisan sintaks dasar CSS dengan menerapkan beberapa basic styling pada elemen HTML. (1 jam 50 menit)
- Pendalaman 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 Responsif menggunakan 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.
- JavaScript Basic dan Manipulasi DOM : Memahami peran JavaScript dalam pengembangan website, menuliskan sintaks dasar JavaScript, memahami dasar JavaScript seperti statement, comment, variabel, tipe data, dsb. Mengetahui Browser Object dan event yang ada, dan memanipulasi DOM menggunakan JavaScript. Di akhir materi ini kita akan menerapkan logika pada proyek kalkulator berbasis website sehingga kalkulator dapat berfungsi dengan baik.
- Web Storage : Mengetahui tipe storage yang ada pada web dengan mencoba menggunakan localStorage untuk menyimpan histori perhitungan dari proyek kalkulator.
