Akses kelas 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
Learn how to build a modern website with javascript
Release date August 2024
Last updated October 2024
Member
64 enrolled
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!
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
Learn With Expert
Hariyanto
Full-Stack Developer
(1.2K)
.png)
Angga Risky
Full-Stack Developer
(474.2K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
0 Hasil karya terbaik di kelas Full-Stack JavaScript MERN 2025: Web Course LMS
Belum ada hasil karya
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Rp 249,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
(675)
(210)
(157)
.png)
(114)
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
Learn how to build a modern website with javascript
-
1 Intro website yang akan dibangun6 minutes -
2 Intro teknologi yang digunakan2 minutes
-
1 Install vite + React Js5 minutes
-
2 Install library react router & query6 minutes
-
1 Slicing halaman sign in5 minutes
-
2 Slicing halaman sign in2 minutes
-
1 Slicing form sign up6 minutes
-
2 Slicing form sign up3 minutes
-
1 Slicing halaman success payment4 minutes
-
1 Slicing tampilan overview13 minutes
-
1 Slicing halaman daftar course8 minutes
-
2 Slicing halaman form course4 minutes
-
3 Slicing halaman detail course11 minutes
-
4 Slicing halaman form course content5 minutes
-
5 Slicing halaman preview content 19 minutes
-
6 Slicing halaman preview content 22 minutes
-
1 Slicing halaman daftar student6 minutes
-
1 Membuat halaman Overview student5 minutes
-
2 Halaman detail course student 15 minutes
-
3 Halaman detail course student 22 minutes
-
1 Install mongo DB4 minutes
-
2 Mempersiapkan project express js 15 minutes
-
3 Mempersiapkan project express js 211 minutes
-
4 Mempersiapkan project express js 37 minutes
-
1 Coding fitur API sign up 16 minutes
-
2 Coding fitur API sign up 210 minutes
-
3 Coding fitur API sign up 36 minutes
-
4 Integrasi fitur payment midtrans 110 minutes
-
5 Integrasi fitur payment midtrans 213 minutes
-
6 Integrasi ke frontend 18 minutes
-
7 Integrasi ke frontend 28 minutes
-
8 Integrasi ke frontend 37 minutes
-
1 Coding fitur API sign in10 minutes
-
2 Integrasi ke frontend9 minutes
-
1 Membuat schema model course8 minutes
-
2 Membuat middleware token auth7 minutes
-
3 Coding fitur API Get courses8 minutes
-
4 Membuat konfigurasi multer upload7 minutes
-
5 Coding fitur API create course 17 minutes
-
6 Coding fitur API create course 28 minutes
-
7 Coding fitur API create course 310 minutes
-
8 Coding fitur API update course4 minutes
-
9 Coding fitur API delete course 14 minutes
-
10 Coding fitur API delete course 29 minutes
-
11 Coding fitur API delete course 31 minutes
-
1 Membuat Protected route5 minutes
-
2 Integrasi API get courses8 minutes
-
3 Integrasi API categories5 minutes
-
4 Integrasi create course 18 minutes
-
5 Integrasi create course 25 minutes
-
6 Integrasi create course 36 minutes
-
7 Integrasi edit course 17 minutes
-
8 Integrasi edit course 211 minutes
-
9 Integrasi delete course3 minutes
-
1 Coding fitur API detail course1 minutes
-
2 Coding fitur API create content12 minutes
-
3 Coding fitur API update content3 minutes
-
4 Coding fitur API delete content5 minutes
-
5 Perbaikan fitur API detail 11 minutes
-
6 Perbaikan fitur API detail 22 minutes
-
1 Integrasi detail course content 16 minutes
-
2 Integrasi detail course content 25 minutes
-
3 Integrasi create course content 16 minutes
-
4 Integrasi create course content 24 minutes
-
5 Integrasi create course content 37 minutes
-
6 Integrasi create course content 44 minutes
-
7 Integrasi edit course content 16 minutes
-
8 Integrasi edit course content 27 minutes
-
9 Integrasi delete course content3 minutes
-
10 integrasi preview content 17 minutes
-
11 integrasi preview content 27 minutes
-
12 integrasi preview content 33 minutes
-
13 integrasi preview content 42 minutes
-
1 Coding fitur API get students5 minutes
-
2 Coding fitur API create student8 minutes
-
3 Coding fitur API update student8 minutes
-
4 Coding fitur API delete student6 minutes
-
1 Slicing halaman form student3 minutes
-
2 Integrasi API get students3 minutes
-
3 Integrasi API create student 14 minutes
-
4 Integrasi API create student 24 minutes
-
5 Integrasi API create student 34 minutes
-
6 Integrasi API edit student 15 minutes
-
7 Integrasi API edit student 27 minutes
-
8 Integrasi API delete student2 minutes
-
1 Coding API get student by course4 minutes
-
2 Coding fitur API create4 minutes
-
3 Coding fitur API update2 minutes
-
4 Integrasi API get student by course9 minutes
-
5 Integrasi API get student course 22 minutes
-
6 Integrasi API create access student8 minutes
-
7 Integrasi API delete access student3 minutes
-
1 Coding fitur API overview12 minutes
-
2 Integrasi API overview6 minutes
-
3 Perbaikan Integrasi API overview5 minutes
-
1 Integrasi fitur API student access8 minutes
-
2 Integrasi fitur API student access6 minutes
-
3 Integrasi fitur API student access3 minutes
-
4 Integrasi fitur API student access6 minutes
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
64
Happy Students
Happy Students
Verga Tandika
Full-Stack Developer
good.
FADLY MUHAMMAD
Lifetime Learner
Mantap mass materinya sangat membantu
Galih Lazuardi Nursyahbana
Lifetime Learner
Mantap mungkin bisa dilengkapi fitur lainnya
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.
Rp 249,000
Rp 690,000
