Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full Stack JavaScript MERN Developer: Web Beli Tiket Bioskop
Kelas Online
Full Stack JavaScript MERN Developer: Web Beli Tiket Bioskop
Released date November 2024
Last updated March 2026
Member
215 enrolled
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 genre, theater, dan movie 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
Belajar state management redux
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)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
React JS
Software
Express JS
Software
MongoDB
Software
Prisma
Software
Redux
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
.png)
(1,442)
(251)
(929)
Cara Mudah Belajar Feature Engineering Untuk Jadi AI Engineer
Rp
2,650,000
Rp
199,000
(7)
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 Developer: Web Beli Tiket Bioskop
Videos language: Bahasa Indonesia (Auto-translation available)
-
Install mongodb 1Video 1 minutes
-
Install mongodb 2Video 3 minutes -
Setup express js 1Video 4 minutes
-
Setup express js & mongoose 2Video 1 minutes
-
Setup express js & koneksi database 3Video 5 minutes
-
API getVideo 13 minutes
-
API PostVideo 9 minutes
-
API UpdateVideo 3 minutes
-
API delete & get detailVideo 4 minutes
-
API GetVideo 4 minutes
-
API PostVideo 2 minutes
-
API update, delete, get detailVideo 5 minutes
-
API Get 1Video 11 minutes
-
API Get 2Video 3 minutes
-
API Post 1Video 5 minutes
-
API Post 2Video 12 minutes
-
API UpdateVideo 11 minutes
-
API DeleteVideo 4 minutes
-
API Get DetailVideo 1 minutes
-
API get customerVideo 6 minutes
-
API get wallet transactionVideo 5 minutes
-
API get ticket transactionVideo 7 minutes
-
API login 1Video 10 minutes
-
API login 2Video 4 minutes
-
Middleware verify tokenVideo 6 minutes
-
API RegisterVideo 9 minutes
-
API for discover pageVideo 11 minutes
-
API for detail page 1Video 7 minutes
-
API for detail page 2Video 5 minutes
-
API for filter movie 1Video 11 minutes
-
API for filter movie 2Video 2 minutes
-
API for get balanceVideo 5 minutes
-
API for get topup historyVideo 3 minutes
-
API for topup balance 1Video 6 minutes
-
API for topup balance 2Video 10 minutes
-
API for transaction ticket 1Video 10 minutes
-
API for transaction ticket 2Video 4 minutes
-
API for get order & order detailVideo 6 minutes
-
Init frontend 1Video 4 minutes
-
Install library & setup routerVideo 7 minutes
-
Slicing UIVideo 6 minutes
-
Integrate 1Video 5 minutes
-
Integrate 2Video 3 minutes
-
Integrate 3Video 9 minutes
-
Integrate 4Video 8 minutes
-
Setup layout dashboard 1Video 9 minutes
-
Private RouteVideo 7 minutes
-
Create UI list genreVideo 10 minutes
-
Integrate API get genreVideo 7 minutes
-
Create UI form genreVideo 5 minutes
-
Integrate API create genreVideo 4 minutes
-
Integrate API update genreVideo 9 minutes
-
Integrate delete data genreVideo 3 minutes
-
Create UI list theaterVideo 5 minutes
-
Integrate get data theatersVideo 3 minutes
-
Integrate create data theaterVideo 8 minutes
-
Integrate update & delete data theaterVideo 2 minutes
-
Create UI list data movie 1Video 7 minutes
-
Create UI list data movie 2Video 8 minutes
-
Integrate list data movieVideo 2 minutes
-
Create UI form data movie 1Video 9 minutes
-
Create UI form data movie 2Video 8 minutes
-
Integrate create data movieVideo 7 minutes
-
Integrate update & delete data movieVideo 7 minutes
-
Create UI & Integrate data customersVideo 8 minutes
-
Create UI & Integrate data transactionsVideo 11 minutes
-
Create UI & Integrate data wallet transactionsVideo 7 minutes
-
Slicing UI sign upVideo 7 minutes
-
Integrate sign up 1Video 9 minutes
-
Integrate sign up 2Video 6 minutes
-
Slicing & IntegrateVideo 6 minutes
-
Slicing halaman discover 1Video 10 minutes
-
Slicing halaman discover 2Video 4 minutes
-
Integrate halaman discover 1Video 7 minutes
-
Setup & install reduxVideo 4 minutes
-
Slicing UI filter moviesVideo 11 minutes
-
Integrate halaman filter movies 1Video 13 minutes
-
Integrate halaman filter movies 2Video 9 minutes
-
Integrate halaman filter movies 3Video 8 minutes
-
Integrate halaman filter movies 4Video 12 minutes
-
Integrate halaman filter movies 5Video 3 minutes
-
Slicing UI detail movieVideo 8 minutes
-
Integrate data detail movie 1Video 5 minutes
-
Integrate data detail movie 2Video 4 minutes
-
Integrate data detail movie 3Video 9 minutes
-
Integrate data detail movie 4Video 7 minutes
-
Integrate data detail movie 5Video 8 minutes
-
Integrate data detail movie 6Video 1 minutes
-
Integrate data detail movie 7Video 3 minutes
-
Integrate data detail movie 8Video 6 minutes
-
Integrate data detail movie 9Video 8 minutes
-
Integrate data detail movie 10Video 1 minutes
-
Slicing UI checkoutVideo 2 minutes
-
Integrate halaman checkout 1Video 3 minutes
-
Integrate halaman checkout 2Video 5 minutes
-
Integrate halaman checkout 3Video 12 minutes
-
Integrate halaman checkout 4Video 2 minutes
-
Slicing UI halaman walletVideo 3 minutes
-
Integrate UI halaman walletVideo 8 minutes
-
Slicing UI halaman wallet topupVideo 6 minutes
-
Integrate topup walletVideo 6 minutes
-
Slicing UI success topupVideo 2 minutes
-
Slicing UI halaman list orderVideo 3 minutes
-
Intergate halaman list orderVideo 8 minutes
-
Integrate UI halaman detail orderVideo 3 minutes
-
Integrate halaman detail orderVideo 8 minutes
-
Slicing UI halaman settingsVideo 4 minutes
-
Perbaikan codeVideo 1 minutes
Member
215
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 genre, theater, dan movie 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
-
Belajar state management redux
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
215
Happy Students
Happy Students
PRASETYO DIO
Full-Stack Developer
Bagus Kelasnya Buat Pemula
07 Feb 2026
Randy Rafael
Lifetime Learner
penjelasannya mudah dimengerti
24 Dec 2025
Ilham Rohmatulloh
Full-Stack Developer
mantap kelas nya
30 Nov 2025
Fadel Nur Akhmad
Quality Assurance
bagus, materi mudah dipahami
02 Nov 2025
Noel Chrisdian
Lifetime Learner
Materi terstruktur dan mudah dipahami
13 Oct 2025
Firdaus
Back-End Developer
sangat membantu untuk belajar MERN sebagai pemula
11 Aug 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.
