Menjadi React Web Developer Expert
Teknologi:
WebLevel: Mahir
Siswa Terdaftar
Teknologi:
WebLevel: Mahir
Siswa Terdaftar
Kelas ini merupakan langkah ke-enam Anda untuk menjadi React Developer.
React merupakan UI Library paling populer yang digunakan industri dalam membangun aplikasi web. Tantangan terbesar dalam membangun aplikasi React adalah memastikan aplikasi yang dibangun mudah dikelola, minim bugs, dan teruji. Untuk itu, React developer harus mampu menulis kode yang baik sesuai kaidah, mengelola state dengan baik agar perubahannya lebih terprediksi, dan memastikan aplikasi yang dibuat sudah diuji secara otomatis sebelum menyentuh tahap rilis.
Kelas ini merupakan langkah ke-enam Anda untuk menjadi React Developer.
Peralatan Belajar
Spesifikasi minimal perangkat:
Prosesor
Intel Dual Core (Rekomendasi Core i3 ke atas)
Tools yang dibutuhkan untuk belajar:
Node.js versi LTS terbaru
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:
Node.js versi LTS terbaru
Command Line (Terminal atau cmd)
Web Browser (Google Chrome atau Mozilla Firefox)
Teks Editor (VSCode)
Metode Ajar
Lihat semua metode ajar
Lihat semua metode ajarKontributor
1Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Reviewer
25Code 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
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
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
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
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
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
Ivan Andrianto
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.
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.
Eko Rahayu Widodo
Software Engineer
• Lifelong Learner.
• Let's Connect ^^.
Sofyan Egi Lesmana
You can reach out me on my Linkedin.
Rizqy Hidayat
Product Engineer, Dicoding Indonesia
Product Engineer, Dicoding
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
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
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
Ivan Andrianto
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.
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.
Eko Rahayu Widodo
Software Engineer
• Lifelong Learner.
• Let's Connect ^^.
Sofyan Egi Lesmana
You can reach out me on my Linkedin.
Rizqy Hidayat
Product Engineer, Dicoding Indonesia
Product Engineer, Dicoding
Seprian Dani
External Academy Code Reviewer at Dicoding Indonesia
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.
Berikut 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
10 Menit
20 Menit
10 Menit
8 Menit
Belajar menggunakan linter dalam menulis kode dengan gaya yang konsisten. Serta belajar kaidah penulisan yang baik berdasarkan buku Clean Code yang diadaptasi ke JavaScript dan React.
Pengantar Linter dan Clean Code
5 Menit
Style Guide
15 Menit
JavaScript Linter
5 Menit
Latihan: Menggunakan ESLint pada React Project
45 Menit
Clean Code
5 Menit
Prinsip Membuat Variabel
20 Menit
Prinsip Membuat Fungsi
35 Menit
Prinsip Menangani Proses Asynchronous
15 Menit
Prinsip Penanganan Error
10 Menit
Prinsip Memberikan Komentar
10 Menit
React Clean Code
25 Menit
React Strict Mode
35 Menit
Latihan: Menggunakan React Strict Mode
45 Menit
Rangkuman Linter dan Clean Code
15 Menit
Kuis Linter dan Clean Code
5 Menit
Belajar mengelola state aplikasi dengan Redux agar perubahan state lebih terprediksi dan minim akan bugs.
Pendahuluan State Management dengan Redux
5 Menit
State Container (Store)
15 Menit
Latihan: Membuat Store
30 Menit
Action
15 Menit
Kuis Koding: Action Creator
20 Menit
Reducer Function
30 Menit
Kuis Koding: Pure Function
20 Menit
Latihan: Membuat Action, Reducer Function, dan fungsi Dispatch pada Store
45 Menit
Kuis Koding: Reducer Function
30 Menit
Latihan: Mengombinasi Reducer
20 Menit
Kuis Koding: Root Reducer
15 Menit
Latihan: Redux Library
10 Menit
React Redux
15 Menit
Latihan: Menggunakan Redux Store di React
45 Menit
Redux Middleware
20 Menit
Latihan: Membuat dan Menggunakan Redux Middleware
30 Menit
Asynchronous Action
25 Menit
Latihan: Asynchronous Action
45 Menit
Third Party Middleware
10 Menit
Redux Best Practices
20 Menit
Real World Project: Implementasi Redux pada Aplikasi Sosial Media Open Space (Twitter Like App)
10 Menit
Menyiapkan, Menjalankan, dan Menganalisis Proyek Starter
35 Menit
Membuat Action dan Reducer untuk State authUser
25 Menit
Membuat Action dan Reducer untuk State isPreload
25 Menit
Membuat Action dan Reducer untuk State users
25 Menit
Membuat Action dan Reducer untuk State talks
25 Menit
Membuat Action dan Reducer untuk State talkDetail
25 Menit
Membuat Shared Action
15 Menit
Membuat Redux Store
15 Menit
Menggunakan Redux Store pada React Component
30 Menit
Menerapkan Loading Bar
25 Menit
Rangkuman State Management dengan Redux
20 Menit
Kuis State Management dengan Redux
5 Menit
Menguji pemahaman peserta akan materi State Management dengan membuat aplikasi React yang memanfaatkan Redux.
Proyek: Membangun Aplikasi React dengan Redux
1200 Menit
Belajar cara menguji aplikasi React secara otomatis mulai dari tingkatan Unit Test hingga End-to-End Test.
Pengantar Automation Testing
5 Menit
Pentingnya Pengujian pada Pengembangan Aplikasi
10 Menit
Mengenal Automation Testing
5 Menit
Automation Testing di JavaScript
15 Menit
Framework Testing untuk JavaScript
20 Menit
Mengenal Kultur Test Driven Development
15 Menit
Latihan: Mencoba Unit Testing dengan Kultur TDD
45 Menit
Latihan: Menerapkan Unit Testing untuk Menguji Fungsi Reducer
45 Menit
Test Double
25 Menit
Latihan: Test Double untuk Menguji Thunk Function
45 Menit
React Testing Library
30 Menit
Latihan: Menguji Komponen React
45 Menit
End-to-End Test dengan Cypress
15 Menit
Latihan: Memasang dan Mengonfigurasi Cypress
35 Menit
Latihan: E2E Test pada Proses Login Aplikasi
45 Menit
Rangkuman Automation Testing
10 Menit
Kuis Automation Testing
5 Menit
Belajar cara deployment aplikasi React yang efektif, aman, dan cepat dengan teknik CI/CD.
Pengantar Deployment dengan CI/CD
5 Menit
Cara Developer Mengelola Kode
10 Menit
Pengertian CI/CD
10 Menit
Platform CI/CD untuk Aplikasi React
5 Menit
Alur CI/CD
10 Menit
Persiapan Latihan Deployment dengan CI/CD
10 Menit
Latihan: Memasang Git pada Komputer
25 Menit
Latihan: Membuat Local Repository
15 Menit
Latihan: Membuat Akun GitHub
10 Menit
Latihan: Menghubungkan Akun GitHub di Lokal Git dengan GitHub CLI
15 Menit
Latihan: Membuat Remote Repository dan Mengunggah Source Code ke GitHub
15 Menit
Latihan: Membuat CI Menggunakan GitHub Action
35 Menit
Latihan: Membuat CD dengan Vercel
35 Menit
Latihan: Menguji Deployment dengan CI/CD
35 Menit
Latihan: Memasang Proteksi pada Branch Master
15 Menit
Rangkuman Deployment dengan CI/CD
10 Menit
Kuis Deployment dengan CI/CD
5 Menit
Mencoba Next.js, Storybooks, dan Styled Component sebagai bagian dari ekosistem React yang bermanfaat dan populer.
Pengantar React Useful Ecosystem
5 Menit
Static React Site dengan Next.js
15 Menit
Latihan: Membuat Proyek Next.js
45 Menit
CSS-in-JS dengan Styled Component
20 Menit
Latihan: Membuat Styled Component
45 Menit
Isolasi Komponen dengan Storybook
20 Menit
Latihan: Membuat Lingkungan yang Aman untuk Bereksperimen pada Komponen dengan Storybook
45 Menit
Rangkuman React useful Ecosystem
10 Menit
Kuis React Useful Ecosystem
5 Menit
Menguji pemahaman peserta mengenai keseluruhan materi yang telah diajarkan pada kelas melalui ujian.
Rangkuman Kelas
15 Menit
Ujian Akhir
30 Menit
Menguji pemahaman peserta akan materi Automation Testing dan CI/CD dengan membuat aplikasi React yang memanfaatkan Redux.
Submission: Menerapkan Automation Testing dan CI/CD pada Aplikasi Forum Diskusi
950 Menit