Deskripsi

Website di era sekarang sudah menjadi kebutuhan utama yang tidak bisa diabaikan. Seluruh sektor bisnis atau edukasi dapat memanfaatkan website sebagai alat untuk promosi, tukar informasi, dan lainnya. Per Januari 2019 terdapat 1.518.207.413 website yang aktif, berdasarkan survey dari Webcraft Webserver Survey. Bedasarkan data dari World Wide Web Technology Surveys, dari seluruh website yang aktif, 88.2% menggunakan HTML, 95.6% menggunakan CSS dan 95% menggunakan JavaScript. 

Kelas ini membahas tuntas dasar HTML, CSS dan JavaScript sebagai tiga fondasi pembuatan website. Fondasi tersebut diperlukan untuk Anda yang ingin mengembangkan kemampuan pengembangan website ke tahap yang lebih lanjut. Disusun dan diverifikasi oleh tim expert Dicoding sebagai Google Developers Authorized Training Partner, materi yang disajikan terstruktur dan komprehensif.

Kenapa saya harus belajar kelas ini?

• Web merupakan platform yang dapat diakses melalui banyak macam devices. Hal ini menjadi keuntungan jika Anda mengembangkan aplikasi berbasis Web.
• Siapapun Anda, jika ingin menjadi Web Developer harus memiliki pengetahuan dasar HTML, CSS, dan JavaScript yang kuat sebelum melangkah ke tahap selanjutnya.
• Pengembangan Web tidak membutuhkan komputer/laptop yang memiliki spesifikasi tinggi, sehingga tidak menjadi kendala bagi Anda yang tidak memiliki perangkat yang memumpuni.
• Menjadi platform yang dijangkau oleh Search Engine seperti Google, sehingga website cocok sebagai media promosi bisnis.
• Mengembangkan website termasuk pengembangan yang mudah di-maintenance dan mudah untuk dipublikasi.
• Sebagai prasyarat untuk menuju kelas selanjutnya seperti Belajar Fundamental Front-End Web Development atau Belajar Membangun LINE Front-end Framework.
• Bagian dari alur belajar Front-End Web Developer Learning Path yang mempersiapkan siswa untuk menjadi Front-End Web Developer sesuai standar kebutuhan industri.

Materi apa saja yang akan 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.
• HTML lebih Dalam : 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.
• CSS lebih Dalam : 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.
• Submission : Tugas yang diberikan dalam membuat improvisasi pada proyek website halaman profil.

Metode pembelajaran di kelas ini:

• Belajar self-paced (mandiri) menggunakan materi yang terdiri dari modul (bab) dan sub-modul (sub-bab).
• Quiz di akhir modul dan di antara sub-modul. Quiz wajib benar sebelum modul berikutnya dapat dibuka.
• Proyek (tugas) akhir berupa submission sebuah website yang sesuai pengetahuan yang telah diajarkan.
  

Anda tentukan sendiri berapa lama waktu belajar materi kelas ini. Materi kelas didesain untuk diselesaikan dalam waktu 55 jam. Jika Anda meluangkan waktu sedikitnya 10 jam saja dalam seminggu, maka sangat dimungkinkan Anda bisa menuntaskan kelas ini dalam waktu 39 hari. Namun tidak menutup kemungkinan Anda menyelesaikan dalam waktu yang jauh lebih cepat.

Prasyarat mengikuti kelas ini adalah:

• Mampu mengoperasikan komputer dengan baik.
• Kelas ini didesain untuk pemula, sehingga tidak ada prasyarat dalam pemahaman pemrograman sebelumnya.
• Anda harus mandiri, berkomitmen, benar-benar punya rasa ingin tahu dan tertarik pada subjek. 
• Anda harus gigih, temukan topik yang menarik, bermain-main dan mengotak-atik ilmu yang Anda dapatkan. 
• Sebaik apa pun materi struktur kelas ini, tak akan berguna tanpa keseriusan Anda untuk belajar, berlatih, dan mencoba.

Spesifikasi minimal Komputer/Laptop:

• Resolusi layar 1366 x 768 (Rekomendasi Full HD 1920 x 1080).
• Prosesor Intel Celeron (Rekomendasi Core i3 ke atas).
• RAM 1GB (Rekomendasi 2GB).
• Sistem operasi Windows, Linux, atau MacOS.

Tools yang digunakan:

• Teks Editor (VSCode, Atom, atau Emacs).
• Web Browser (Google Chrome, atau Mozilla Firefox).