Belajar Fundamental Front-End Web Development
4.88 •

Front-End Web

Front-End Web

Learning Path

Belajar Fundamental Front-End Web Development

Topik:

Full Stack Front End
Level: Menengah

Level: Menengah

Level: Menengah 80 Jam Belajar
31.498

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 Pengembangan Web Intermediate
80 Jam 4,89 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

Jalankan kode secara langsung di platform untuk memahami konsep lebih cepat.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.
Level Menengah
Memahami konsep dasar secara mendalam dan luas. Di sejumlah kelas mempelajari teknik khusus untuk pemahaman praktis.
Lihat silabus

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

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

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

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

2

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer di Dicoding Indonesia

Reviewer

44

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

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Nasrul Gunawan
Khofidin
Khofidin

Khofidin

IT & Traceability Manager at Austrex
  • Google Certified Associate Android Developer
  • Multi stack developer
Catur dari Dicoding
Luthfi Alfarisi

Lihat semua kontributor dan reviewer

Lihat semua kontributor dan reviewer

Kontributor & Reviewer

Kontributor kelas

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer di Dicoding Indonesia

Tim Reviewer

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

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Nasrul Gunawan
Khofidin
Khofidin

Khofidin

IT & Traceability Manager at Austrex
  • Google Certified Associate Android Developer
  • Multi stack developer
Catur dari Dicoding
Luthfi Alfarisi
Tio Misbaqul Irawan
Tio Misbaqul Irawan

Tio Misbaqul Irawan

External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
  • Unix/Linux Enthusiast
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
Alvin Indra Pratama
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia
  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Nanang Sutisna
Nanang Sutisna

Nanang Sutisna

- Mobile & Web Enthusiast

- External Code Reviewer at Dicoding Indonesia

Dimas Maulana Dwi Saputra
Gunawan Wahyu Andreanto
Alexzander Purwoko
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Abdul Malik
Ni Luh Putu Anita Dewi
Ananda Dwi Prayoga
Muhammad Nazar Alwi
Muhammad Nazar Alwi

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia
  • Software Engineering Student
  • Dicoding Graduate
  • iOS Developer
  • More Info: nazaralwi.com
Ivan Andrianto
Ivan Andrianto

Ivan Andrianto

External Reviewer at Dicoding Indonesia
  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Rosyiidah Hasnaa
Rosyiidah Hasnaa

Rosyiidah Hasnaa

Academy Code Reviewer at Dicoding Indonesia

Applied Bachelor of Informatics Engineering from 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
Shaddam Amru

Shaddam Amru

Frontend Engineer | React, Next.js, Typescript
  • Frontend Product Engineer w/ React, Next.js, Typescript
  • Product & UX Design
  • Linux & FOSS Enthusiast
Muhammad Ilham Adhim
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Rifki Erlangga
Celvine Adi Putra
Rian Mandala Putra
Tatang Kuswandi
Fiqri ardiansyah
YUSRIL ADRIANSYAH PUTRA
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Muhammad Ali Pratama Putra
Hasan Ismail Abdulmalik
Ilham Shiddiq
Muhammad Alvino Dienova
Sofyan Egi Lesmana
Sofyan Egi Lesmana

Sofyan Egi Lesmana

You can reach out me on my Linkedin.

Kevin Jonathan
Kevin Jonathan

Kevin Jonathan

External Code Reviewer at Dicoding Indonesia

Research Assistant at Waseda University | Apple Developer Academy Alumni

Seprian Dani
Refiandi Reza Syawaldriyansah
Shidqi Rifat Pangestu
Shidqi Rifat Pangestu

Shidqi Rifat Pangestu

Frontend Developer at Badr Interactive

- Frontend web enthusiast
- Instructor, Mentor, and Advisor Project at Dicoding
- Contribute through technology </>

Fazza Razaq Amiarso
Fazza Razaq Amiarso

Fazza Razaq Amiarso

Software Engineer@WidaTech & Mentor

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently learning and building interactive experience on the Web and Mobile.

Huge believer (and doer ofc) in learning by doing.

Personal Website: https://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Usman
Fauzi Kurniawan
Irenius Brayen Luhat
Irenius Brayen Luhat

Irenius Brayen Luhat

Self-employed

Seorang pembelajar dan pengembang web. Saya adalah seorang antusias Javascript, saya mendedikasikan banyak waktu belajar saya di sini. Kenali lebih jauh dengan mengunjung website profil saya.

Kevin Winardi
Kevin Winardi

Kevin Winardi

External Code Reviewer at Dicoding Indonesia

Seseorang yang berdedikasi tinggi untuk belajar. 

LinkedIn

Muhammad Raka Sondara
Muhammad Raka Sondara

Muhammad Raka Sondara

External Code Reviewer at Dicoding Indonesia

SIB Dicoding Cycle 6 Graduated - Front-End & Back-End Web

I Nengah Marccel Janara Brata Cipta
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Nasrul Gunawan

Nasrul Gunawan

Elixir Backend Developer at Global IT Support

  • Web & Mobile Enthusiast
  • UI/UX Enthusiast
Khofidin

Khofidin

IT & Traceability Manager at Austrex

  • Google Certified Associate Android Developer
  • Multi stack developer
Catur dari Dicoding

Catur dari Dicoding

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
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Agista Septiyanto

Product Engineer

Tim product

Alvin Indra Pratama

Alvin Indra Pratama

Frontend Developer at Antikode

  • Front-End Developer
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Nanang Sutisna

Nanang Sutisna

- Mobile & Web Enthusiast

- External Code Reviewer at Dicoding Indonesia

Gunawan Wahyu Andreanto

Gunawan Wahyu Andreanto

Full Stack Developer

meh
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Abdul Malik

Abdul Malik

Frontend Developer

Let's get in touch with me:

Linkedin - GitHub - Facebook

Ni Luh Putu Anita Dewi

Ni Luh Putu Anita Dewi

Ananda Dwi Prayoga

Ananda Dwi Prayoga

Android Engineer at Vidio.com

  • Android Dev
  • Web Dev
Muhammad Nazar Alwi

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

  • Software Engineering Student
  • Dicoding Graduate
  • iOS Developer
  • More Info: nazaralwi.com
Ivan Andrianto

Ivan Andrianto

External Reviewer at Dicoding Indonesia

  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Rosyiidah Hasnaa

Rosyiidah Hasnaa

Academy Code Reviewer at Dicoding Indonesia

Applied Bachelor of Informatics Engineering from 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

Shaddam Amru

Frontend Engineer | React, Next.js, Typescript

  • Frontend Product Engineer w/ React, Next.js, Typescript
  • Product & UX Design
  • Linux & FOSS Enthusiast
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Rifki Erlangga

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

  • Front-end Web Developer
Celvine Adi Putra

Celvine Adi Putra

Rian Mandala Putra

Rian Mandala Putra

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Tatang Kuswandi

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

  • Software Development Enthusiast
Fiqri ardiansyah

Fiqri ardiansyah

Fullstack Developer at INCIT

HA, nice!

Take a look my portfolio

YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Muhammad Ali Pratama Putra

Muhammad Ali Pratama Putra

Student at Universitas Teknologi Yogyakarta

saya baru belajar coding.

Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Software Engineering Student at College of Vocational Studies IPB University

Ilham Shiddiq

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

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Sofyan Egi Lesmana

Sofyan Egi Lesmana

You can reach out me on my Linkedin.

Kevin Jonathan

Kevin Jonathan

External Code Reviewer at Dicoding Indonesia

Research Assistant at Waseda University | Apple Developer Academy Alumni

Seprian Dani

Seprian Dani

External Academy Code Reviewer at Dicoding Indonesia

Refiandi Reza Syawaldriyansah

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

Front-End & Javascript Enthusiast

Shidqi Rifat Pangestu

Shidqi Rifat Pangestu

Frontend Developer at Badr Interactive

- Frontend web enthusiast
- Instructor, Mentor, and Advisor Project at Dicoding
- Contribute through technology </>

Fazza Razaq Amiarso

Fazza Razaq Amiarso

Software Engineer@WidaTech & Mentor

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently learning and building interactive experience on the Web and Mobile.

Huge believer (and doer ofc) in learning by doing.

Personal Website: https://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Usman

Usman

Fauzi Kurniawan

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Irenius Brayen Luhat

Irenius Brayen Luhat

Self-employed

Seorang pembelajar dan pengembang web. Saya adalah seorang antusias Javascript, saya mendedikasikan banyak waktu belajar saya di sini. Kenali lebih jauh dengan mengunjung website profil saya.

Kevin Winardi

Kevin Winardi

External Code Reviewer at Dicoding Indonesia

Seseorang yang berdedikasi tinggi untuk belajar. 

LinkedIn

Muhammad Raka Sondara

Muhammad Raka Sondara

External Code Reviewer at Dicoding Indonesia

SIB Dicoding Cycle 6 Graduated - Front-End & Back-End Web

I Nengah Marccel Janara Brata Cipta

I Nengah Marccel Janara Brata Cipta

Student at Lampung University

Testimoni Siswa

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

Prasetyo Edi Pamungkas
Prasetyo Edi Pamungkas
Universitas Gadjah Mada
Belajar Fundamental Front-End Web Development
saya sangat puas karena kelas ini menawarkan pembelajaran yang esensial dan relevan dalam pengembangan web front-end, terutama dengan fokus pada penggunaan webpack dan penampilan data dari server. Kedua topik ini merupakan keterampilan penting yang akan meningkatkan efisiensi dan kualitas pengembangan aplikasi web. Memahami cara menggunakan webpack sebagai module bundler serta bagaimana menampilkan data dinamis dari server adalah fondasi yang kuat untuk menjadi seorang front-end developer yang kompeten. Kelas ini pastinya membuat pengalaman belajar menjadi lebih seru dan aplikatif.
Baca selengkapnya
Muhammad Khuirul Huda
Muhammad Khuirul Huda
Universitas Negeri Semarang
Belajar Fundamental Front-End Web Development
Kelas ini membantu saya memahami berbagai materi termasuk web components dan webpack yang sepertinya akan sering saya gunakan.
Baca selengkapnya

Lihat semua testimoni

Lihat semua testimoni
Silabus
Belajar Sekarang

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • Pengantar HTML Form Lanjutan

    15 Menit

  • Pendalaman Elemen Form

    25 Menit

  • Pendalaman Form Field

    50 Menit

  • Pendalaman Atribut Form Field

    30 Menit

  • Validasi Data

    55 Menit

  • Pentingnya Auto Completion

    35 Menit

  • Styling Form

    50 Menit

  • Lebih Maju dengan JavaScript

    40 Menit

  • Semantik Itu Penting

    20 Menit

  • Best Practice dalam Membangun Form

    50 Menit

  • Pengantar Studi Kasus: Club Finder App

    15 Menit

  • Studi Kasus: Pencarian untuk Club Finder App

    60 Menit

  • Rangkuman HTML Form Lanjutan

    15 Menit

  • Kuis HTML Form Lanjutan

    30 Menit

  • Pengantar CSS Grid

    15 Menit

  • Kenalkan, Saya CSS Grid

    15 Menit

  • Flexbox vs CSS Grid

    50 Menit

  • Latihan: Memulai dengan CSS Grid

    40 Menit

  • Terminologi Grid

    30 Menit

  • Grid Container dan Grid Item

    25 Menit

  • Inspeksi CSS Grid Layout

    20 Menit

  • Tentukan Kolom dan Barismu

    30 Menit

  • Hal Spesial untuk Anda yang Spesial

    40 Menit

  • Mengatur Posisi

    30 Menit

  • Penuh Kendali dengan Grid Template

    35 Menit

  • Alignment

    35 Menit

  • Studi Kasus: Mengatur Layout pada Club Finder App

    30 Menit

  • Rangkuman Layouting dengan CSS Grid

    15 Menit

  • Kuis Layouting dengan CSS Grid

    30 Menit

  • Pengantar Web Component

    15 Menit

  • Apa Itu Web Component

    35 Menit

  • Latihan: Menulis Custom Element Pertama

    25 Menit

  • Define dan Render Custom Element

    25 Menit

  • Siklus Hidup

    25 Menit

  • Handling Custom Attribute

    30 Menit

  • Aku Suka Keindahan

    30 Menit

  • Nested Custom Element

    30 Menit

  • Tantangan: Styling dan Custom Attribute pada ImageFigure

    40 Menit

  • Pengantar Shadow DOM

    20 Menit

  • Dia Adalah Shadow DOM

    30 Menit

  • Dasar Penggunaan Shadow DOM

    45 Menit

  • Shadow DOM untuk Web Component

    35 Menit

  • Fleksibel dengan Slot Element

    35 Menit

  • Tantangan: Shadow DOM dan Slot pada ImageFigure

    40 Menit

  • Lebih Lanjut dalam Shadow DOM

    40 Menit

  • Mudah dengan Template Element

    35 Menit

  • Studi Kasus: Bangun Komponen pada Club Finder App

    60 Menit

  • Rangkuman Web Component

    15 Menit

  • Kuis Web Component

    30 Menit

  • Tips Submission: Proyek Pertama

    15 Menit

  • Submission: Membangun Notes App

    720 Menit

  • Pendahuluan Package Manager

    10 Menit

  • npm sebagai Package Manager

    20 Menit

  • Memasang Node.js dan npm

    30 Menit

  • Memulai dengan npm

    25 Menit

  • Membangun Proyek JavaScript dengan npm

    25 Menit

  • Memasang Package dan Mengenal Berkas package.json

    35 Menit

  • Menggunakan Package yang Terpasang pada Browser

    35 Menit

  • Menjalankan Runner Scripts

    20 Menit

  • Hapus Instalasi Package

    20 Menit

  • Package Scope

    25 Menit

  • Rangkuman Package Manager untuk Aplikasi Web

    15 Menit

  • Kuis Package Manager untuk Aplikasi Web

    30 Menit

  • Pendahuluan Module Bundler

    15 Menit

  • Apa Itu webpack

    20 Menit

  • Konsep Inti

    20 Menit

  • Entry Point

    15 Menit

  • Output

    15 Menit

  • Loaders

    25 Menit

  • Plugin

    25 Menit

  • Mode

    20 Menit

  • Memasang dan Menggunakan Webpack

    30 Menit

  • Membuat Berkas Konfigurasi

    25 Menit

  • Menggunakan Loader

    50 Menit

  • Menggunakan Plugin

    35 Menit

  • DevServer

    25 Menit

  • Mengonfigurasi webpack Berdasarkan Environment

    35 Menit

  • Studi Kasus: webpack untuk Club Finder App

    60 Menit

  • Rangkuman Bundel dengan Module Bundler

    15 Menit

  • Kuis Bundel dengan Module Bundler

    30 Menit

  • Pengantar Asynchronous JavaScript Request

    10 Menit

  • HTTP Request

    15 Menit

  • Web API

    20 Menit

  • Cross-Origin Resource Sharing (CORS)

    20 Menit

  • Mencoba Web API menggunakan Postman

    40 Menit

  • JavaScript Object Notation (JSON)

    35 Menit

  • Persiapan Proyek Latihan

    35 Menit

  • Asynchronous JavaScript Request dengan XMLHttpRequest

    25 Menit

  • Header dan Body Request dengan XMLHttpRequest

    25 Menit

  • Pengantar Latihan: Bertransaksi dengan XHR di Dicoding Books

    10 Menit

  • Latihan: Melengkapi Fungsi getBook

    25 Menit

  • Latihan: Melengkapi Fungsi insertBook

    25 Menit

  • Latihan: Melengkapi Fungsi updateBook

    25 Menit

  • Latihan: Melengkapi Fungsi removeBook

    25 Menit

  • Asynchronous JavaScript Request dengan Fetch API

    30 Menit

  • Penggunaan Fetch API Lebih Lanjut

    30 Menit

  • Pengantar Latihan: Refactor Cara Transaksi di Dicoding Books dengan Fetch

    10 Menit

  • Latihan: Refactor Fungsi getBook

    25 Menit

  • Latihan: Refactor Fungsi insertBook

    25 Menit

  • Latihan: Refactor Fungsi updateBook

    25 Menit

  • Latihan: Refactor Fungsi removeBook

    25 Menit

  • Studi Kasus: API untuk Club Finder App

    60 Menit

  • Rangkuman Asynchronous JavaScript Request

    15 Menit

  • Kuis Asynchronous JavaScript Request

    30 Menit

  • Rangkuman Kelas

    90 Menit

  • Ujian Akhir

    200 Menit

  • Tips Submission: Proyek Kedua

    15 Menit

  • Submission: Integrasi Notes App dengan RESTful API

    720 Menit

Dicoding Logo

Dicoding Space
Jl. Batik Kumeli No.50, Sukaluyu,
Kec. Cibeunying Kaler, Kota Bandung
Jawa Barat 40123

Penghargaan

Asean Business Award 2019
Anugerah Diktisaintek 2024

Decode Ideas
Discover Potential

Tentang Kami
Blog
Reward
Showcase
Dicoding Elite
Hubungi Kami
FAQ