Belajar MERN Stack
Membangun Aplikasi Website Pengelolaan Event dengan menggunakan teknologi MERN (MongoDB, ExpressJS, ReactJS, NodeJS) Stack. Dengan mentor yang berpengalaman di bidangnya, kamu bisa belajar kapanpun dan dimanapun kamu mau.
Tentang course
Ingin menguasai teknologi web modern dan menjadi seorang Fullstack Developer yang dicari oleh industri? Course ini dirancang khusus untuk membimbing kamu, untuk membangun aplikasi web menggunakan MERN Stack (MongoDB, Express.js, React, dan Node.js).
Melalui pendekatan pembelajaran berbasis proyek (project-based learning) dengan menggunakan metode scrum, Kamu tidak hanya akan belajar teori, tetapi langsung mempraktikkan setiap konsep untuk membangun sebuah aplikasi dari awal hingga akhir yang siap untuk di-deploy dan dimasukkan ke dalam portofolio Kamu.
Course ini cocok buat kamu yang sudah memiliki pengetahuan basic tentang HTML, CSS, JS, dan React. Dimana kamu akan belajar bagaimana membuat aplikasi sesuai dengan standar industri saat ini. Kalau tidak punya pengetahuan basic tenang aja karena kami juga berikan materi pre-requisite yang sesuai yang bisa diakses di YouTube WPU & VIP Code Studio.
Benefit yang akan kamu dapatkan
Akses Selamanya Seluruh Video Yang Tersedia
130+ Video Pembelajaran
Sertifikat Digital Yang Bisa Kamu Share
Grup Discord Exclusive Untuk Diskusi
Teknologi Standar Industri Sesuai Top IT Company
Mentor Expert Yang Mengajar Sesuai Bidangnya
Teknologi yang akan kamu pelajari
MERN adalah kumpulan teknologi (tech stack) JavaScript yang dapat digunakan untuk membangun aplikasi web fullstack, terdiri dari:
- MongoDB: Basis data NoSQL yang fleksibel dan skalabel untuk menyimpan data aplikasi.
- Express.js: Framework backend minimalis untuk Node.js yang berfungsi membangun RESTful API yang solid.
- React: Library JavaScript terpopuler dari Meta (Facebook) untuk membangun antarmuka pengguna (UI) yang interaktif dan dinamis.
- Node.js: Runtime Engine untuk menjalankan JavaScript di sisi server yang memungkinkan untuk membangun backend yang cepat dan efisien.
Apa cuman itu aja yang bakal kamu pelajari? Selain kamu bakal belajar tentang tech stack tersebut kamu juga bakal belajar teknologi pendukung lainnya termasuk terkoneksi dengan sistem pembayaran (payment gateway) bahkan sampai deployment aplikasi.
Teknologi pendukung yang akan kamu pelajari
Frontend
React JS 19
Frontend Library
Next JS 15
React Framework
Tailwind CSS
CSS Framework
Next UI / Hero UI
UI Library
Tanstack React Query & Axios
Data Fetching
React Hook Form
Form Validation
Yup
Data Validation
Next Auth
Authentication Library
Midtrans
Payment Gateway
Backend
Express JS
Backend Framework
MongoDB
Database
Monggose
MongoDB Object Modeling
Swagger
API Documentation
Yup
Data Validation
Nodemailer & Zoho SMTP
Send Email
JWT
JSON Web Token Authentication
Ejs
Template Engine
Cloudinary
Cloud Storage
Mentor expert yang akan membimbing kamu
Materi yang akan kamu pelajari selama bootcamp
Intro (Project Management Fundamental & Demo Product)
general
- 1. Perkenalan Mentor
- 2. Demo Product Akhir
- 3. Pengenalan Project Management
- 4. Project Management Methodology
- 5. Scrum Framework
Sprint 1 (Setup Project & Auth Management)
general
- 1. Sprint Planning Meeting 1
backend
- 2. Setup Project Backend
- 3. Setup Postman
- 4. Setup Git Backend
- 5. Setup Database MongoDB
- 6. API Auth Register
- 7. Validtion API Register
- 8. Save Data Register
- 9. Password Encryption
- 10. API Auth Login
- 11. API Auth Get Profile
- 12. Setup Deployment Vercel Back End
- 13. API Documentation With Swagger
- 14. API Auth Activation Part 1
- 15. API Auth Activation Part 2
frontend
- 16. Setup Project Frontend
- 17. Setup Git & Deployment Vercel Front End
- 18. UI Auth Register
- 19. Implementasi API Auth Register
- 20. Success Register UI
- 21. UI & Implementasi API Auth Activation
- 22. Setup Next Auth
- 23. UI Auth Login
- 24. Setup Layout Dashboard
- 25. Setup Middleware
general
- 26. Sprint Review 1
- 27. Sprint Retrospective 1
Sprint 2 (Category Management & Event Management)
general
- 1. Sprint Planning Meeting 2
backend
- 2. Middleware Controll Access
- 3. API Media Handling
- 4. Refactor API Response
- 5. API Category Management
- 6. API Location
- 7. API Event
- 8. API Deployment & Documenatation
frontend
- 9. Update Next JS 15
- 10. Datatable UI
- 11. Search, Limit & Pagination
- 12. Debounce Search Hooks
- 13. List Category
- 14. Dropzone Input File Component
- 15. Setup useContext For Toaster
- 16. Create Category
- 17. Refactor Upload File
- 18. Delete Category
- 19. Detail Category
- 20. Update Category
- 21. List Event
- 22. Create Event
- 24. Delete Event
- 25. Detail & Update Event
- 26. Deployment Front End
general
- 27. Sprint Review 2
- 28. Sprint Retrospective 2
Sprint 3 (Ticket Management & Banner Management)
general
- 1. Sprint Planning Meeting 3
backend
- 2. Adjusment API Event
- 3. API Ticket Management
- 4. API Banner Management
- 5. API Handling Not Found
- 6. Deploy & Documentation API Ticket & Banner
frontend
- 7. Adjusment Event Management
- 8. List Ticket
- 9. Create Ticket
- 10. Delete Ticket
- 11. Detail & Update Ticket
- 12. List Banner
- 13. Create Banner
- 14. Delete Banner
- 15. Detail & Update Banner
- 16. Deployment Ticket & Banner Management
general
- 17. Sprint Review 3
Sprint 4 (Front Page & Payment System)
general
- 1. Sprint Planning Meeting 4
backend
- 2. Refactor API Find Event
- 3. Setup Payment Gateway
- 4. API Create Order
- 5. API History Transaction For Admin
- 6. API Transaction Complete
frontend
- 7. Landing Page Layout
- 8. Navbar UI
- 9. Handle Token Expired
- 10. Footer UI
- 11. Slider Banner
- 12. Card Event UI
- 13. Card Category UI
- 14. Explore Event Page
- 15. Filter Event
- 16. Handle Empty Event
- 17. Search Event
- 18. Detail Event
- 19. Add To Cart Event
- 20. Handle Payment
general
- 21. Sprint Review 4
- 22. Sprint Retrospective 4
Sprint 5 (Payment Management & Update Profile)
general
- 1. Sprint Planning Meeting 5
backend
- 2. API Delete Order
- 3. API Get Order
- 4. API Order Pending & Cancel
- 5. API Order Deploy
- 6. Review DAO VS DTO
- 7. API Update Profile & Password
- 8. API Improve Delete Event
- 9. API Global Error Handler
frontend
- 10. Success Payment
- 11. List Transaction Member
- 12. Detail Transaction Member
- 13. List & Delete Transaction Admin
- 14. Detail Transaction Admin
- 15. Profile Page
- 16. Update Password & Deployment
general
- 17. Sprint Review 5
- 18. Project Closing
Preview course yang akan kamu dapat
Biaya terjangkau untuk masa depan kamu
Akses Selamanya Seluruh Video Yang Tersedia
130+ Video Pembelajaran
Sertifikat Digital Yang Bisa Kamu Share
Grup Discord Exclusive Untuk Diskusi
Teknologi Standar Industri Sesuai Top IT Company
Mentor Expert Yang Mengajar Sesuai Bidangnya
Punya pertanyaan seputar bootcamp
Apa saja persyaratan untuk mengikuti course ini?
Apakah pembelajaran dilakukan secara online?
Apakah saya akan mendapatkan sertifikat setelah menyelesaikan course ini?
Bagaimana jika saya mengalami kesulitan dalam memahami materi atau mengerjakan proyek?
Bagaimana cara mendaftar dan melakukan pembayaran?
Kapan course ini akan dimulai?
Apakah ada batas waktu untuk menyelesaikan course ini?
Apakah saya bisa mendapatkan akses seumur hidup ke materi course?
Konsultasi Program Gratis
Apabila kamu memiliki pertanyaan dan ingin berkonsultasi langsung dengan team WPU Course
Kang APIP WPU
Asisten Pintar & Interaktif Platform WPU