Belajar Fundamental Front-End Web Development

4.87 •

Front-End Web

Learning Path

Belajar Fundamental Front-End Web Development

Teknologi:

Web

Level: Pemula - Menengah

Level: Pemula - Menengah 70 Jam Belajar

25.903

Siswa Terdaftar

Pelajari sintaks ES6, Web Component, dan Build Tools dalam membangun website dengan teknik yang simple, reusable, dan optimized.

Belajar Sekarang

Informasi kelas Lihat silabus

Learning Path Front-End Web Developer

Kelas ini merupakan langkah ke-empat Anda untuk menjadi Front-End Web Developer.

Langkah sebelumnya

Langkah 3

Belajar Membuat Front-End Web untuk Pemula

45 Jam 4,87 Level Pemula

Langkah setelahnya

Langkah 5

Belajar Tools Front-End Web Intermediate

65 Jam 4,83 Level Mahir

Apa yang akan Anda dapatkan

Sertifikat

Dapatkan sertifikat standar industri setelah menyelesaikan kelas ini.

Code Review

Kode yang Anda kerjakan akan di-review secara komprehensif oleh Reviewer.

Forum Diskusi

Diskusikan materi belajar dengan siswa lainnya.

Modul Tutorial

Materi bacaan elektronik disajikan dengan bahasa yang mudah dipahami.

Submission

Uji kemampuan teknis Anda dengan mengerjakan tugas submission.

Kode Interaktif

Modul belajar dalam bentuk video, disertai dengan latihan untuk menguji pemahaman.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.

Level Pemula
Mempelajari topik dasar dengan objektif membuat produk, sistem, atau latihan sederhana.

Level Menengah
Memahami konsep dasar secara mendalam dan luas. Di sejumlah kelas mempelajari teknik khusus untuk pemahaman praktis.

Deskripsi

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.

Selengkapnya

Sembunyikan

Learning Path

Kelas ini merupakan langkah ke-empat Anda untuk menjadi Front-End Web Developer.

Langkah sebelumnya

Langkah 3

Belajar Membuat Front-End Web untuk Pemula

45 Jam 4,87 Level Pemula

Langkah setelahnya

Langkah 5

Belajar Tools Front-End Web Intermediate

65 Jam 4,83 Level Mahir

Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Celeron (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Teks Editor (VSCode, Atom, atau Emacs)

Lihat semua peralatan belajar

Peralatan Belajar

Spesifikasi minimal perangkat

Kelas ini membutuhkan spesifikasi perangkat seperti berikut:

RAM

1GB (Rekomendasi 2GB)

Layar

1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Celeron (Rekomendasi Core i3 ke atas)

Tools

Kelas ini membutuhkan beberapa tools berikut:

Teks Editor (VSCode, Atom, atau Emacs)

Web Browser (Google Chrome atau Mozilla Firefox)

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

Lihat semua metode ajar

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

Kontributor

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia

Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Nasrul Gunawan

Sr. Backend Engineer at Stockbit

Web & Mobile Enthusiast
UI/UX Enthusiast

Khofidin

IT & Traceability Manager at Austrex

Google Certified Associate Android Developer
Multi stack developer

Catur dari Dicoding

Code Reviewer at Dicoding Indonesia

Associate Android Developer

Luthfi Alfarisi

External Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android & Web Enthusiast

Tio Misbaqul Irawan

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast
Unix/Linux Enthusiast

Lihat semua kontributor dan reviewer

Kontributor & Reviewer

Kontributor kelas

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia

Tim Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Nasrul Gunawan

Sr. Backend Engineer at Stockbit

Web & Mobile Enthusiast
UI/UX Enthusiast

Khofidin

IT & Traceability Manager at Austrex

Google Certified Associate Android Developer
Multi stack developer

Catur dari Dicoding

Code Reviewer at Dicoding Indonesia

Associate Android Developer

Luthfi Alfarisi

External Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android & Web Enthusiast

Tio Misbaqul Irawan

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast
Unix/Linux Enthusiast

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

Associate Android Developer

Alvin Indra Pratama

Product Engineer at Dicoding Indonesia

Front-End Developer

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

Associate Android Developer
Kotlin Enthusiast
UI/UX Enthusiast

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Mobile and Web Enthusiast
Node.js Developer Certified
AWS Certified Cloud Practitioner
React Developer
Associate Android Developer

Alexzander Purwoko Widiantoro

Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android, Web & IoT Enthusiast

Abdul Malik

Self-employed

A self-taught Frontend Developer with a passion for building user-friendly and efficient websites. My recent learning in Frontend web development has equipped me with a solid foundation in HTML, CSS, and JavaScript.

Let's get in touch with me:

Linkedin - GitHub - Facebook

Ni Luh Putu Anita Dewi

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Solutions Architect

Ananda Dwi Prayoga

Android Engineer at Vidio.com

Android Dev
Web Dev

Rosyiidah Hasnaa

Front End Enthusiast, Undergraduate at Politeknik Elektronika Negeri Surabaya

Final Year Student of Informatics Engineering at Politeknik Elektronika Negeri Surabaya. I have experience building a website using html, css, bootstrap, and javascript and making a responsive website. I enjoy learning about front-end developers in my free time. An eager and conscientious person who works well in team environments. I'm looking for opportunities in front-end web development.

Let's connect with me on linkedin.com/in/syiidahasnaa

Shaddam Amru Hasibuan

Front-end Engineer at Smeshub

React Front-end Engineer
Linux Enthusiast

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

Front-end Web Developer

Celvine Adi Putra

Mobile and Web Enthusiast
https://celvineadiputra.vercel.app/

Rian Mandala Putra

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast

Yusril Adriansyah Putra

External Code Reviewer at Dicoding Indonesia

Front-End Web Developer
Back-End Web Developer
Javascript Enthusiast

Ilham Shiddiq

External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.

Back-End Web Developer
Web Developing Enthusiast

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast

Sofyan Egi Lesmana

External Code Reviewer at Dicoding Indonesia

SIB Graduate Batch 2 - Front-End & Back-End Web
Certified by Dicoding Indonesia

You can reach out me on my Linkedin.

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

Front-End & Javascript Enthusiast

Fazza Razaq Amiarso

Web Developer & Open Source Maintainer

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently transitioning from React to Svelte. Interested on learning Interactive Story Telling with Data Visualization.

Personal Website: https://fazzaamiarso.me

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Gunawan Wahyu Andreanto

Full Stack Developer

meh

Nasrul Gunawan

Sr. Backend Engineer at Stockbit

Web & Mobile Enthusiast
UI/UX Enthusiast

Khofidin

IT & Traceability Manager at Austrex

Google Certified Associate Android Developer
Multi stack developer

Catur dari Dicoding

Code Reviewer at Dicoding Indonesia

Associate Android Developer

Luthfi Alfarisi

External Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android & Web Enthusiast

Tio Misbaqul Irawan

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast
Unix/Linux Enthusiast

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

Associate Android Developer

Alvin Indra Pratama

Product Engineer at Dicoding Indonesia

Front-End Developer

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

Associate Android Developer
Kotlin Enthusiast
UI/UX Enthusiast

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Mobile and Web Enthusiast
Node.js Developer Certified
AWS Certified Cloud Practitioner
React Developer
Associate Android Developer

Alexzander Purwoko Widiantoro

Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android, Web & IoT Enthusiast

Abdul Malik

Self-employed

Let's get in touch with me:

Linkedin - GitHub - Facebook

Ni Luh Putu Anita Dewi

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Solutions Architect

Ananda Dwi Prayoga

Android Engineer at Vidio.com

Android Dev
Web Dev

Rosyiidah Hasnaa

Front End Enthusiast, Undergraduate at Politeknik Elektronika Negeri Surabaya

Shaddam Amru Hasibuan

Front-end Engineer at Smeshub

React Front-end Engineer
Linux Enthusiast

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

Front-end Web Developer

Celvine Adi Putra

Mobile and Web Enthusiast
https://celvineadiputra.vercel.app/

Rian Mandala Putra

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

Mobile and Web Enthusiast

Yusril Adriansyah Putra

External Code Reviewer at Dicoding Indonesia

Front-End Web Developer
Back-End Web Developer
Javascript Enthusiast

Ilham Shiddiq

External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.

Back-End Web Developer
Web Developing Enthusiast

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast

Sofyan Egi Lesmana

External Code Reviewer at Dicoding Indonesia

SIB Graduate Batch 2 - Front-End & Back-End Web
Certified by Dicoding Indonesia

You can reach out me on my Linkedin.

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

Front-End & Javascript Enthusiast

Fazza Razaq Amiarso

Web Developer & Open Source Maintainer

Personal Website: https://fazzaamiarso.me

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Gunawan Wahyu Andreanto

Full Stack Developer

meh

Testimoni Siswa

Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.

Annisaa Utami

UIN Syarif Hidayatullah Jakarta

Belajar Fundamental Front-End Web Development

Walaupun awal-awalnya saya sempat kesulitan, namun kakak-kakak reviewer menjawab pertanyaan saya di forum dengan cukup cepat dan dapat dipahami.

Baca selengkapnya

Denis Febta Dianingratri

Frontier International Northern Pty Ltd

Belajar Fundamental Front-End Web Development

Mempelajari hal baru terutama coding web development kelihatnya susah. Tapi bersama Dicoding jadi terasa mudah, terlebih struktur materi disusun secara runtut dan rapi, serta ada contoh dan trial yang bisa diterapkan dan dicoba langsung. Dicoding selain mencerahkan juga mencerdaskan.

Baca selengkapnya

Lihat semua testimoni

Testimoni Siswa

Annisaa Utami

UIN Syarif Hidayatullah Jakarta

Belajar Fundamental Front-End Web Development

Walaupun awal-awalnya saya sempat kesulitan, namun kakak-kakak reviewer menjawab pertanyaan saya di forum dengan cukup cepat dan dapat dipahami

Denis Febta Dianingratri

Frontier International Northern Pty Ltd

Belajar Fundamental Front-End Web Development

Mempelajari hal-hal baru terutama coding untuk web development kelihatnya susah. Tapi bersama dicoding belajar bahasa pemrograman untuk web development jadi terasa mudah, terlebih struktur materi disususn secara runtut dan rapi, serta ada contoh dan trial yang bisa diterapkan dan dicoba langsung. Bersama dicoding tidak ada kata susah lagi untuk belajar pemrograman web, selain mencerahkan juga mencerdaskan.

Yohanes Pajero Hadi

PT. Manos Solusi

Belajar Fundamental Front-End Web Development

Saya sudah 9 tahun berkecimpung di web development. Tapi setelah menyelesaikan kelas ini, saya baru sadar banyak sekali yg belum saya tau. Materi yg jelas dengan tutorial bikin belajar cepet nyantol. Good job dicoding!

Pradipta Ariansyah Suryadi

PT Astra Graphia Information Technology

Belajar Fundamental Front-End Web Development

Materi disusun secara profesional disesuaikan dengan perkembangan teknologi dan standard yang digunakan di industry dipadukan dengan forum komunitas belajar yang sangat membantu dalam menjawab kesulitan yang dihadapi selama proses pembelajaran.

Punya pertanyaan seputar kelas ini?

Berikut adalah beberapa pertanyaan yang paling sering ditanyakan.

Bagaimana cara memasukkan token Academy? Aturan membuat pertanyaan di forum diskusi kelas Bagaimana cara mencetak sertifikat kelulusan kelas?

Lihat semua FAQ

Silabus

Materi yang akan Anda pelajari pada kelas ini.

Pengenalan Kelas

Memahami HAKI, mekanisme belajar, forum diskusi, glosarium, dan daftar referensi.

9 Artikel

95 menit

Persetujuan Hak Cipta
2 Menit
Pendahuluan Pengenalan Kelas
6 Menit
Prasyarat Kemampuan
15 Menit
Prasyarat Tools
15 Menit
Mekanisme Belajar
10 Menit
Forum Diskusi

20 Menit
Materi yang Dipelajari

12 Menit
Glosarium

10 Menit
Daftar Referensi

5 Menit

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.

55 Artikel

1250 menit

Pendahuluan ECMAScript 6

15 Menit
Menjalankan Potongan Kode

15 Menit
Persiapan Proyek Latihan

20 Menit
Deklarasi Variabel

25 Menit
Latihan: Deklarasi Variabel

5 Menit
Solusi: Deklarasi Variabel

25 Menit
Template Literals

25 Menit
Latihan: Template literals

10 Menit
Solusi: Template literals

15 Menit
Destructuring Object dan Array

25 Menit
Destructuring Object

30 Menit
Destructuring Array

30 Menit
Latihan: Destructuring Object

15 Menit
Solusi: Destructuring Object

15 Menit
Spreading Operator dan Rest Parameter

30 Menit
Function

10 Menit
Arrow Function Expression

20 Menit
Regular Function versus Arrow Function

25 Menit
Parameter dan Block Body pada Arrow Function

25 Menit
Keyword this pada Arrow Function

30 Menit
Default Parameters

10 Menit
Latihan: Arrow Function

5 Menit
Solusi: Arrow Function

25 Menit
Class

15 Menit
Apa itu Class pada JavaScript

30 Menit
Constructor

15 Menit
Instance

25 Menit
Property Accessor

25 Menit
Method

20 Menit
Inheritance

50 Menit
Static Method

25 Menit
Latihan: Class

5 Menit
Solusi: Class

25 Menit
Promise

10 Menit
setTimeout

20 Menit
Callback Function

45 Menit
Apa itu Promise

5 Menit
Membuat Objek Promise

30 Menit
Fungsi onFulfilled dan onRejected

30 Menit
onRejected menggunakan Catch Method

20 Menit
Promise Berantai

30 Menit
Promise All

25 Menit
Sintaks Async/Await

35 Menit
Menangani onRejected menggunakan async/await

20 Menit
Promise berantai menggunakan async/await

30 Menit
Latihan: Promise

10 Menit
Solusi: Promise

55 Menit
Module

20 Menit
Ekspor dan Impor Modul pada Node.js

35 Menit
Ekspor banyak Nilai pada Node.js

30 Menit
ES6 Module

5 Menit
Sintaks Ekspor dan Impor pada ES6 Module

40 Menit
Latihan: Module

15 Menit
Solusi: Module

40 Menit
Rangkuman ECMAScript 6

15 Menit

Web Components

Belajar membangun component UI website yang bersifat reusable dan encapsulated dengan custom element dan shadow DOM.

21 Artikel

615 menit

Pendahuluan Web Components

20 Menit
Apa itu Web Component

20 Menit
Custom Element

20 Menit
Menulis Custom Element Pertama

40 Menit
Siklus Hidup dari Custom Element

40 Menit
Atribut dan Method pada Custom Element

30 Menit
Mengamati Nilai Atribut

40 Menit
Menerapkan Styling pada Custom Element tanpa Shadow DOM

25 Menit
Menangani Data yang Kompleks

40 Menit
Nested Custom Element

30 Menit
Latihan: Menerapkan Custom Element pada proyek Club Finder

10 Menit
Solusi: Membuat app-bar Component

35 Menit
Solusi: Membuat search-bar Component

40 Menit
Solusi: Membuat club-list dan club-item Component

50 Menit
Shadow DOM

15 Menit
Apa itu Shadow DOM

15 Menit
Dasar Penggunaan Shadow DOM

35 Menit
Penggunaan Shadow DOM pada Web Component

35 Menit
Latihan: Menerapkan Shadow DOM pada Proyek Club Finder

10 Menit
Solusi: Menerapkan Shadow DOM pada Proyek Club Finder

50 Menit
Rangkuman Web Component

15 Menit

Evaluasi ECMAScript 6 dan Web Component

Menguji pemahaman peserta mengenai materi ECMAScript 6 dan Web Component melalui kuis.

1 Ujian

60 menit

Knowledge Check: ECMAScript 6 dan Web Component

60 Menit

Package Manager

Belajar menambahkan, menghapus, dan menggunakan package JavaScript yang tersedia di NPM serta membedakan peranan dari development dependencies dan production dependencies.

11 Artikel

255 menit

Pendahuluan Package Manager

5 Menit
Apa itu Package Manager

15 Menit
Memasang Node.js dan NPM

35 Menit
Memulai Menggunakan NPM

25 Menit
Membuat Proyek JavaScript menggunakan NPM

30 Menit
Memasang Package dan Mengenal berkas package.json

30 Menit
Menggunakan Package yang Terpasang pada Browser

30 Menit
Menjalankan Runner Scripts

25 Menit
Menghapus Package yang Terpasang

20 Menit
Cakupan Package

25 Menit
Rangkuman Node Package Manager

15 Menit

Bundel JavaScript dengan Module Bundler

Belajar penerapan module bundler sebagai build tools bagi aplikasi web untuk membundel berkas-berkas JavaScript menjadi satu berkas statis yang siap rilis dan optimal.

17 Artikel

420 menit

Pendahuluan Module Bundler

10 Menit
Apa itu Webpack

20 Menit
Core Concepts

15 Menit
Entry

15 Menit
Output

15 Menit
Loaders

10 Menit
Plugin

30 Menit
Mode

20 Menit
Memasang dan Menggunakan Webpack

40 Menit
Membuat Berkas Konfigurasi

35 Menit
Menggunakan Loader

50 Menit
Menggunakan Plugin

40 Menit
Webpack Dev Server

25 Menit
Mengonfigurasi Webpack berdasarkan Environment

35 Menit
Latihan: Menerapkan Webpack pada Club Finder

5 Menit
Solusi: Menerapkan Webpack pada Club Finder

40 Menit
Rangkuman Webpack

15 Menit

Evaluasi Package Manager dan Module Bundler

Menguji pemahaman peserta mengenai materi Package Manager dan Module Bundler melalui kuis.

1 Ujian

60 menit

Knowledge Check: Node Package Manager dan Webpack

60 Menit

Asynchronous JavaScript Request

Belajar transaksi data melalui protokol HTTP/HTTPS menggunakan Fetch API, baik menggunakan method GET, POST, PUT, maupun DELETE.

25 Artikel
1 Ujian

585 menit

Pendahuluan Asynchronous JavaScript Request

10 Menit
HTTP Request

10 Menit
Web APIs

10 Menit
CORS

15 Menit
Mencoba Web API menggunakan Postman

35 Menit
JavaScript Object Notation (JSON)

25 Menit
Persiapan Proyek Latihan

25 Menit
AJAX menggunakan XHR

25 Menit
Header dan Body Request menggunakan XHR

25 Menit
Latihan AJAX menggunakan XHR pada Dicoding Books

10 Menit
Melengkapi Fungsi getBook

25 Menit
Melengkapi Fungsi insertBook

25 Menit
Melengkapi Fungsi updateBook

25 Menit
Melengkapi Fungsi removeBook

25 Menit
AJAX menggunakan Fetch

5 Menit
Dasar Penggunaan Fetch

30 Menit
Mengubah Method, Menetapkan Header Property, dan Menetapkan Data pada Body Request menggunakan Fetch

30 Menit
Latihan AJAX menggunakan Fetch

5 Menit
Mengubah fungsi getBook

25 Menit
Mengubah fungsi insertBook

25 Menit
Mengubah fungsi updateBook

25 Menit
Mengubah fungsi deleteBook

25 Menit
Latihan: Menerapkan Fetch pada Proyek Club Finder

10 Menit
Solusi: Menerapkan Fetch pada Proyek Club Finder

50 Menit
Rangkuman Asynchronous JavaScript And XML

50 Menit
Knowledge Check: JavaScript Asynchronous Request

15 Menit

Penutup

Menguji pemahaman peserta dalam membuat aplikasi front-end web dengan kode JavaScript standar ES6, menerapkan Web Components, Webpack, dan menampilkan data dinamis dari Web API menggunakan AJAX.