Belajar Membuat Aplikasi Web dengan React
Teknologi:
WebLevel: Pemula
Siswa Terdaftar
Teknologi:
WebLevel: Pemula
Siswa Terdaftar
Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.
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.
Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.
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 belajarKelas 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)
Kelas ini membutuhkan beberapa tools berikut:
Teks Editor (VSCode)
Web Browser (Google Chrome atau Mozilla Firefox)
Command Line (Terminal atau cmd)
Metode Ajar
Lihat semua metode ajar
Lihat semua metode ajarKontributor
2Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Zain Fathoni
Senior Front-End Engineer at Relay Commerce
Reviewer
34Code Reviewer yang akan me-review tugas dan kode Anda:
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
External Code Reviewer at Dicoding Indonesia
Malvian Dwi Haryanto
External Code Reviewer at Dicoding Indonesia
Software Engineer | Web Enthusiast
Vincentius Jordan H Tampubolon
External Code Reviewer At Dicoding Indonesia
Amril Hakim Sihotang
External Code Reviewer at Dicoding Indonesia
Lihat semua kontributor dan reviewer
Lihat semua kontributor dan reviewerKontributor kelas
Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
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
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
External Code Reviewer at Dicoding Indonesia
Malvian Dwi Haryanto
External Code Reviewer at Dicoding Indonesia
Software Engineer | Web Enthusiast
Vincentius Jordan H Tampubolon
External Code Reviewer At Dicoding Indonesia
Amril Hakim Sihotang
External Code Reviewer at Dicoding Indonesia
Inggih Wicaksono
Web Developer at Erasys Consulting
- Fullstack man but currently focus on React.js
- Hacktoberfest fans @igihcksn
Alvin Indra Pratama
Frontend Developer at Antikode
Alfian Yusuf Abdullah
Head of Reviewer at Dicoding Indonesia
Nanang Sutisna
- Mobile & Web Enthusiast
- External Code Reviewer at Dicoding Indonesia
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.
Alexzander Purwoko
Code Reviewer at Dicoding Indonesia
Muhammad Nazar Alwi
External Code Reviewer at Dicoding Indonesia
Ivan Andrianto
Sesaka Aji Nursah Bantani
External Reviewer Dicoding at Dicoding Indonesia
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
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
Swanddd
External Code Reviewer at Dicoding Indonesia
Fiqri ardiansyah
Frontend Developer at PT. SPM
HA, nice!
Take a look my portfolio
Farhan Rafly Fahrezi Saepulloh
Frontend Engineer
If the physics says it is allowed, the engineers will find a way.
Samodra
External Code Reviewer at Dicoding Indonesia
YUSRIL ADRIANSYAH PUTRA
External Code Reviewer at Dicoding Indonesia
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
External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.
Sofyan Egi Lesmana
You can reach out me on my Linkedin.
Refiandi Reza Syawaldriyansah
External Reviewer Dicoding
Front-End & Javascript Enthusiast
Shidqi Rifat Pangestu
Frontend Developer at Badr Interactive
- Frontend web enthusiast
- Contribute through technology </>
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
External Code Reviewer at Dicoding Indonesia
Javascript enthusiast
Muhammad Zainul Hakim
Developer
Learning the web tech.
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
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
External Code Reviewer at Dicoding Indonesia
Malvian Dwi Haryanto
External Code Reviewer at Dicoding Indonesia
Software Engineer | Web Enthusiast
Vincentius Jordan H Tampubolon
External Code Reviewer At Dicoding Indonesia
Amril Hakim Sihotang
External Code Reviewer at Dicoding Indonesia
Inggih Wicaksono
Web Developer at Erasys Consulting
- Fullstack man but currently focus on React.js
- Hacktoberfest fans @igihcksn
Agista Septiyanto
Product Engineer at Dicoding
Alvin Indra Pratama
Frontend Developer at Antikode
Alfian Yusuf Abdullah
Head of Reviewer at Dicoding Indonesia
Nanang Sutisna
- Mobile & Web Enthusiast
- External Code Reviewer at Dicoding Indonesia
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
Curriculum Developer at Dicoding Indonesia
Gunawan Wahyu Andreanto
Full Stack Developer
Alexzander Purwoko
Code Reviewer at Dicoding Indonesia
Muhammad Nazar Alwi
External Code Reviewer at Dicoding Indonesia
Ivan Andrianto
Sesaka Aji Nursah Bantani
External Reviewer Dicoding at Dicoding Indonesia
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
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
Swanddd
External Code Reviewer at Dicoding Indonesia
Fiqri ardiansyah
Frontend Developer at PT. SPM
HA, nice!
Take a look my portfolio
Farhan Rafly Fahrezi Saepulloh
Frontend Engineer
If the physics says it is allowed, the engineers will find a way.
Samodra
External Code Reviewer at Dicoding Indonesia
YUSRIL ADRIANSYAH PUTRA
External Code Reviewer at Dicoding Indonesia
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
External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.
Sofyan Egi Lesmana
You can reach out me on my Linkedin.
Refiandi Reza Syawaldriyansah
External Reviewer Dicoding
Front-End & Javascript Enthusiast
Shidqi Rifat Pangestu
Frontend Developer at Badr Interactive
- Frontend web enthusiast
- Contribute through technology </>
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
External Code Reviewer at Dicoding Indonesia
Javascript enthusiast
Muhammad Zainul Hakim
Developer
Learning the web tech.
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
Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.
Lihat semua testimoni
Lihat semua testimoniBerikut adalah beberapa pertanyaan yang paling sering ditanyakan.
Materi yang akan Anda pelajari pada kelas ini.
Memahami HAKI, mekanisme belajar, forum diskusi, glosarium, dan daftar referensi.
2 Menit
10 Menit
10 Menit
10 Menit
20 Menit
10 Menit
8 Menit
Berkenalan dengan React, mengetahui alasan mempelajari React, dan mengenal ekosistem yang ada di React.
15 Menit
20 Menit
20 Menit
15 Menit
15 Menit
Kuis Pengenalan React
10 Menit
Belajar tentang konsep dasar React seperti composition, declarative code, unidirectional data flow, dan menyadari bahwa React hanyalah JavaScript.
Pengantar Konsep Dasar React
15 Menit
React Element dan Component
25 Menit
Composition
25 Menit
Declarative Code
25 Menit
Unidirectional Data Flow
25 Menit
React is Just JavaScript
25 Menit
Rangkuman Konsep Dasar React
15 Menit
Kuis Konsep Dasar React
10 Menit
Belajar tentang membangun UI di React seperti mengenal element dan component. Serta, belajar juga konsep component properti yang membuat UI aplikasi bersifat reusable.
Pengantar React UI Component
15 Menit
React Starter pada Online Code Editor
25 Menit
React Element
20 Menit
Latihan Membuat React Element
30 Menit
JSX
20 Menit
Latihan Menggunakan JSX
25 Menit
React Component
20 Menit
Component Properties
20 Menit
Compositional Component
20 Menit
Latihan Membuat dan Komposisi React Component
35 Menit
Latihan Membuat List UI
30 Menit
Studi Kasus: Membuat Aplikasi Daftar Kontak
10 Menit
React Project
40 Menit
Latihan Studi Kasus: Menampilkan Daftar Kontak
45 Menit
Latihan Studi Kasus: Memberikan Styling
35 Menit
Rangkuman React UI Component
20 Menit
Kuis React UI Component
10 Menit
Belajar tentang class component, menggunakan state di dalam component, memahami dan mempraktikkan controlled component.
Pengantar Stateful Component
15 Menit
Class Component
25 Menit
Latihan Membuat Class Component
25 Menit
State Component
25 Menit
Event Handling
25 Menit
Latihan Component State dan Event Handling
45 Menit
Latihan Studi Kasus: Menambahkan Fitur Hapus Kontak
45 Menit
React Hooks?
15 Menit
Controlled Component (Form)
25 Menit
Latihan Membuat Controlled Component
50 Menit
Latihan Studi Kasus: Menambahkan Fitur Tambah Kontak
45 Menit
Debugging Component menggunakan React DevTools
30 Menit
Tips Penggunaan JSX untuk Pemula
15 Menit
Rangkuman Stateful Component
15 Menit
Kuis Stateful Component
10 Menit
Ujian akhir yang harus ditempuh untuk lulus dari kelas ini.
Rangkuman Kelas
60 Menit
Ujian Akhir
60 Menit
Menguji pemahaman peserta dengan membuat aplikasi web sederhana menggunakan React dengan menerapkan kriteria-kriteria yang telah ditentukan.
Proyek Akhir: Membangun Aplikasi Catatan Menggunakan React
820 Menit