Belajar Membuat Front-End Web untuk Pemula
4.88 •

React ,

React ,

Front-End Web

Front-End Web

Learning Path

Belajar Membuat Front-End Web untuk Pemula

Topik:

Full Stack Front End
Level: Pemula

Level: Pemula

Level: Pemula 45 Jam Belajar
189.689

Siswa Terdaftar

Pelajari materi mengenai DOM manipulation, Event, dan Web Storage untuk meningkatkan fungsionalitas dan interaktifitas pada website Anda.
Harga

Rp600,000

/ bulan
Harga

Rp600,000

/ bulan
Berlangganan sekarang Lihat langganan lainnya
Akses modul gratis
Learning Path React Developer

Kelas ini merupakan langkah ke-tiga Anda untuk menjadi React Developer.

Langkah sebelumnya

Langkah 2
Belajar Dasar Pemrograman JavaScript
46 Jam 4,85 Level Dasar

Langkah setelahnya

Langkah 4
Belajar Membuat Aplikasi Web dengan React
35 Jam 4,90 Level Pemula
Learning Path Front-End Web Developer

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

Langkah sebelumnya

Langkah 2
Belajar Dasar Pemrograman JavaScript
46 Jam 4,85 Level Dasar

Langkah setelahnya

Langkah 4
Belajar Fundamental Front-End Web Development
80 Jam 4,89 Level Menengah
Promo yang tersedia
Liburan Tetap Seru, Skill Ikut Maju, Diskon 50% Khusus Untukmu!
Berakhir dalam 3 hari
Liburan Tetap Seru, Skill Ikut Maju, Diskon 50% Khusus Untukmu!

13 Jul 2026 - 19 Jul 2026

Detail promo
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.

Kuis

Kuis pilihan ganda membantu Anda memahami materi yang dipelajari.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.
Level Pemula
Mempelajari topik dasar dengan objektif membuat produk, sistem, atau latihan sederhana.

Deskripsi

Website sudah menjadi kebutuhan utama yang tidak bisa diabaikan. Hal ini karena website tidak hanya digunakan sebagai media informasi, tetapi bisa juga sebagai tools untuk menunjang bisnis Anda. Untuk membuat website yang memiliki fungsionalitas lebih dan interaktif, web developer perlu belajar teknik manipulasi DOM. Kelas ini membahas secara tuntas dan lengkap mengenai DOM Manipulation dan Web Storage dalam membuat website yang memiliki fungsionalitas lebih dan interaktif.

  • Web merupakan platform yang dapat diakses melalui beragam perangkat. Hal ini menjadi keuntungan jika Anda mengembangkan aplikasi berbasis web.
  • Pengembangan web tidak membutuhkan komputer/laptop yang memiliki spesifikasi tinggi sehingga bukan menjadi penghalang utama bagi Anda yang tidak memiliki perangkat yang mumpuni.
  • Website adalah platform yang dijangkau oleh banyak Search Engine seperti Google Search sehingga website cocok sebagai media promosi bisnis atau konten.
  • Mengembangkan website termasuk pengembangan yang mudah dikelola dan dipublikasi.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang memiliki fungsionalitas lebih daripada hanya media informasi saja, sesuai dengan standar industri.
  • Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
  • Siswa diharapkan sudah mampu mengembangkan aplikasi web di sisi Front-End dengan menguasai HTML dan CSS.
  • 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 yang interaktif serta memiliki fitur penyimpanan menggunakan Web Storage.


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 : 45 jam  
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 33 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 sebuah website yang menerapkan teknik manipulasi DOM dan web storage. 
    • Sertifikat kompetensi 

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning   
    • Total jam belajar : 45 jam  
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 33 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 sebuah website yang menerapkan teknik manipulasi DOM dan web storage. 
    • Sertifikat kompetensi 

Kontributor

3

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Gregorius Sebastian

Gregorius Sebastian

Course Contributor at Dicoding

Reviewer

46

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

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

IT Systems Governance Engineer at Politeknik Ketenagakerjaan, External Code Reviewer at Dicoding Indonesia

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

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

Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
Agista Septiyanto

Agista Septiyanto

Elite Manager at Dicoding Indonesia

Masuk

  
Caps Lock is on
Remember me
Lupa Password?
Masuk
atau
Logo Google Masuk dengan Google

Belum punya akun? Ayo daftar
 Dengan melakukan login, Anda setuju dengan syarat & ketentuan Dicoding. 
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Ar Fajar Setiaji
Khairul Anas N.I.H.
Khairul Anas N.I.H.

Khairul Anas N.I.H.

External Code Reviewer at Dicoding Indonesia

• Flutter Developer

• Mobile & Web Enthusiast

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

Gregorius Sebastian

Gregorius Sebastian

Course Contributor at Dicoding

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Software Engineer

Tim Reviewer

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

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

IT Systems Governance Engineer at Politeknik Ketenagakerjaan, External Code Reviewer at Dicoding Indonesia

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

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

Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
Agista Septiyanto

Agista Septiyanto

Elite Manager at Dicoding Indonesia

Masuk

  
Caps Lock is on
Remember me
Lupa Password?
Masuk
atau
Logo Google Masuk dengan Google

Belum punya akun? Ayo daftar
 Dengan melakukan login, Anda setuju dengan syarat & ketentuan Dicoding. 
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Ar Fajar Setiaji
Khairul Anas N.I.H.
Khairul Anas N.I.H.

Khairul Anas N.I.H.

External Code Reviewer at Dicoding Indonesia

• Flutter Developer

• Mobile & Web Enthusiast

Dimas Maulana Dwi Saputra
Abdullah Ibnu Hibban
Alexzander Purwoko
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Mellania Permata Sylvie
Mellania Permata Sylvie

Mellania Permata Sylvie

External Reviewer Machine Learning di Dicoding

Information system student, Machine Learning Enthusiasm, and Tensorflow Developer Certified

RENALDY GATAN PRAMANA
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

Ahmad Muwaffaq
Ahmad Muwaffaq

Ahmad Muwaffaq

Enthusiastic Frontend Developer

An enthusiastic frontend developer with 4+ years of experience developing user interfaces around the web. I'm helping to bridge the gap between design, ideas, and technical implementation, tailoring pleasant user interfaces and intuitive user experiences. Proficient in leveraging modern tools to deliver performant and scalable apps.

Grafis Nuresa
Grafis Nuresa

Grafis Nuresa

Fullstack Developer at Whello

Pixel perfect to build websites and prioritizing performance and reliable REST APIs to keep our Front-End team happy. Hi, I am Grafis Nuresa since 2018, I have been dedicated for those tasks daily, and I think we can agree that I am a Full-Stack Developer but honestly I am more inclined towards the Front-End part with deep experience in WordPress theme and plugin development also UI libraries like React, Vue, Svelte etc even web frameworks like Next.js, Nuxt and Astro. Besides that I have a lot of experience in the Back-End part with Nodejs (Fastify, Express and Hapi) to serve REST APIs for various purposes. Of course I do both of them type safety with TypeScript. Being used to working with multinational people makes me ready to work with anyone and anywhere.

Jonry Simbolon
Geraldo Sepdwijaya
Shaddam Amru Hasibuan
Shaddam Amru Hasibuan

Shaddam Amru Hasibuan

Sofware Engineer | Frontend Developer | React, Next.js, Typescript

Software Engineer with 5 years of experience specializing in Web App and Mobile Frontend development using React and TypeScript, expanding into AI solutions.

Tatang Kuswandi
Mochamad Boval Akmal Putra
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
Hasan Ismail Abdulmalik
Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Full Stack Engineer - Dicoding Elite

Saya adalah seorang Full Stack Engineer, dengan keahlian di bidang backend development, frontend development, serta cloud computing, saya siap membantu peserta memahami konsep secara mendalam dan menerapkannya dalam membangun solusi digital yang scalable dan berdampak. Pengalaman saya dalam berbagai program fasilitasi dengan peserta dari berbagai latar belakang harapannya dapat membantu teman-teman tumbuh secara menyeluruh dan siap menghadapi tantangan industri teknologi.

Levi Rizki Saputra
Dhea Fesa Athallah
Achmad Ali Izzudin
Seprian Dani
Fazza Razaq Amiarso
Fazza Razaq Amiarso

Fazza Razaq Amiarso

Forward Deployed 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.

Linkedin

Github

Usman
Febry Billiyagi Karsidi
Febry Billiyagi Karsidi

Febry Billiyagi Karsidi

-

Stay calm, Stay sharp

Frisnadi Nurul Huda
Frisnadi Nurul Huda

Frisnadi Nurul Huda

Full stack Web & Mobile Developer

Fullstack Web developer berfokus pada ReactJs & NextJs. Mentor dan Distinct graduate Bangkit Academy path Mobile (Android) Development. Memiliki ketertarikan di bidang Machine Learning, software development, dan graphic design. Portofolio: frisyk.vercel.app. 

Fauzi Kurniawan
Aprido Ilham
Aprido Ilham

Aprido Ilham

External Code Reviewer at Dicoding Indonesia

Coding Camp graduate powered by DBS Foundation 2025

Tarwin
Tarwin

Tarwin

IT Support

Saya Seorang Support It di suatu perusahaan di jakarta

Danang Agung Restu Aji
Muhammad Zainul Hakim
Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech.

Julhan Abdul Malik
Julhan Abdul Malik

Julhan Abdul Malik

Mahasiswa at Nusa Putra University

Hi, I’m Julhan Abdul Malik, a final-year student at Nusa Putra University, majoring in Information Technology, with a GPA of 3.91. I have a strong passion for and extensive experience in Software Engineering, starting from vocational education, internships, programmer training, to professional work experience.

Linkedin

Triandi
Muhammad Alfin Alfarizi
Shafwan Ilham Dzaky
Shafwan Ilham Dzaky

Shafwan Ilham Dzaky

External Reviewer

Suddenly, I want to do it.

Dedy Irama
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

Nabila Nurul Fauziah
Naufal Satrio Putra
Habibunayka Miftah Al Rizqi
Habibunayka Miftah Al Rizqi

Habibunayka Miftah Al Rizqi

External Reviewer

Freelance Fullstack Engineer at PT. Indomedia Global Mandiri

Satwika Nino Wandhana
Mildan Falah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

IT Systems Governance Engineer at Politeknik Ketenagakerjaan, External Code Reviewer at Dicoding Indonesia

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

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

Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Agista Septiyanto

Elite Manager at Dicoding Indonesia

Masuk

  
Caps Lock is on
Remember me
Lupa Password?
Masuk
atau
Logo Google Masuk dengan Google

Belum punya akun? Ayo daftar
 Dengan melakukan login, Anda setuju dengan syarat & ketentuan Dicoding. 
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Ar Fajar Setiaji

Ar Fajar Setiaji

Khairul Anas N.I.H.

Khairul Anas N.I.H.

External Code Reviewer at Dicoding Indonesia

• Flutter Developer

• Mobile & Web Enthusiast

Abdullah Ibnu Hibban

Abdullah Ibnu Hibban

Software Engineer

Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Mellania Permata Sylvie

Mellania Permata Sylvie

External Reviewer Machine Learning di Dicoding

Information system student, Machine Learning Enthusiasm, and Tensorflow Developer Certified

RENALDY GATAN PRAMANA

RENALDY GATAN PRAMANA

DevOps Enthusiast

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

Ahmad Muwaffaq

Ahmad Muwaffaq

Enthusiastic Frontend Developer

An enthusiastic frontend developer with 4+ years of experience developing user interfaces around the web. I'm helping to bridge the gap between design, ideas, and technical implementation, tailoring pleasant user interfaces and intuitive user experiences. Proficient in leveraging modern tools to deliver performant and scalable apps.

Grafis Nuresa

Grafis Nuresa

Fullstack Developer at Whello

Pixel perfect to build websites and prioritizing performance and reliable REST APIs to keep our Front-End team happy. Hi, I am Grafis Nuresa since 2018, I have been dedicated for those tasks daily, and I think we can agree that I am a Full-Stack Developer but honestly I am more inclined towards the Front-End part with deep experience in WordPress theme and plugin development also UI libraries like React, Vue, Svelte etc even web frameworks like Next.js, Nuxt and Astro. Besides that I have a lot of experience in the Back-End part with Nodejs (Fastify, Express and Hapi) to serve REST APIs for various purposes. Of course I do both of them type safety with TypeScript. Being used to working with multinational people makes me ready to work with anyone and anywhere.

Jonry Simbolon

Jonry Simbolon

Keep Learning Maplen,,,

Linkedin

Geraldo Sepdwijaya

Geraldo Sepdwijaya

Software Engineer at Maybank

geraldo's website

Shaddam Amru Hasibuan

Shaddam Amru Hasibuan

Sofware Engineer | Frontend Developer | React, Next.js, Typescript

Software Engineer with 5 years of experience specializing in Web App and Mobile Frontend development using React and TypeScript, expanding into AI solutions.

Tatang Kuswandi

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

  • Software Development Enthusiast
Mochamad Boval Akmal Putra

Mochamad Boval Akmal Putra

YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Full Stack Engineer - Dicoding Elite

Saya adalah seorang Full Stack Engineer, dengan keahlian di bidang backend development, frontend development, serta cloud computing, saya siap membantu peserta memahami konsep secara mendalam dan menerapkannya dalam membangun solusi digital yang scalable dan berdampak. Pengalaman saya dalam berbagai program fasilitasi dengan peserta dari berbagai latar belakang harapannya dapat membantu teman-teman tumbuh secara menyeluruh dan siap menghadapi tantangan industri teknologi.

Levi Rizki Saputra

Levi Rizki Saputra

Dhea Fesa Athallah

Dhea Fesa Athallah

Frontend Developer | Tech Enthusiast | Code Reviewer

Achmad Ali Izzudin

Achmad Ali Izzudin

Group Head of Junior Engineers at PLN ICON+

Seprian Dani

Seprian Dani

Owner of Petani Canggih Indonesia

Fazza Razaq Amiarso

Fazza Razaq Amiarso

Forward Deployed 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.

Linkedin

Github

Usman

Usman

Febry Billiyagi Karsidi

Febry Billiyagi Karsidi

-

Stay calm, Stay sharp

Frisnadi Nurul Huda

Frisnadi Nurul Huda

Full stack Web & Mobile Developer

Fullstack Web developer berfokus pada ReactJs & NextJs. Mentor dan Distinct graduate Bangkit Academy path Mobile (Android) Development. Memiliki ketertarikan di bidang Machine Learning, software development, dan graphic design. Portofolio: frisyk.vercel.app. 

Fauzi Kurniawan

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Aprido Ilham

Aprido Ilham

External Code Reviewer at Dicoding Indonesia

Coding Camp graduate powered by DBS Foundation 2025

Tarwin

Tarwin

IT Support

Saya Seorang Support It di suatu perusahaan di jakarta

Danang Agung Restu Aji

Danang Agung Restu Aji

NLP Research Engineer

Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech.

Julhan Abdul Malik

Julhan Abdul Malik

Mahasiswa at Nusa Putra University

Hi, I’m Julhan Abdul Malik, a final-year student at Nusa Putra University, majoring in Information Technology, with a GPA of 3.91. I have a strong passion for and extensive experience in Software Engineering, starting from vocational education, internships, programmer training, to professional work experience.

Linkedin

Triandi

Triandi

External Code Reviewer at Dicoding Indonesia

Visit my web at https://triandi.me

Muhammad Alfin Alfarizi

Muhammad Alfin Alfarizi

Academy Code Reviewer At Dicoding Indonesia

Linkedin

Shafwan Ilham Dzaky

Shafwan Ilham Dzaky

External Reviewer

Suddenly, I want to do it.

Dedy Irama

Dedy Irama

Muhammad Raka Sondara

Muhammad Raka Sondara

External Code Reviewer at Dicoding Indonesia

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

Nabila Nurul Fauziah

Nabila Nurul Fauziah

External Code Reviewer at Dicoding Indonesia

LinkedIn

Naufal Satrio Putra

Naufal Satrio Putra

Student at Jenderal Soedirman University, Software Engineer at Rico Capital & Digiyok

Fullstack AI Engineer

Habibunayka Miftah Al Rizqi

Habibunayka Miftah Al Rizqi

External Reviewer

Freelance Fullstack Engineer at PT. Indomedia Global Mandiri

Satwika Nino Wandhana

Satwika Nino Wandhana

Computer Science Student at Universitas Gadjah Mada

Mildan Falah

Mildan Falah

Testimoni Siswa

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

Chadiro
Chadiro
Adzkiya Games
Belajar Membuat Front-End Web untuk Pemula
Setinggi apapun sebuah pohon, akan mudah roboh tanpa akar yang kuat, dan tentu saja meski pohon itu sekarang pendek namun dengan akar yang kuat maka suatu saat akan mencapai ketinggian. Saya sangat senang dan bersyukur bisa mengikuti kelas ini, banyak sekali wawasan yang bisa saya dapatkan. Saya sendiri bukanlah apa-apa, hanya lulusan SMK dan tanpa background pemrograman sama sekali. Sebelumnya saya belajar pemrograman secara mandiri hanya untuk mengisi waktu luang dan tanpa tujuan yang jelas. Namun setelah mengikuti kelas dasar ini, saya semakin semangat dan memiliki tujuan yang ingin saya capai, saya akan berusaha semaksimal mungkin. Terimakasih telah memberikan kesempatan belajar, ini merupakan bekal yang sangat berharga untuk saya.
Baca selengkapnya
Aditya Fakhri Riansyah
Aditya Fakhri Riansyah
CODEPOLITAN
Belajar Membuat Front-End Web untuk Pemula
Kelasnya sangat memuaskan, materinya relevan dengan kebutuhan industri, dan penyampaiannya mudah dipahami.
Baca selengkapnya

Lihat semua testimoni

Lihat semua testimoni
Berlangganan sekarang Lihat langganan lainnya
Akses modul gratis

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • Persetujuan Hak Cipta

    5 Menit

  • Prasyarat Kemampuan

    25 Menit

  • Prasyarat Tools

    25 Menit

  • Mekanisme Belajar

    10 Menit

  • Forum Diskusi

    15 Menit

  • Glosarium

    20 Menit

  • Daftar Referensi

    15 Menit

  • Pendahuluan Browser Object Model dan Document Object Model

    10 Menit

  • Cara JavaScript Mengontrol Website dan Browser

    25 Menit

  • Menjalankan JavaScript di Website

    25 Menit

  • Browser Environment

    25 Menit

  • Pendahuluan Browser Object Model (BOM)

    20 Menit

  • Anggota BOM: Method alert

    25 Menit

  • Anggota BOM: Method prompt

    25 Menit

  • Anggota BOM: console

    25 Menit

  • Cara Memanggil Anggota BOM

    30 Menit

  • Pendahuluan Document Object Model (DOM)

    15 Menit

  • DOM Tree

    20 Menit

  • Mencari DOM (Mendapatkan DOM)

    35 Menit

  • Membuat Elemen HTML

    25 Menit

  • Mengubah Konten HTML - Menyiapkan Konten

    25 Menit

  • Mengubah Konten HTML - Memanipulasi Atribut Melalui setAttribute()

    30 Menit

  • Mengubah Konten HTML - Memanipulasi Konten Melalui innerText, innerHTML, dan style.property

    35 Menit

  • Menambahkan Elemen HTML ke DOM

    25 Menit

  • Rangkuman Browser Object Model & Document Object Model

    35 Menit

  • Kuis Browser Object Model dan Document Object Model

    20 Menit

  • Pendahuluan Interaktif dengan Event

    10 Menit

  • Apa Itu Event

    10 Menit

  • Macam-Macam Event

    30 Menit

  • Menambahkan Event Handler - Menyiapkan Halaman Website

    25 Menit

  • Menambahkan Event Handler - Membuat event handler onload

    25 Menit

  • Menambahkan Event Handler - Membuat event handler onclick

    25 Menit

  • Menambahkan Event Handler - Menerapkan event handler inline

    25 Menit

  • Menambahkan Event Handler - Menerapkan event handler dengan addEventListener()

    30 Menit

  • Menambahkan Custom Event

    35 Menit

  • Membangkitkan Custom Event

    35 Menit

  • Event Bubbling dan Capturing

    35 Menit

  • Pengenalan ke Form

    20 Menit

  • Form Event

    30 Menit

  • Input Event: Menyiapkan Halaman Web

    25 Menit

  • Input Event: onInput, onFocus, dan onBlur

    35 Menit

  • Input Event: onChange, onCopy, dan onPaste

    35 Menit

  • Input Event: Hasil Akhir

    25 Menit

  • Membuat Aplikasi Todo Apps

    20 Menit

  • Mengunduh Starter Project, Membuat Berkas JavaScript, dan Menampilkan Todo pada Console

    35 Menit

  • Menampilkan Item Todo dan Menandai Todo Selesai

    35 Menit

  • Menampilkan Item Todo yang Selesai dan Menghapus Todo

    35 Menit

  • Ikhtisar Interaktif dengan Event

    35 Menit

  • Kuis Interaktif dengan Event

    20 Menit

  • Pengenalan Penyimpanan Data dengan Web Storage

    15 Menit

  • Pengertian dan Fungsi Web Storage

    25 Menit

  • Macam-Macam Web Storage dan Cara Mengetahui Dukungan Web Storage

    30 Menit

  • Local Storage

    25 Menit

  • Session Storage

    25 Menit

  • Pengantar Latihan: Membuat Permainan Tebak Angka “123”

    10 Menit

  • Implementasi Web Storage - Menambahkan Item Storage

    25 Menit

  • Implementasi Web Storage - Mengakses Item Storage

    25 Menit

  • Implementasi Web Storage - Memodifikasi Item Storage

    45 Menit

  • Implementasi Web Storage - Menghapus Item Storage

    25 Menit

  • Implementasi Web Storage - Menyimpan Data Kompleks pada Storage menggunakan objek JSON

    40 Menit

  • Mengimplementasikan Web Storage ke Proyek Todo Apps

    20 Menit

  • Menambahkan Metode Manipulasi Data Web Storage

    35 Menit

  • Menambahkan Fungsi Memuat Data Ketika Todo Apps Dibuka

    35 Menit

  • Tantangan!

    25 Menit

  • Ikhtisar Penyimpanan Data dengan Web Storage

    30 Menit

  • Kuis Web Storage

    20 Menit

  • Rangkuman Kelas

    60 Menit

  • Ujian Akhir

    60 Menit

  • Submission: Membangun Expense Tracker App

    900 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