Belajar Fundamental Front-End Web Development

Belajar Fundamental Front-End Web Development

Disusun oleh: Dicoding Indonesia Level: Pemula - Menengah Estimasi: 70 jam
Teknologi:Web
Bagikan kelas ini:

Deskripsi

20210426140905796c7cc7458d04c8f3fb67791da3bcbc.jpg

Website saat ini sudah menjadi kebutuhan utama yang tidak bisa diabaikan. Seluruh sektor bisnis dapat memanfaatkan website sebagai alat untuk promosi, bertukar informasi, dll. Pada Juni 2021 berdasarkan sumber Internet Live Stats terdapat lebih dari 1,8 milyar website yang aktif. StackShare, salah satu komunitas developer terbesar di Amerika, menyatakan terdapat ribuan produk internasional termasuk AirBnB, Instagram, dan Gitlab telah menggunakan Web Component, Build Tools (seperti Webpack), dan AJAX. 

  • Salah satu keuntungan dari mengembangkan web adalah dapat diakses melalui banyak macam perangkat. Siapa pun Anda, jika ingin menjadi Web Developer, maka Anda harus memiliki pengetahuan dasar HTML, CSS, dan JavaScript yang kuat sebelum melangkah ke tahap selanjutnya.
  • Pemahaman mengenai component harus dimiliki oleh Anda yang ingin belajar pengembangan website menggunakan Front-End Web Framework, seperti React, Angular, ataupun Vue.
  • Pengembangan web semakin kompleks sehingga membutuhkan pengembangan website dengan teknik yang simple, reusable, dan optimize.
  • Sebagai platform yang dijangkau oleh Search Engine seperti Google, sebuah website cocok sebagai media promosi bisnis.
  • Mengembangkan website termasuk pengembangan yang mudah dalam pemeliharaan dan mudah untuk dipublikasikan.


Target dan Sasaran Siswa

  • Kelas ditujukan untuk seorang Front-Web Developer yang ingin mengembangkan website dengan teknik yang simple, reusable, dan optimal.
  • Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
  • Siswa diharapkan sudah memiliki pemahaman dasar dalam pembuatan website dengan baik menggunakan HTML, CSS, dan Javascript.
  • 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.
  • Di akhir kelas, siswa dapat membuat aplikasi front-end web dengan kode JavaScript standar ES6, menerapkan Web Components,  Webpack, dan menampilkan data dinamis dari Web API menggunakan AJAX. 


Silabus

  • ECMAScript 6 : Belajar menerapkan sintaks terbaru pada JavaScript seperti block scope variable, template literals, destructuring object and array, spread operator dan rest parameters, arrow function, classes, promise hingga JavaScript module. (20 jam 50 menit)
  • Web Components : Belajar membangun component UI website yang bersifat reusable dan encapsulated dengan custom element dan shadow DOM. (10 jam 25 menit) 
  • Node Package Manager : Belajar menambahkan, menghapus, dan menggunakan package JavaScript yang ada di NPM, serta membedakan fungsi dari development dependency dan production dependency. (4 jam 15 menit)
  • Webpack : Belajar menggunakan webpack sebagai environment dan build tools dalam membangun website yang optimal. (7 jam 25 menit)
  • Asynchronous JavaScript Request : Belajar transaksi data melalui protokol HTTP/HTTPS menggunakan fetch API baik pada method GET, POST, PUT, dan DELETE. (10 jam)


Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 70 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 49 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 berdiskusi
    • Evaluasi pembelajaran: Submission (proyek akhir) membuat aplikasi web dengan ES6, Custom Element, NPM, Webpack, dan AJAX.
    • 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).
    • Terminal


Alur Belajar

Langkah ke-3 Front-End Web Developer Learning Path

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

Khrisna Indrawan
Khrisna Indrawan
Head of 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
Tio Misbaqul Irawan
Tio Misbaqul Irawan
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
  • Unix/Linux Enthusiast
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
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 Practitioner
  • Full Stack Software Developer
Ananda Dwi Prayoga
Ananda Dwi Prayoga
External Code Reviewer at Dicoding Indonesia
  • Fullstack Web Dev
  • Fullstack Android Dev
  • UI/UX enthusiast
Shaddam Amru Hasibuan
Shaddam Amru Hasibuan
External Code Reviewer at Dicoding Indonesia
  • Front-end Web Developer
  • Freelance Brand Designer
  • VR/AR Enthusiast
Muhammad Rifki Erlangga
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
  • Front-end Web Developer
Ikhsan Fauji
Ikhsan Fauji
External Code Reviewer at Dicoding Indonesia
  • Full Stack Engineer
Rian Mandala Putra
Rian Mandala Putra
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
T Kuswandi
T Kuswandi
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
Chandra Septian
Chandra Septian
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
  • Front-End Web Developer
Yusril Adriansyah Putra
Yusril Adriansyah Putra
External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Ilham Shiddiq
Ilham Shiddiq
External Code Reviewer at Dicoding Indonesia
  • Back-End Web Developer
  • Front-End Web Developer
  • Machine Learning Enthusiast 
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