Belajar Cepat Membuat Web App Berbasis React
Panduan langkah demi langkah untuk belajar pemrograman React JS dalam web development Catatan : Kelas ini menggunakan versi reactJS lama. 2.1.1
Tentang Kelas
Dalam Premium Course Belajar Cepat Membuat Web App Berbasis React ini, kamu akan belajar secara online dasar-dasar membangun aplikasi berbasis web menggunakan React.js
Materi pemrograman berorientasi objek atau object oriented programming (OOP) di bahasa pemrograman PHP
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal langkah-langkah membuat web app berbasis React.js
- Dapat mempraktikan dasar-dasar membuat web app berbasis React.js
- Dapat merangkumkan cara membuat web app berbasis React.js
Silabus Topik 1: Javascript Lanjut Dan Es6 Topik 2: React Basic Topik 3: Menghubungkan React Dengan Server Topik 4: React Routing Topik 5: Redux Topik 6: Deploy Aplikasi React Di Github Pages Dan Firebase
Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning Siswa dapat menentukan sendiri waktu belajarnya
- Fasilitas Pengajaran Materi disediakan berupa video Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan Grup telegram: Berisi member CodePolitan Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa:
- Sistem operasi : Windows, Linux, atau MacOS.
- Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas).
- RAM : 1GB (Rekomendasi 2GB).
- Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software:
- Browser (tidak ada preferensi khusus)
Daftar Materi
Variabel ES6 dan Template Literals | 00.00 | |
Arrow Function | 00.00 | |
Fitur Array dan Object pada ES6 | 00.00 | |
Fitur Array dan Object pada ES6 | 00.00 | |
Javascript Module dan Export Import | 00.00 | |
Kuis - Belajar Cepat Membuat Web App Berbasis React - Topik 1 | 00.00 |
Pengenalan React JS | 00.00 | |
Persiapan Menggunakan React | 10:58 | |
Pengenalan JSX | 07:37 | |
Pengenalan React Component | 09:00 | |
Konten Dinamis dan Props | 06:19 | |
Pengenalan State | 05:31 | |
Events Handling | 06:08 | |
React Component Lifecycle | 04:45 | |
Styling Components | 08:47 | |
Integrasi Framework CSS Bootstrap pada Project React | 02:49 | |
Conditional Rendering | 08:15 | |
Render List | 07:49 | |
React Form | 12:21 | |
React Developer Tools | 09:11 | |
Kuis - Belajar Cepat Membuat Web App Berbasis React - Topik 2 | 00.00 |
HTTP Request dan Axios | 00.00 | |
Persiapan Layout | 08:22 | |
Get Data dari Server (Read Data) | 14:49 | |
Send Data ke Server (Create Data) | 13:58 | |
Update Data ke Server | 10:05 | |
Delete Data Server | 04:44 | |
Merubah Aplikasi Menjadi Component Based | 00.00 | |
Kuis - Belajar Cepat Membuat Web App Berbasis React - Topik 3 | 00.00 |
Routing pada React | 00.00 | |
Pengenalan react-router-dom | 00.00 | |
Routing Sederhana | 10:50 | |
Component untuk Route | 03:27 | |
Component untuk Route (Lanjutan) | 08:47 | |
Component untuk Route (Lanjutan) | 03:44 | |
Kuis - Belajar Cepat Membuat Web App Berbasis React - Topik 4 | 00.00 |
Pengenalan Redux | 00.00 | |
Implementasi Redux Sederhana | 00.00 | |
Menggunakan Redux pada React | 00.00 | |
Manipulasi State Store (Delete) | 00.00 | |
Manipulasi State Store (Edit) | 00.00 | |
Memisahkan Action | 00.00 | |
Menambahkan Notes di Todolist App | 00.00 | |
Kombinasi Reducer | 00.00 | |
Redux Dev Tools | 00.00 | |
Kuis - Belajar Cepat Membuat Web App Berbasis React - Topik 5 | 00.00 |
Deploy Aplikasi React di Github Pages | 12:10 | |
Deploy Aplikasi React di Firebase Hosting | 07:54 | |
Kuis - Belajar Cepat Membuat Web App Berbasis React - Topik 6 | 00.00 |
Penyusun Materi


Testimoni Oleh Siswa
(171 reviews)

Hairun Adhari
penjelasan materi nya mudah di mengerti, tapi sayangnya materi ini saya pelajari di tahun 2024 dan materi react ini masih versi lama jadi berpengaruh sekali di tengah" pembelajaran dan sering kali ada masalah/eror code karena beda versi
Rinaldi Ihsan Setiawan
Saya sangat puas dengan kelas ini, saya jadi mengerti apa itu React, mulai dari sintaksis, komponen, hingga pengelolaan state. Materi-materi yang diajarkan sangat terstruktur dan mudah dipahami, serta didukung dengan contoh-contoh praktis yang membantu memperkuat pemahaman. Instrukturnya sangat kompeten dan responsif terhadap pertanyaan peserta. Selain itu, platform pembelajaran online yang digunakan memberikan pengalaman belajar yang nyaman dan interaktif. Saya merasa lebih percaya diri untuk mengembangkan aplikasi web menggunakan React setelah mengikuti kelas ini. Terima kasih kepada tim pengajar yang telah menyusun materi dengan baik dan memberikan pengalaman belajar yang memuaskan.
Yossi Nordiansah
Informatif
Mochamad Yusuf
Mudah dipahami, perlu adanya update materi terkini
Alfian Subaru Putra
Materi Redux menurut saya harus perlu diupdate karena global state manajement sangat penting untuk beginner untuk belajar section tersebut dan jangan lupa menambahkan video di section redux
Muhammad Galang Miftah riziq
Materi yang sangat mudah untuk di pahami, cocok untuk pemula sepeti saya , sistem belajar nya fleksibel , ada grup untuk berdiskusi ,
syaiful anwar
Penyampaian materi mudah dimengerti dan sangat membantu untuk digunakan di dunia kerja. Kalau bisa kelas nanti dikembangkan dengan kombinasi database mysql dan php laravel di sisi backend
Renzi febriandika
mudah dipahami, tapi perbaharui lagi materinya, karena teknologi terus berkembang :)
syibran malawi
Kontennya menarik,Mudah dipahami,Recommended
Lamin Surachman
Mudah dipahami,Keren sekali,Informatif,Kontennya menarik,Recommended