Kelas Online
Full Stack JavaScript MERN 2026: Sistem Informasi Akademik
Released date July 2025
Last updated March 2026
Member
1 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
162 lessons (35.9 hours)
Develop Your Skills
Kelas Full Stack JavaScript MERN Sistem Informasi Akademik dirancang untuk membantu peserta memahami bagaimana membangun aplikasi akademik end-to-end menggunakan MERN Stack (MySQL, Express.js, React.js, Node.js) sesuai standar pengembangan profesional.
Pada kelas ini, peserta akan mempelajari pengembangan backend menggunakan Express.js untuk membangun RESTful API, implementasi autentikasi dan otorisasi menggunakan JWT, serta Role Based Access Control (RBAC) untuk Admin, Dosen, dan Mahasiswa. Aplikasi juga terintegrasi dengan Payment Gateway Midtrans untuk mendukung proses pembayaran yang aman dan terstruktur.
Kelas ini menekankan struktur aplikasi yang rapi, scalable, dan mudah dikembangkan, serta praktik integrasi frontend Next.js (framework React) dengan backend API ExpressJS yang umum digunakan di lingkungan kerja profesional.
Cocok untuk developer, mahasiswa, maupun freelancer yang ingin membangun Sistem Informasi Akademik berbasis Full Stack JavaScript sebagai portofolio real project.
Key Points
Belajar Membuat RESTful API Menggunakan Express.js
Implementasi Autentikasi dan Otorisasi Menggunakan JWT Token
Role Based Access Control (RBAC) untuk Sistem Informasi Akademik
Integrasi Frontend Next.js dengan Backend API Express.js
Integrasi Payment Gateway Midtrans di Aplikasi Next.js
Membangun Aplikasi Full Stack JavaScript yang Scalable
Designed For
Mahasiswa dan Fresh Graduate IT
Web Developer dan Software Engineer
Freelancer dan Konsultan Teknologi
Founder, CTO, dan Tim Teknologi
Institusi Pendidikan dan Lembaga Pelatihan
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Ahmad Hafidh Ayatullah
Full-Stack Developer
Silahkan menunggu pendaftaran batch selanjutnya.
Claude AI-Assisted Laravel 12 Sampe Mahir: Web Online Course
Full Stack JavaScript MERN 2026: Sistem Informasi Akademik
Videos language: Bahasa Indonesia (Auto-translation available)
-
1. Demo ProjectVideo 12 minutes
-
2. PrerequisitesVideo 3 minutes
-
1. install & setup expressjsVideo 10 minutes
-
2. Setup prismaVideo 15 minutes
-
3. Generate prismaVideo 5 minutes
-
1. authsiakad part1Video 17 minutes
-
2. authsiakad part2Video 7 minutes
-
3. authsiakad part3Video 12 minutes
-
4. authsiakad part 4Video 10 minutes
-
5. faculty part1Video 14 minutes
-
6. faculty part2Video 10 minutes
-
7. faculty part3Video 13 minutes
-
8. faculty part4Video 11 minutes
-
9. major part1Video 4 minutes
-
10. major part2Video 15 minutes
-
11. major part 3Video 10 minutes
-
12. major part 4Video 11 minutes
-
13. Year part1Video 6 minutes
-
14. Year part2Video 19 minutes
-
15. Year part3Video 5 minutes
-
16. class part1Video 13 minutes
-
17. class part2Video 10 minutes
-
18. class part3Video 10 minutes
-
19. tfgroup part1Video 15 minutes
-
20. tfgroup part2Video 10 minutes
-
21. tfgroup part3Video 7 minutes
-
22. student part1Video 11 minutes
-
23. student part2Video 13 minutes
-
24. student part3Video 7 minutes
-
25. student part4Video 6 minutes
-
26. lecture part1Video 17 minutes
-
27. lecture part2Video 6 minutes
-
28. course part1Video 14 minutes
-
29. course part2Video 7 minutes
-
30 schedule part1Video 19 minutes
-
31. schedule part2Video 9 minutes
-
32. user role part1Video 15 minutes
-
33. user role part2Video 18 minutes
-
34. Tuition Fee part1Video 16 minutes
-
35. Tuition Fee part2Video 4 minutes
-
36. Payment part1Video 15 minutes
-
37. Payment part2Video 9 minutes
-
38. StudyPlan part1Video 20 minutes
-
39. StudyPlan part2Video 14 minutes
-
40. StudyPlan part3Video 8 minutes
-
41. StudyPlan part4Video 16 minutes
-
42. StudyPlan part5Video 4 minutes
-
43. AdminStat part1Video 18 minutes
-
44. AdminStat part2Video 15 minutes
-
45. TimeLineVideo 13 minutes
-
1. Register studentVideo 13 minutes
-
2. Login studentVideo 6 minutes
-
3. SchedulesVideo 17 minutes
-
4. StudyPlan CreateVideo 14 minutes
-
5. Get StudyPlan By IDVideo 12 minutes
-
6. Get All CourseVideo 13 minutes
-
7. PaymentVideo 17 minutes
-
8. Dashboard StudentVideo 20 minutes
-
1. intro role lectureVideo 10 minutes
-
2. coding auth lectureVideo 17 minutes
-
3. dashboard lecture part1Video 14 minutes
-
4. dashboard lecture part2Video 14 minutes
-
5. Get CoursesBy LectureIDVideo 21 minutes
-
6. Get StudentBy ClassVideo 17 minutes
-
7. Update AbsenVideo 10 minutes
-
8. Get SchedulesBy LectureIDVideo 9 minutes
-
9. Get StudyPlanVideo 25 minutes
-
10. Update Score & StudyPlanVideo 16 minutes
-
1. Intro NextjsVideo 15 minutes
-
2. auth part1Video 14 minutes
-
3. auth part2Video 15 minutes
-
4. auth part3Video 15 minutes
-
5. auth part4Video 18 minutes
-
6. auth part5Video 6 minutes
-
7. integrasi auth admin loginregisterVideo 20 minutes
-
8. integrasi logoutVideo 10 minutes
-
9. CRUD Fakultas part1Video 14 minutes
-
10. CRUD Fakultas part2Video 13 minutes
-
11. CRUD Fakultas part3Video 13 minutes
-
12. CRUD Fakultas part4Video 9 minutes
-
13. CRUD Fakultas part 5Video 16 minutes
-
14. CRUD fakultas part 6Video 6 minutes
-
15. CRUD prodi part1Video 14 minutes
-
16. CRUD prodi part2Video 18 minutes
-
17. CRUD prodi part3Video 12 minutes
-
18. CRUD tahun ajaran part1Video 16 minutes
-
19. CRUD tahun ajaran part2Video 17 minutes
-
20. CRUD tahun ajaran part3Video 14 minutes
-
21. perbaiki format tanggalVideo 4 minutes
-
22. CRUD GolUKT part1Video 11 minutes
-
23. CRUD GolUKT part2Video 8 minutes
-
24. CRUD GolUKT part3Video 15 minutes
-
25. CRUD GolUKT part4Video 10 minutes
-
26. CRUD GolUKT part5Video 10 minutes
-
27. CRUD GolUKT part 6Video 10 minutes
-
28. CRUD Dosen part1Video 10 minutes
-
29. CRUD Dosen part2Video 14 minutes
-
30. CRUD Dosen part3Video 18 minutes
-
31. CRUD Dosen part4Video 16 minutes
-
32. CRUD Kelas part1Video 9 minutes
-
33. CRUD Kelas part2Video 15 minutes
-
34. CRUD Kelas part3Video 5 minutes
-
35. CRUD Kelas part4Video 23 minutes
-
36. CRUD Kelas part5Video 2 minutes
-
37. CRUD mahasiswa part1Video 12 minutes
-
38. CRUD mahasiswa part2Video 9 minutes
-
39. CRUD mahasiswa part3Video 14 minutes
-
40. CRUD mahasiswa part4Video 11 minutes
-
41. CRUD Ukt part1Video 10 minutes
-
42. CRUD Ukt part2Video 14 minutes
-
43. CRUD Ukt part3Video 9 minutes
-
44. CRUD Ukt part4Video 8 minutes
-
45. CRUD Matkul part1Video 18 minutes
-
46. CRUD Matkul part2Video 14 minutes
-
47. CRUD Matkul part3Video 12 minutes
-
48. CRUD Jadwal part1Video 21 minutes
-
49. CRUD Jadwal part2Video 12 minutes
-
50. CRUD Jadwal part3Video 10 minutes
-
51. CRUD Jadwal part4Video 13 minutes
-
52. CRUD Krs part1Video 11 minutes
-
53. CRUD Krs part2Video 11 minutes
-
54. CRUD KhsVideo 12 minutes
-
55. CRUD Pembayaran part1Video 15 minutes
-
56. CRUD Pembayaran part2Video 15 minutes
-
57. CRUD users part1Video 16 minutes
-
58. CRUD users part2Video 11 minutes
-
59. CRUD time-lineVideo 11 minutes
-
60. Implementasi Komponen FakultasVideo 20 minutes
-
61. Implementasi Komponen part2Video 16 minutes
-
62. Implementasi Komponen part3Video 14 minutes
-
63. Implementasi Komponen part4Video 7 minutes
-
64. hapus semua importVideo 12 minutes
-
65. Pengecekan part1 LoadingVideo 16 minutes
-
66. Pengecekan part2 LoadingVideo 29 minutes
-
67. Pengecekan part3Video 22 minutes
-
68. Pengecekan part4Video 11 minutes
-
69. Pengecekan part5Video 32 minutes
-
1. Register dan Login Dosen part1Video 18 minutes
-
2. Register dan Login Dosen part2Video 13 minutes
-
3. Fix Auth DosenVideo 18 minutes
-
4. JadwalVideo 11 minutes
-
5. KRSVideo 17 minutes
-
6. Mata KuliahVideo 9 minutes
-
7. pilihmatkul pilihkelasVideo 13 minutes
-
8. searchparams part1Video 16 minutes
-
9. searchparams part2Video 9 minutes
-
1. Auth MHSVideo 16 minutes
-
2. KHSVideo 15 minutes
-
3. payment krs part1Video 21 minutes
-
4. payment krs part2Video 15 minutes
-
5. Dashboard adminVideo 28 minutes
-
6. Dashboard mahasiswaVideo 12 minutes
-
7. Dashboard dosenVideo 11 minutes
-
8. bugfixVideo 21 minutes
-
9. lanjut coding part1Video 17 minutes
-
10. lanjut coding part2Video 21 minutes
-
11. bugfix yarn buildVideo 20 minutes
-
12. bugfix yarn build part2Video 2 minutes
-
1. Setup VPSVideo 18 minutes
-
2. Deployment BEVideo 29 minutes
-
3. Deployment FEVideo 9 minutes
-
4. TestingVideo 19 minutes
Kelas Full Stack JavaScript MERN Sistem Informasi Akademik dirancang untuk membantu peserta memahami bagaimana membangun aplikasi akademik end-to-end menggunakan MERN Stack (MySQL, Express.js, React.js, Node.js) sesuai standar pengembangan profesional.
Pada kelas ini, peserta akan mempelajari pengembangan backend menggunakan Express.js untuk membangun RESTful API, implementasi autentikasi dan otorisasi menggunakan JWT, serta Role Based Access Control (RBAC) untuk Admin, Dosen, dan Mahasiswa. Aplikasi juga terintegrasi dengan Payment Gateway Midtrans untuk mendukung proses pembayaran yang aman dan terstruktur.
Kelas ini menekankan struktur aplikasi yang rapi, scalable, dan mudah dikembangkan, serta praktik integrasi frontend Next.js (framework React) dengan backend API ExpressJS yang umum digunakan di lingkungan kerja profesional.
Cocok untuk developer, mahasiswa, maupun freelancer yang ingin membangun Sistem Informasi Akademik berbasis Full Stack JavaScript sebagai portofolio real project.
read more-
Belajar Membuat RESTful API Menggunakan Express.js
-
Implementasi Autentikasi dan Otorisasi Menggunakan JWT Token
-
Role Based Access Control (RBAC) untuk Sistem Informasi Akademik
-
Integrasi Frontend Next.js dengan Backend API Express.js
-
Integrasi Payment Gateway Midtrans di Aplikasi Next.js
-
Membangun Aplikasi Full Stack JavaScript yang Scalable
-
Mahasiswa dan Fresh Graduate IT
-
Web Developer dan Software Engineer
-
Freelancer dan Konsultan Teknologi
-
Founder, CTO, dan Tim Teknologi
-
Institusi Pendidikan dan Lembaga Pelatihan
Happy Students
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT