Belajar Membuat Aplikasi Web dengan React
4.90
React

Learning Path

Belajar Membuat Aplikasi Web dengan React

Teknologi:

Web
Level: Pemula
Level: Pemula 35 Jam Belajar
23.832

Siswa Terdaftar

Pelajari kemampuan dasar dalam membuat aplikasi React seperti element, component, props, event handling, dan state.
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.

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

Tuntutan dalam mengembangkan aplikasi web semakin hari semakin kompleks. Pasalnya, aplikasi web saat ini dapat berperan layaknya aplikasi native. Seiring rumitnya permintaan, semakin canggih juga tools dalam mengembangkan web. Penggunaan React sebagai tools membangun UI mendominasi mulai dari perusahaan rintisan hingga perusahaan besar berskala multinasional. Di Indonesia sendiri React telah dipercaya dan digunakan oleh perusahaan besar seperti Tokopedia, Traveloka, dan lainnya.

  • React merupakan Library/Framework paling populer untuk membangun user interface aplikasi.
  • React memiliki komunitas developer yang besar baik di luar negeri maupun di dalam negeri.
  • React dipercaya dan digunakan oleh perusahaan besar nasional dan multinasional.
  • React termasuk library/framework yang mudah dipelajari karena tidak memiliki banyak perbedaan dengan mengembangkan aplikasi web secara standar.
  • Pengembangan aplikasi React tidak membutuhkan device dengan spesifikasi yang tinggi.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang komponen UI-nya reusable, deklaratif, dan bersifat reaktif terhadap perubahan data.
  • 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, menguasai HTML, CSS, dan JavaScript serta sudah familier dengan sintaksis ES6.
  • 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 web dengan React yang memanfaatkan functional component, stateful component, dan controlled component.

Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Teks Editor (VSCode)

Lihat semua peralatan belajar

Lihat semua peralatan belajar

Peralatan Belajar

Spesifikasi minimal perangkat

Kelas ini membutuhkan spesifikasi perangkat seperti berikut:

RAM

2GB (Rekomendasi 4GB)

Layar

1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools

Kelas ini membutuhkan beberapa tools berikut:

Teks Editor (VSCode)

Web Browser (Google Chrome atau Mozilla Firefox)

Command Line (Terminal atau cmd)


Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 35 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 25 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 : 
      • Ujian Akhir Kelas
      •  Submission (Proyek Akhir) berupa membangun web aplikasi dengan React yang menerapkan reusable component, stateful component, controlled component.
    • Sertifikat kompetensi

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 35 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 25 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 : 
      • Ujian Akhir Kelas
      •  Submission (Proyek Akhir) berupa membangun web aplikasi dengan React yang menerapkan reusable component, stateful component, controlled component.
    • Sertifikat kompetensi

Kontributor

2

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Zain Fathoni

Zain Fathoni

Senior Front-End Engineer at Relay Commerce

Reviewer

34

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
Vincentius Jordan H Tampubolon
Amril Hakim Sihotang
Amril Hakim Sihotang

Amril Hakim Sihotang

External Code Reviewer at Dicoding Indonesia

  • Android & Jetpack Compose Enthusiast.
  • Kotlin Enthusiast.
  • Machine Learning 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

Zain Fathoni

Zain Fathoni

Senior Front-End Engineer at Relay Commerce


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
Vincentius Jordan H Tampubolon
Amril Hakim Sihotang
Amril Hakim Sihotang

Amril Hakim Sihotang

External Code Reviewer at Dicoding Indonesia

  • Android & Jetpack Compose Enthusiast.
  • Kotlin Enthusiast.
  • Machine Learning 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

Putu Jhonarendra
Putu Jhonarendra

Putu Jhonarendra

Programmer

Seorang Programmer dari Bali, Indonesia yang memiliki pengalaman lebih dari 3 tahun mengembangkan aplikasi web. Aplikasi yang dibuat telah dipakai di lembaga pendidikan dan instansi pemerintah.

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
Muhammad Nazar Alwi
Muhammad Nazar Alwi

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

  • Software Engineering Student
  • Dicoding Graduate
  • iOS Developer
Ivan Andrianto
Ivan Andrianto

Ivan Andrianto

  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Sesaka Aji Nursah Bantani
Sesaka Aji Nursah Bantani

Sesaka Aji Nursah Bantani

External Reviewer Dicoding at Dicoding Indonesia

find me on linkedin or Github

Muhammad Rifki Erlangga
Mohamad Zaelani
Mohamad Zaelani

Mohamad Zaelani

External Code Reviewer Dicoding

Have an Interest in Machine Learning, Cloud Computing, Mobile and Web development. Feel free to connect with me on LinkedIn.

• Dicoding Discussion Squad

• TensorFlow Developer Certified

• AWS Certified Cloud Practitioner

• AWS Certified Solutions Architect – Associate

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.

Ilham Shiddiq
Sofyan Egi Lesmana
Sofyan Egi Lesmana

Sofyan Egi Lesmana

You can reach out me on my Linkedin.

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

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://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan
Muhammad Zainul Hakim
Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech.

Ferdian Ahmad Rozikin
Ferdian Ahmad Rozikin

Ferdian Ahmad Rozikin

Frontend Engineer & External Code Reviewer

Experienced Frontend Engineer Crafting Immersive Digital Experiences: Elevate Your Team's Web Development Capabilities with Innovation, Precision, and a Proven Track Record

dos:6686df0f9e218fbb7a0a1eb49dea73d020230224162524.png Linkedin | Website | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Github | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Medium | dos-81e37f3f8ce298c50c6e701e10e3482120240630125304.png X

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

Vincentius Jordan H Tampubolon

Vincentius Jordan H Tampubolon

External Code Reviewer At Dicoding Indonesia

Amril Hakim Sihotang

Amril Hakim Sihotang

External Code Reviewer at Dicoding Indonesia

  • Android & Jetpack Compose Enthusiast.
  • Kotlin Enthusiast.
  • Machine Learning 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 at Dicoding

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

Putu Jhonarendra

Putu Jhonarendra

Programmer

Seorang Programmer dari Bali, Indonesia yang memiliki pengalaman lebih dari 3 tahun mengembangkan aplikasi web. Aplikasi yang dibuat telah dipakai di lembaga pendidikan dan instansi pemerintah.

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

Junior Frontend Developer

Let's get in touch with me:

Linkedin - GitHub - Facebook

Muhammad Nazar Alwi

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

  • Software Engineering Student
  • Dicoding Graduate
  • iOS Developer
Ivan Andrianto

Ivan Andrianto

  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Sesaka Aji Nursah Bantani

Sesaka Aji Nursah Bantani

External Reviewer Dicoding at Dicoding Indonesia

find me on linkedin or Github

Muhammad Rifki Erlangga

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

  • Front-end Web Developer
Mohamad Zaelani

Mohamad Zaelani

External Code Reviewer Dicoding

Have an Interest in Machine Learning, Cloud Computing, Mobile and Web development. Feel free to connect with me on LinkedIn.

• Dicoding Discussion Squad

• TensorFlow Developer Certified

• AWS Certified Cloud Practitioner

• AWS Certified Solutions Architect – Associate

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.

Ilham Shiddiq

Ilham Shiddiq

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

  • Back-End Web Developer
  • Web Developing Enthusiast
Sofyan Egi Lesmana

Sofyan Egi Lesmana

You can reach out me on my Linkedin.

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

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://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech.

Ferdian Ahmad Rozikin

Ferdian Ahmad Rozikin

Frontend Engineer & External Code Reviewer

Experienced Frontend Engineer Crafting Immersive Digital Experiences: Elevate Your Team's Web Development Capabilities with Innovation, Precision, and a Proven Track Record

dos:6686df0f9e218fbb7a0a1eb49dea73d020230224162524.png Linkedin | Website | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Github | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Medium | dos-81e37f3f8ce298c50c6e701e10e3482120240630125304.png X


Testimoni Siswa

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

Fahdi Alan Fawwazi
Fahdi Alan Fawwazi
PT. Anugerah Jaya Prakarsa
Belajar Membuat Aplikasi Web dengan React
Materinya bener-bener friendly untuk pemula react, diluaran sana belajar react langsung pake React Hooks dan itu membuat bingung untuk saya, namun disini benar-benar berawal dari dasar
Baca selengkapnya
I Dewa Gede Palguna
I Dewa Gede Palguna
Nusa Film
Belajar Membuat Aplikasi Web dengan React
Penyampaian materi yang cukup jelas. Berhubung saya secara pribadi belum familiar dengan konsep penulisan component yang mencampur JS dan HTML, dan cara mengkomposisinya. Tapi di course ini, cukup cepat saya paham karena ada analogi dan ilustrasi yang bener2 menggambarkan konsepnya.
Baca selengkapnya
Lihat semua testimoni

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 15 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 15 Menit

  • 10 Menit

  • 15 Menit

  • 25 Menit

  • 20 Menit

  • 30 Menit

  • 20 Menit

  • 25 Menit

  • 20 Menit

  • 20 Menit

  • 20 Menit

  • 35 Menit

  • 30 Menit

  • 10 Menit

  • 40 Menit

  • 45 Menit

  • 35 Menit

  • 20 Menit

  • 10 Menit

  • 15 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 45 Menit

  • 45 Menit

  • 15 Menit

  • 25 Menit

  • 50 Menit

  • 45 Menit

  • 30 Menit

  • 15 Menit

  • 15 Menit

  • 10 Menit

  • 60 Menit

  • 60 Menit

  • 820 Menit