Belajar Dasar Pemrograman Web

Belajar Dasar Pemrograman Web

Disusun oleh: Dicoding Indonesia Level: Dasar - Pemula Estimasi: 55 jam
Teknologi:Web
Bagikan kelas ini:

Deskripsi

202102181457400c747c49a185ae8b6996dc4604e25772.jpg

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

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

Apa kata lulusan Dicoding Academy?

Sudah ribuan siswa yang sukses belajar di Dicoding Academy. Mau tau pendapat dari sisi mereka? Ini adalah testimoni asli mereka. Mau tahu lebih banyak? Lihat testimoni siswa lainnya.

Pertanyaan

Bila Anda memiliki pertanyaan / kendala ketika belajar di kelas ini, Anda dapat membaca pertanyaan-pertanyaan yang sering diajukan di FAQ.

Tim Reviewer

Habibi Mustafa
Habibi Mustafa
Product Development Engineer at Dicoding Indonesia
  • LINE API Expert
  • IoT Enthusiast
Ariska Hidayat
Ariska Hidayat
Code Reviewer External at Dicoding Indonesia
  • Unity Certified Developer (2017)
  • Research & Innovation Enthusiasm
Bagus Aji
Bagus Aji
Course Contributor at Dicoding
  • Programmer at CodePolitan
Buchori Rafsanjani
Buchori Rafsanjani
Curriculum Developer at Dicoding Indonesia
Toni Haryanto
Toni Haryanto
Course Contributor at Dicoding
  • Chief Information Officer at CodePolitan
Khrisna Indrawan
Khrisna Indrawan
Head of Reviewer at Dicoding Indonesia
Ahmad Arif Faizin
Ahmad Arif Faizin
Academy Content Writer at Dicoding Indonesia
Nasrul Gunawan
Nasrul Gunawan
External Code Reviewer at Dicoding Indonesia
  • Web & Mobile Enthusiast
  • UI/UX Enthusiast
Khofidin
Khofidin
IT & Traceability Manager at Austrex
  • Associate Android Developer
  • Farmer
Dimas Catur Wibowo
Dimas Catur Wibowo
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer


Ahmad dari Dicoding
Ahmad dari Dicoding
Head of Academy at Dicoding Indonesia
Luthfi Alfarisi
Luthfi Alfarisi
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Fahmi Jabbar
Fahmi Jabbar
External Code Reviewer at Dicoding Indonesia
Dimas Maulana Dwi Saputra
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
  • Mobile and Web Enthusiast
  • Associate Android Developer
  • React Developer
  • AWS Certified Cloud Practitioner
Alexzander Purwoko Widiantoro
Alexzander Purwoko Widiantoro
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer
  • Microsoft Certified: Azure Fundamental
  • Android, Web & IoT Enthusiast
Lukman Bahar Agung Pambudi
Lukman Bahar Agung Pambudi
External Code Reviewer at Dicoding Indonesia
  • Freelance Software Developer
  • Full Stack Developer
Ananda Dwi Prayoga
Ananda Dwi Prayoga
External Code Reviewer at Dicoding Indonesia
  • Fullstack Web Dev
  • Fullstack Android Dev
  • UI/UX enthusiast
Ikhsan Fauji
Ikhsan Fauji
External Code Reviewer at Dicoding Indonesia
T Kuswandi
T Kuswandi
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
Tia Dwi Setiani
Tia Dwi Setiani
Curriculum Developer at Dicoding Indonesia
  • Certified Tensorflow Developer

Silakan masuk dahulu ke Dicoding untuk dapat mengambil kelas ini

Masuk

Anda belum dapat mempelajari kelas ini. Yuk berlangganan sekarang agar bisa belajar di Kelas ini dan juga Kelas Dicoding Academy lainnya.

Daftar sekarang untuk dapat mengikuti pembelajaran

Daftar Sekarang

Atau Anda dapat mencoba modul gratis yang ditawarkan di Kelas ini

Coba Modul Gratis
Kunjungi Online Store Kami

Kelas ini disusun oleh:

Dicoding Indonesia
Dicoding Indonesia

Decode Ideas
Discover Potentials