Belajar Membuat Front-End Web untuk Pemula
4.87
React , Front-End Web

Learning Path

Belajar Membuat Front-End Web untuk Pemula

Topik:

Full Stack Front End
Level: Pemula
Level: Pemula 45 Jam Belajar
123.997

Siswa Terdaftar

Pelajari materi mengenai DOM manipulation, Event, dan Web Storage untuk meningkatkan fungsionalitas dan interaktifitas pada website Anda.
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.

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.



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

40

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

Jimmy
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

    LinkedIn

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified DevOps Engineer - Professional
  • AWS Certified Solutions Architect - Professional
  • Google Certified Associate Cloud Engineer 
  • Certified Laravel Developer
Malvian Dwi Haryanto
Amril Hakim Sihotang
Amril Hakim Sihotang

Amril Hakim Sihotang

External Code Reviewer at Dicoding Indonesia

  • Android & Jetpack Compose Enthusiast.
  • Kotlin Enthusiast.
  • Machine Learning Enthusiast.
Arief Turbagus Nuril
Arief Turbagus Nuril

Arief Turbagus Nuril

Mobile App Developer at SALT Indonesia

  • Mobile App Development Tech Enthusiast
  • Dicoding Graduate

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

Curriculum Developer at 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

Jimmy
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

    LinkedIn

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified DevOps Engineer - Professional
  • AWS Certified Solutions Architect - Professional
  • Google Certified Associate Cloud Engineer 
  • Certified Laravel Developer
Malvian Dwi Haryanto
Amril Hakim Sihotang
Amril Hakim Sihotang

Amril Hakim Sihotang

External Code Reviewer at Dicoding Indonesia

  • Android & Jetpack Compose Enthusiast.
  • Kotlin Enthusiast.
  • Machine Learning Enthusiast.
Arief Turbagus Nuril
Arief Turbagus Nuril

Arief Turbagus Nuril

Mobile App Developer at SALT Indonesia

  • Mobile App Development Tech Enthusiast
  • Dicoding Graduate
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
khairul anas
khairul anas

khairul anas

External Code Reviewer at Dicoding Indonesia

• Dicoding Graduate

• Flutter Developer

• Mobile & Web Enthusiast

Dimas Maulana Dwi Saputra
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

Abdul Malik
Ni Luh Putu Anita Dewi
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

Academy Code Reviewer at Dicoding Indonesia

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

Rosyiidah Hasnaa

Frontend Developer

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 Frontend Engineer
  • Product & UX
  • Linux Enthusiast
Muhammad Ilham Adhim
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Swanddd
Fiqri ardiansyah
Farhan Rafly Fahrezi Saepulloh
Farhan Rafly Fahrezi Saepulloh

Farhan Rafly Fahrezi Saepulloh

Frontend Engineer

If the physics says it is allowed, the engineers will find a way.

Samodra
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

Software Engineering Student at College of Vocational Studies IPB University

I am a web developer who is interested in both backend and frontend development. I have been teaching myself web development and am familiar with programming languages such as HTML, CSS, JavaScript, PHP and Python as well as frameworks like Laravel, Django, React and Node.js. I am eager to gain practical experience and contribute to the development of high-quality websites and software.

Yudistira Arya Mutamang
Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Cyber Security Enthusiast
Chandra Perdiansyah
Ilham Shiddiq
Abraham Bulyan Zebua
Abraham Bulyan Zebua

Abraham Bulyan Zebua

make something from nothing

I love design and make new things especially for make an app and my desire is to make apps looks nice and friendly for user not just nice for eye but easy to use

see more about me

Muhammad Alvino Dienova
Eko Rahayu Widodo
Eko Rahayu Widodo

Eko Rahayu Widodo

Software Engineer

• Lifelong Learner.

• Let's Connect ^^.

Marcello Sebastian
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
- 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

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.

Muhammad Zainul Hakim
Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech.

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

Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

    LinkedIn

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified DevOps Engineer - Professional
  • AWS Certified Solutions Architect - Professional
  • Google Certified Associate Cloud Engineer 
  • Certified Laravel Developer
Malvian Dwi Haryanto

Malvian Dwi Haryanto

External Code Reviewer at Dicoding Indonesia

Software Engineer | Web Enthusiast

Amril Hakim Sihotang

Amril Hakim Sihotang

External Code Reviewer at Dicoding Indonesia

  • Android & Jetpack Compose Enthusiast.
  • Kotlin Enthusiast.
  • Machine Learning Enthusiast.
Arief Turbagus Nuril

Arief Turbagus Nuril

Mobile App Developer at SALT Indonesia

  • Mobile App Development Tech Enthusiast
  • Dicoding Graduate
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

khairul anas

khairul anas

External Code Reviewer at Dicoding Indonesia

• Dicoding Graduate

• Flutter Developer

• Mobile & Web Enthusiast

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

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

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

Academy Code Reviewer at Dicoding Indonesia

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

Rosyiidah Hasnaa

Frontend Developer

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 Frontend Engineer
  • Product & UX
  • Linux Enthusiast
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Swanddd

Swanddd

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Fiqri ardiansyah

Fiqri ardiansyah

Frontend Developer at PT. SPM

HA, nice!

Take a look my portfolio

Farhan Rafly Fahrezi Saepulloh

Farhan Rafly Fahrezi Saepulloh

Frontend Engineer

If the physics says it is allowed, the engineers will find a way.

Samodra

Samodra

External Code Reviewer at Dicoding Indonesia

  • Software Engineer
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

Software Engineering Student at College of Vocational Studies IPB University

I am a web developer who is interested in both backend and frontend development. I have been teaching myself web development and am familiar with programming languages such as HTML, CSS, JavaScript, PHP and Python as well as frameworks like Laravel, Django, React and Node.js. I am eager to gain practical experience and contribute to the development of high-quality websites and software.

Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Cyber Security Enthusiast
Chandra Perdiansyah

Chandra Perdiansyah

Frontend Web Developer Enthusiast

Lifelong Learner

Linkedin : https://www.linkedin.com/in/cperdiansyah/

Ilham Shiddiq

Ilham Shiddiq

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

  • Back-End Web Developer
  • Web Developing Enthusiast
Abraham Bulyan Zebua

Abraham Bulyan Zebua

make something from nothing

I love design and make new things especially for make an app and my desire is to make apps looks nice and friendly for user not just nice for eye but easy to use

see more about me

Muhammad Alvino Dienova

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Eko Rahayu Widodo

Eko Rahayu Widodo

Software Engineer

• Lifelong Learner.

• Let's Connect ^^.

Marcello Sebastian

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast

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

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.

Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech.


Testimoni Siswa

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

Thomi Hawari
Thomi Hawari
SDIT Al-Furqon
Belajar Membuat Front-End Web untuk Pemula
Kelas banyak mengajarkan hal-hal yang saya tidak temukan di beberapa tulisan online. Materinya juga cukup dalam. Saya senang sudah belajar banyak hal di kelas ini.
Baca selengkapnya
Rafi Muhammad Luthfi
Rafi Muhammad Luthfi
IMP Studio
Belajar Membuat Front-End Web untuk Pemula
Setiap materi diberikan penjelasan yang sangat rinci kemudian, dilengkapi dengan submission sebagai ujian sesungguhnya bagi setiap siswa yang akan lulus.
Baca selengkapnya

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 10 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 20 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 30 Menit

  • 15 Menit

  • 20 Menit

  • 35 Menit

  • 25 Menit

  • 25 Menit

  • 30 Menit

  • 35 Menit

  • 25 Menit

  • 35 Menit

  • 20 Menit

  • 10 Menit

  • 10 Menit

  • 30 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 30 Menit

  • 35 Menit

  • 35 Menit

  • 35 Menit

  • 20 Menit

  • 30 Menit

  • 25 Menit

  • 35 Menit

  • 35 Menit

  • 25 Menit

  • 20 Menit

  • 35 Menit

  • 35 Menit

  • 35 Menit

  • 35 Menit

  • 20 Menit

  • 15 Menit

  • 25 Menit

  • 30 Menit

  • 25 Menit

  • 25 Menit

  • 10 Menit

  • 25 Menit

  • 25 Menit

  • 45 Menit

  • 25 Menit

  • 40 Menit

  • 20 Menit

  • 35 Menit

  • 35 Menit

  • 25 Menit

  • 30 Menit

  • 20 Menit

  • 60 Menit

  • 60 Menit

  • 900 Menit