Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript MERN 2025: Web Course LMS
Kelas Online
Full-Stack JavaScript MERN 2025: Web Course LMS
Released date August 2024
Last updated March 2026
Member
636 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
99 lessons (9.7 hours)
Develop Your Skills
Belajar React 18 dan Backend Development dengan Express & MongoDB.
Apakah Anda ingin menguasai dunia pengembangan web dan menjadi seorang full-stack developer? Kelas ini adalah pilihan yang tepat untuk Anda! Kami telah merancang kurikulum yang komprehensif dan mudah dipahami, cocok untuk pemula yang ingin belajar coding dari awal hingga mahir. Dalam kelas ini, Anda akan mempelajari berbagai teknologi terkini yang banyak digunakan dalam industri.
Di dalam kelas ini, Anda akan memulai dengan mempelajari React 18, sebuah library JavaScript yang digunakan untuk membangun antarmuka pengguna yang dinamis dan interaktif. Anda akan belajar cara mengonversi template HTML ke JSX serta mengimplementasikan komponen yang dapat digunakan kembali. Selain itu, Anda juga akan belajar Tailwind CSS, sebuah framework CSS modern yang memudahkan styling dengan pendekatan utility-first, membantu Anda menciptakan tampilan yang profesional tanpa harus menulis CSS dari nol.
Tidak hanya itu, kelas ini juga akan mengajarkan Anda React Query, sebuah alat untuk meningkatkan performa aplikasi Anda dengan teknik data fetching yang efisien serta mengelola state data yang diambil dari API. Anda juga akan mempelajari cara membangun form yang kompleks dan melakukan validasi data menggunakan React Hook Form dan Zod Validation, memastikan data yang diinputkan sesuai dengan aturan yang telah ditentukan.
Untuk backend development, Anda akan mempelajari cara membuat server backend yang kuat menggunakan Express 4 dan menghubungkannya dengan MongoDB, database NoSQL yang fleksibel dan scalable. Kami juga akan membahas MongoDB Compass untuk memudahkan manajemen data. Dengan Mongoose, Anda akan mempelajari cara membuat model dan relationship antar model di MongoDB, serta teknik-teknik untuk mengelola data secara efektif.
Selain itu, Anda akan belajar bagaimana mengamankan API dengan menggunakan JSON Web Token (JWT) dan cara mengimplementasikan middleware untuk otentikasi. Anda juga akan diajarkan cara meng-upload file menggunakan Multer, serta bagaimana melakukan integrasi API pada website, termasuk integrasi payment gateway seperti Midtrans untuk memproses pembayaran secara online.
Kelas ini juga mencakup pembuatan fitur CRUD (Create, Read, Update, Delete) yang memungkinkan Anda mengelola data course, students, dan content secara dinamis. Tidak hanya itu, kami juga menyediakan template HTML gratis yang dapat Anda kembangkan menjadi aplikasi full-stack yang fungsional.
Kelas ini tidak hanya fokus pada frontend development menggunakan React dan Tailwind CSS, tetapi juga backend development dengan Express dan MongoDB. Materi yang disajikan sangat cocok bagi Anda yang bercita-cita menjadi seorang full-stack web developer. Bergabunglah sekarang dan tingkatkan keterampilan coding Anda dengan mengikuti kelas yang terstruktur dan dipandu oleh instruktur berpengalaman. Dapatkan pengalaman belajar yang interaktif dan dukungan penuh sepanjang kursus!
Sneak Peek
Key Points
Belajar membuat sebuah API menggunakan Express JS
Belajar membuat authentication menggunakan JWT
Belajar integrasi payment gateway menggunakan Midtrans
Belajar melakukan integrasi API pada website
Belajar membuat form validasi menggunakan react hook form + zod
Belajar membuat fitur upload file menggunakan multer
Belajar membuat sebuah middleware pada API
Designed For
Anda yang ingin level-up skills
Anda yang ingin membangun portofolio yang cakep
Anda yang ingin menjadi seorang Full-stack javascript
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Hariyanto
Full-Stack Developer
(5.7K)
Andika Bintang Nursalih
Lifetime Learner
saya jadi mulai lebih terbuka dalam belajar MERN, jadi tau bagaimana sih ngoding express itu bagaimana, dan bagaimana react itu juga, terimakasih untuk Mentor nya. read more
22 Dec 2025
Ratino
Full-Stack Developer
Kelas berisi materi yang sangat sesuai dengan kebutuhan industri read more
30 Nov 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
React JS
Software
Express JS
Software
JavaScript
Software
MongoDB
Software
Vite
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
(364)
Envato Mastery: Build a Passive Income from Selling Template
Rp
2,650,000
Rp
199,000
(1,672)
Android Developer: Build Apps with Compose
Rp 260,000
(38)
(181)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Full-Stack JavaScript MERN 2025: Web Course LMS
Videos language: Bahasa Indonesia (Auto-translation available)
-
1 Intro website yang akan dibangunVideo 6 minutes -
2 Intro teknologi yang digunakanVideo 2 minutes
-
1 Install vite + React JsVideo 5 minutes
-
2 Install library react router & queryVideo 6 minutes
-
1 Slicing halaman sign inVideo 5 minutes
-
2 Slicing halaman sign inVideo 2 minutes
-
1 Slicing form sign upVideo 6 minutes
-
2 Slicing form sign upVideo 3 minutes
-
1 Slicing halaman success paymentVideo 4 minutes
-
1 Slicing tampilan overviewVideo 13 minutes
-
1 Slicing halaman daftar courseVideo 8 minutes
-
2 Slicing halaman form courseVideo 4 minutes
-
3 Slicing halaman detail courseVideo 11 minutes
-
4 Slicing halaman form course contentVideo 5 minutes
-
5 Slicing halaman preview content 1Video 9 minutes
-
6 Slicing halaman preview content 2Video 2 minutes
-
1 Slicing halaman daftar studentVideo 6 minutes
-
1 Membuat halaman Overview studentVideo 5 minutes
-
2 Halaman detail course student 1Video 5 minutes
-
3 Halaman detail course student 2Video 2 minutes
-
1 Install mongo DBVideo 4 minutes
-
2 Mempersiapkan project express js 1Video 5 minutes
-
3 Mempersiapkan project express js 2Video 11 minutes
-
4 Mempersiapkan project express js 3Video 7 minutes
-
1 Coding fitur API sign up 1Video 6 minutes
-
2 Coding fitur API sign up 2Video 10 minutes
-
3 Coding fitur API sign up 3Video 6 minutes
-
4 Integrasi fitur payment midtrans 1Video 10 minutes
-
5 Integrasi fitur payment midtrans 2Video 13 minutes
-
6 Integrasi ke frontend 1Video 8 minutes
-
7 Integrasi ke frontend 2Video 8 minutes
-
8 Integrasi ke frontend 3Video 7 minutes
-
1 Coding fitur API sign inVideo 10 minutes
-
2 Integrasi ke frontendVideo 9 minutes
-
1 Membuat schema model courseVideo 8 minutes
-
2 Membuat middleware token authVideo 7 minutes
-
3 Coding fitur API Get coursesVideo 8 minutes
-
4 Membuat konfigurasi multer uploadVideo 7 minutes
-
5 Coding fitur API create course 1Video 7 minutes
-
6 Coding fitur API create course 2Video 8 minutes
-
7 Coding fitur API create course 3Video 10 minutes
-
8 Coding fitur API update courseVideo 4 minutes
-
9 Coding fitur API delete course 1Video 4 minutes
-
10 Coding fitur API delete course 2Video 9 minutes
-
11 Coding fitur API delete course 3Video 1 minutes
-
1 Membuat Protected routeVideo 5 minutes
-
2 Integrasi API get coursesVideo 8 minutes
-
3 Integrasi API categoriesVideo 5 minutes
-
4 Integrasi create course 1Video 8 minutes
-
5 Integrasi create course 2Video 5 minutes
-
6 Integrasi create course 3Video 6 minutes
-
7 Integrasi edit course 1Video 7 minutes
-
8 Integrasi edit course 2Video 11 minutes
-
9 Integrasi delete courseVideo 3 minutes
-
1 Coding fitur API detail courseVideo 1 minutes
-
2 Coding fitur API create contentVideo 12 minutes
-
3 Coding fitur API update contentVideo 3 minutes
-
4 Coding fitur API delete contentVideo 5 minutes
-
5 Perbaikan fitur API detail 1Video 1 minutes
-
6 Perbaikan fitur API detail 2Video 2 minutes
-
1 Integrasi detail course content 1Video 6 minutes
-
2 Integrasi detail course content 2Video 5 minutes
-
3 Integrasi create course content 1Video 6 minutes
-
4 Integrasi create course content 2Video 4 minutes
-
5 Integrasi create course content 3Video 7 minutes
-
6 Integrasi create course content 4Video 4 minutes
-
7 Integrasi edit course content 1Video 6 minutes
-
8 Integrasi edit course content 2Video 7 minutes
-
9 Integrasi delete course contentVideo 3 minutes
-
10 integrasi preview content 1Video 7 minutes
-
11 integrasi preview content 2Video 7 minutes
-
12 integrasi preview content 3Video 3 minutes
-
13 integrasi preview content 4Video 2 minutes
-
1 Coding fitur API get studentsVideo 5 minutes
-
2 Coding fitur API create studentVideo 8 minutes
-
3 Coding fitur API update studentVideo 8 minutes
-
4 Coding fitur API delete studentVideo 6 minutes
-
1 Slicing halaman form studentVideo 3 minutes
-
2 Integrasi API get studentsVideo 3 minutes
-
3 Integrasi API create student 1Video 4 minutes
-
4 Integrasi API create student 2Video 4 minutes
-
5 Integrasi API create student 3Video 4 minutes
-
6 Integrasi API edit student 1Video 5 minutes
-
7 Integrasi API edit student 2Video 7 minutes
-
8 Integrasi API delete studentVideo 2 minutes
-
1 Coding API get student by courseVideo 4 minutes
-
2 Coding fitur API createVideo 4 minutes
-
3 Coding fitur API updateVideo 2 minutes
-
4 Integrasi API get student by courseVideo 9 minutes
-
5 Integrasi API get student course 2Video 2 minutes
-
6 Integrasi API create access studentVideo 8 minutes
-
7 Integrasi API delete access studentVideo 3 minutes
-
1 Coding fitur API overviewVideo 12 minutes
-
2 Integrasi API overviewVideo 6 minutes
-
3 Perbaikan Integrasi API overviewVideo 5 minutes
-
1 Integrasi fitur API student accessVideo 8 minutes
-
2 Integrasi fitur API student accessVideo 6 minutes
-
3 Integrasi fitur API student accessVideo 3 minutes
-
4 Integrasi fitur API student accessVideo 6 minutes
Member
636
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Belajar React 18 dan Backend Development dengan Express & MongoDB.
Apakah Anda ingin menguasai dunia pengembangan web dan menjadi seorang full-stack developer? Kelas ini adalah pilihan yang tepat untuk Anda! Kami telah merancang kurikulum yang komprehensif dan mudah dipahami, cocok untuk pemula yang ingin belajar coding dari awal hingga mahir. Dalam kelas ini, Anda akan mempelajari berbagai teknologi terkini yang banyak digunakan dalam industri.
Di dalam kelas ini, Anda akan memulai dengan mempelajari React 18, sebuah library JavaScript yang digunakan untuk membangun antarmuka pengguna yang dinamis dan interaktif. Anda akan belajar cara mengonversi template HTML ke JSX serta mengimplementasikan komponen yang dapat digunakan kembali. Selain itu, Anda juga akan belajar Tailwind CSS, sebuah framework CSS modern yang memudahkan styling dengan pendekatan utility-first, membantu Anda menciptakan tampilan yang profesional tanpa harus menulis CSS dari nol.
Tidak hanya itu, kelas ini juga akan mengajarkan Anda React Query, sebuah alat untuk meningkatkan performa aplikasi Anda dengan teknik data fetching yang efisien serta mengelola state data yang diambil dari API. Anda juga akan mempelajari cara membangun form yang kompleks dan melakukan validasi data menggunakan React Hook Form dan Zod Validation, memastikan data yang diinputkan sesuai dengan aturan yang telah ditentukan.
Untuk backend development, Anda akan mempelajari cara membuat server backend yang kuat menggunakan Express 4 dan menghubungkannya dengan MongoDB, database NoSQL yang fleksibel dan scalable. Kami juga akan membahas MongoDB Compass untuk memudahkan manajemen data. Dengan Mongoose, Anda akan mempelajari cara membuat model dan relationship antar model di MongoDB, serta teknik-teknik untuk mengelola data secara efektif.
Selain itu, Anda akan belajar bagaimana mengamankan API dengan menggunakan JSON Web Token (JWT) dan cara mengimplementasikan middleware untuk otentikasi. Anda juga akan diajarkan cara meng-upload file menggunakan Multer, serta bagaimana melakukan integrasi API pada website, termasuk integrasi payment gateway seperti Midtrans untuk memproses pembayaran secara online.
Kelas ini juga mencakup pembuatan fitur CRUD (Create, Read, Update, Delete) yang memungkinkan Anda mengelola data course, students, dan content secara dinamis. Tidak hanya itu, kami juga menyediakan template HTML gratis yang dapat Anda kembangkan menjadi aplikasi full-stack yang fungsional.
Kelas ini tidak hanya fokus pada frontend development menggunakan React dan Tailwind CSS, tetapi juga backend development dengan Express dan MongoDB. Materi yang disajikan sangat cocok bagi Anda yang bercita-cita menjadi seorang full-stack web developer. Bergabunglah sekarang dan tingkatkan keterampilan coding Anda dengan mengikuti kelas yang terstruktur dan dipandu oleh instruktur berpengalaman. Dapatkan pengalaman belajar yang interaktif dan dukungan penuh sepanjang kursus!
read more
Learn With Expert
Key Points
-
Belajar membuat sebuah API menggunakan Express JS
-
Belajar membuat authentication menggunakan JWT
-
Belajar integrasi payment gateway menggunakan Midtrans
-
Belajar melakukan integrasi API pada website
-
Belajar membuat form validasi menggunakan react hook form + zod
-
Belajar membuat fitur upload file menggunakan multer
-
Belajar membuat sebuah middleware pada API
Created For
-
Anda yang ingin level-up skills
-
Anda yang ingin membangun portofolio yang cakep
-
Anda yang ingin menjadi seorang Full-stack javascript
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
636
Happy Students
Happy Students
Ida Bagus Yoga Dharma Putra
Full-Stack Developer
Sudah sangat bagus
16 Mar 2026
Iqbal Restu Aji
Full-Stack Developer
good sangat bermanfaat
26 Jan 2026
Muflih Hanif
Lifetime Learner
keren. penjelasan mentor mudah difahami
29 Dec 2025
Andika Bintang Nursalih
Lifetime Learner
saya jadi mulai lebih terbuka dalam belajar MERN, jadi tau bagaimana sih ngoding express itu bagaimana, dan bagaimana react itu juga, terimakasih untuk Mentor nya.
22 Dec 2025
Ratino
Full-Stack Developer
Kelas berisi materi yang sangat sesuai dengan kebutuhan industri
30 Nov 2025
Harfin Aqbil Falah
Lifetime Learner
Mudah untuk diikuti
26 Nov 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
