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. 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.

• Web merupakan platform yang dapat diakses melalui banyak macam devices. Hal ini menjadi keuntungan jika Anda mengembangkan aplikasi berbasis Web.
• Pengembangan web tidak membutuhkan komputer/laptop yang memiliki spesifikasi tinggi, sehingga tidak menjadi kendala bagi Anda yang tidak memiliki perangkat yang mumpuni.
• Website adalah platform yang dijangkau oleh Search Engine seperti Google Search, sehingga website cocok sebagai media promosi bisnis atau konten.
• Mengembangkan website termasuk pengembangan yang mudah di-maintenance dan mudah untuk dipublikasi.

Target dan Sasaran Siswa : 

• Kelas ditujukan bagi pemula yang ingin memulai karirnya di bidang web development (pembuatan web) dan membutuhkan dasar atau fondasi yang kuat sebelum belajar lebih dalam di bidang web, dengan mengacu pada standar internasional milik Google Developers. 
• Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
• Kelas ini didesain untuk pemula sehingga tidak ada prasyarat dalam pemahaman pemrograman sebelumnya. 
• Siswa harus bisa belajar mandiri, berkomitmen, benar-benar punya rasa ingin tahu, dan tertarik pada subjek materi, karena sebaik apa pun materi kelas ini, tidak akan berguna tanpa keseriusan siswa untuk belajar, berlatih, dan mencoba.

Tujuan Umum dan Khusus Pelatihan : 

• Di akhir pelatihan, peserta dapat membuat sebuah website sederhana menggunakan kode pemrograman yang sesuai standar global.
• Membangun website menggunakan kode HTML, CSS, dan JavaScript sederhana.
• Menerapkan struktur website yang baik menggunakan standar semantic HTML. 
• Mendemonstrasikan penyusunan layout website menggunakan teknik float atau flexbox.

Silabus :

• Pendahuluan : Pengenalan mengenai website, apa itu website, tools dalam mengembangkan sebuah website. (1 jam 20 menit)
• Pengenalan HTML : Memberikan pemahaman fungsi HTML dalam website, memahami struktur dasar HTML dengan mencoba membuat sebuah halaman HTML sederhana. (1 jam 10 menit)
• 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. (6 jam 45 menit)
• 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. (15 jam 20 menit)
• 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. (4 jam 5 menit)
• 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. (12 jam 5 menit)
• Web Storage : Mengetahui tipe storage yang ada pada web dengan mencoba menggunakan localStorage untuk menyimpan histori perhitungan dari proyek kalkulator. (3 jam 15 menit)
• Penutup : Implementasi teknik yang telah dipelajari dalam pembuatan dan improvisasi pada sebuah proyek website sederhana (membuiat website halaman profil). (9 jam)

Metode Ajar :

• Online - Self-paced Learning
  • Total jam belajar : 55 jam
  • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 39 hari)
  • Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas
• Fasilitas Pengajaran
  • Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan
  • Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdikusi
  • Evaluasi pembelajaran
    • Ujian akhir kelas
    • Submission (proyek akhir) berupa sebuah halaman website menggunakan teknik semantic HTML dan layouting
  • Sertifikat kompetensi

Peralatan Belajar : 

• Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
• Spesifikasi minimal komputer milik siswa
  • Sistem operasi : Windows, Linux, atau MacOS
  • Prosesor : Intel Celeron (Rekomendasi Core i3 ke atas)
  • RAM : 1GB (Rekomendasi 2GB)
  • Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
• Software
  • Teks Editor (VSCode, Atom, atau Emacs)
  • Web Browser (Google Chrome atau Mozilla Firefox)

Alur Belajar : 

Langkah ke-1 Front-End Web Developer Learning Path

• Langkah setelahnya: Belajar Fundamental Front-End Web Development 

Kelas prasyarat sebelum mengambil Belajar Membangun LINE Front-end Framework (LIFF)