Reguler

Belajar Dasar Pemrograman Web

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

Deskripsi


Mulai karirmu sebagai web developer dengan landasan pengetahuan yang kuat. Materi disusun oleh tim expert Dicoding sebagai Google Developers Authorized Training Partner dengan para pelaku industri.


202004141358028e693f820ac2288e1f1a677dbd2a77ff.png

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.
  • Online session disediakan mingguan pada hari Rabu pukul 14:00 WIB. Penjelasan online session dapat dilihat pada modul kelas.

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

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 buka tab 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
Agil Julio
Agil Julio
Content Creator at Dicoding Indonesia
Buchori Rafsanjani
Buchori Rafsanjani
Academy Content Writer at Dicoding Indonesia
Toni Haryanto
Toni Haryanto
Course Contributor at Dicoding
  • Chief Information Officer at CodePolitan
Khrisna Indrawan Eka Putra
Khrisna Indrawan Eka Putra
Code Reviewer 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


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
Academy Content Writer at Dicoding Indonesia
  • Associate Android Developer
  • Mobile and Web Enthusiast
Alexzander Purwoko Widiantoro
Alexzander Purwoko Widiantoro
External Code Reviewer at Dicoding Indonesia

Android & Web Enthusiasts

IoT Enthusiasts

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

Silakan masuk dahulu ke Dicoding untuk dapat mengambil kelas ini

Masuk

Kunjungi Online Store Kami

Kelas ini disusun oleh:

Dicoding Indonesia
Dicoding Indonesia

Decode Ideas
Discover Potentials