Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full Stack JavaScript MERN 2026: Sistem Informasi Akademik

icon global
Released date July 2025
icon convert
Last updated March 2026
Member

1 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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.

Sneak Peek

Key Points

icon_check

Belajar Membuat RESTful API Menggunakan Express.js

icon_check

Implementasi Autentikasi dan Otorisasi Menggunakan JWT Token

icon_check

Role Based Access Control (RBAC) untuk Sistem Informasi Akademik

icon_check

Integrasi Frontend Next.js dengan Backend API Express.js

icon_check

Integrasi Payment Gateway Midtrans di Aplikasi Next.js

icon_check

Membangun Aplikasi Full Stack JavaScript yang Scalable

Designed For

icon_check

Mahasiswa dan Fresh Graduate IT

icon_check

Web Developer dan Software Engineer

icon_check

Freelancer dan Konsultan Teknologi

icon_check

Founder, CTO, dan Tim Teknologi

icon_check

Institusi Pendidikan dan Lembaga Pelatihan

Course Lessons

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

Learn With Expert

Mentor Ahmad Hafidh Ayatullah

Ahmad Hafidh Ayatullah

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(7.5K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

React JS

Software

logo

Express JS

Software

logo

Mysql

Software

logo

Next JS

Software

logo

Midtrans

Software

#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
Foto kelas Full Stack JavaScript MERN 2026: Sistem Informasi Akademik Foto kelas Full Stack JavaScript MERN 2026: Sistem Informasi Akademik Foto kelas Full Stack JavaScript MERN 2026: Sistem Informasi Akademik

Full Stack JavaScript MERN 2026: Sistem Informasi Akademik

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

  • lock
    1. Demo Project
    Video 12 minutes
  • lock
    2. Prerequisites
    Video 3 minutes

  • lock
    1. install & setup expressjs
    Video 10 minutes
  • lock
    2. Setup prisma
    Video 15 minutes
  • lock
    3. Generate prisma
    Video 5 minutes

  • lock
    1. authsiakad part1
    Video 17 minutes
  • lock
    2. authsiakad part2
    Video 7 minutes
  • lock
    3. authsiakad part3
    Video 12 minutes
  • lock
    4. authsiakad part 4
    Video 10 minutes
  • lock
    5. faculty part1
    Video 14 minutes
  • lock
    6. faculty part2
    Video 10 minutes
  • lock
    7. faculty part3
    Video 13 minutes
  • lock
    8. faculty part4
    Video 11 minutes
  • lock
    9. major part1
    Video 4 minutes
  • lock
    10. major part2
    Video 15 minutes
  • lock
    11. major part 3
    Video 10 minutes
  • lock
    12. major part 4
    Video 11 minutes
  • lock
    13. Year part1
    Video 6 minutes
  • lock
    14. Year part2
    Video 19 minutes
  • lock
    15. Year part3
    Video 5 minutes
  • lock
    16. class part1
    Video 13 minutes
  • lock
    17. class part2
    Video 10 minutes
  • lock
    18. class part3
    Video 10 minutes
  • lock
    19. tfgroup part1
    Video 15 minutes
  • lock
    20. tfgroup part2
    Video 10 minutes
  • lock
    21. tfgroup part3
    Video 7 minutes
  • lock
    22. student part1
    Video 11 minutes
  • lock
    23. student part2
    Video 13 minutes
  • lock
    24. student part3
    Video 7 minutes
  • lock
    25. student part4
    Video 6 minutes
  • lock
    26. lecture part1
    Video 17 minutes
  • lock
    27. lecture part2
    Video 6 minutes
  • lock
    28. course part1
    Video 14 minutes
  • lock
    29. course part2
    Video 7 minutes
  • lock
    30 schedule part1
    Video 19 minutes
  • lock
    31. schedule part2
    Video 9 minutes
  • lock
    32. user role part1
    Video 15 minutes
  • lock
    33. user role part2
    Video 18 minutes
  • lock
    34. Tuition Fee part1
    Video 16 minutes
  • lock
    35. Tuition Fee part2
    Video 4 minutes
  • lock
    36. ⁠Payment part1
    Video 15 minutes
  • lock
    37. Payment part2
    Video 9 minutes
  • lock
    38. StudyPlan part1
    Video 20 minutes
  • lock
    39. StudyPlan part2
    Video 14 minutes
  • lock
    40. StudyPlan part3
    Video 8 minutes
  • lock
    41. StudyPlan part4
    Video 16 minutes
  • lock
    42. StudyPlan part5
    Video 4 minutes
  • lock
    43. AdminStat part1
    Video 18 minutes
  • lock
    44. AdminStat part2
    Video 15 minutes
  • lock
    45. TimeLine
    Video 13 minutes

  • lock
    1. Register student
    Video 13 minutes
  • lock
    2. Login student
    Video 6 minutes
  • lock
    3. Schedules
    Video 17 minutes
  • lock
    4. StudyPlan Create
    Video 14 minutes
  • lock
    5. Get StudyPlan By ID
    Video 12 minutes
  • lock
    6. Get All Course
    Video 13 minutes
  • lock
    7. Payment
    Video 17 minutes
  • lock
    8. Dashboard Student
    Video 20 minutes

  • lock
    1. intro role lecture
    Video 10 minutes
  • lock
    2. coding auth lecture
    Video 17 minutes
  • lock
    3. dashboard lecture part1
    Video 14 minutes
  • lock
    4. dashboard lecture part2
    Video 14 minutes
  • lock
    5. Get CoursesBy LectureID
    Video 21 minutes
  • lock
    6. Get StudentBy Class
    Video 17 minutes
  • lock
    7. Update Absen
    Video 10 minutes
  • lock
    8. Get SchedulesBy LectureID
    Video 9 minutes
  • lock
    9. Get StudyPlan
    Video 25 minutes
  • lock
    10. Update Score & StudyPlan
    Video 16 minutes

  • lock
    1. Intro Nextjs
    Video 15 minutes
  • lock
    2. auth part1
    Video 14 minutes
  • lock
    3. auth part2
    Video 15 minutes
  • lock
    4. auth part3
    Video 15 minutes
  • lock
    5. auth part4
    Video 18 minutes
  • lock
    6. auth part5
    Video 6 minutes
  • lock
    7. integrasi auth admin loginregister
    Video 20 minutes
  • lock
    8. integrasi logout
    Video 10 minutes
  • lock
    9. CRUD Fakultas part1
    Video 14 minutes
  • lock
    10. CRUD Fakultas part2
    Video 13 minutes
  • lock
    11. CRUD Fakultas part3
    Video 13 minutes
  • lock
    12. CRUD Fakultas part4
    Video 9 minutes
  • lock
    13. CRUD Fakultas part 5
    Video 16 minutes
  • lock
    14. CRUD fakultas part 6
    Video 6 minutes
  • lock
    15. CRUD prodi part1
    Video 14 minutes
  • lock
    16. CRUD prodi part2
    Video 18 minutes
  • lock
    17. CRUD prodi part3
    Video 12 minutes
  • lock
    18. CRUD tahun ajaran part1
    Video 16 minutes
  • lock
    19. CRUD tahun ajaran part2
    Video 17 minutes
  • lock
    20. CRUD tahun ajaran part3
    Video 14 minutes
  • lock
    21. perbaiki format tanggal
    Video 4 minutes
  • lock
    22. CRUD GolUKT part1
    Video 11 minutes
  • lock
    23. CRUD GolUKT part2
    Video 8 minutes
  • lock
    24. CRUD GolUKT part3
    Video 15 minutes
  • lock
    25. CRUD GolUKT part4
    Video 10 minutes
  • lock
    26. CRUD GolUKT part5
    Video 10 minutes
  • lock
    27. CRUD GolUKT part 6
    Video 10 minutes
  • lock
    28. CRUD Dosen part1
    Video 10 minutes
  • lock
    29. CRUD Dosen part2
    Video 14 minutes
  • lock
    30. CRUD Dosen part3
    Video 18 minutes
  • lock
    31. CRUD Dosen part4
    Video 16 minutes
  • lock
    32. CRUD Kelas part1
    Video 9 minutes
  • lock
    33. CRUD Kelas part2
    Video 15 minutes
  • lock
    34. CRUD Kelas part3
    Video 5 minutes
  • lock
    35. CRUD Kelas part4
    Video 23 minutes
  • lock
    36. CRUD Kelas part5
    Video 2 minutes
  • lock
    37. CRUD mahasiswa part1
    Video 12 minutes
  • lock
    38. CRUD mahasiswa part2
    Video 9 minutes
  • lock
    39. CRUD mahasiswa part3
    Video 14 minutes
  • lock
    40. CRUD mahasiswa part4
    Video 11 minutes
  • lock
    41. CRUD Ukt part1
    Video 10 minutes
  • lock
    42. CRUD Ukt part2
    Video 14 minutes
  • lock
    43. CRUD Ukt part3
    Video 9 minutes
  • lock
    44. CRUD Ukt part4
    Video 8 minutes
  • lock
    45. CRUD Matkul part1
    Video 18 minutes
  • lock
    46. CRUD Matkul part2
    Video 14 minutes
  • lock
    47. CRUD Matkul part3
    Video 12 minutes
  • lock
    48. CRUD Jadwal part1
    Video 21 minutes
  • lock
    49. CRUD Jadwal part2
    Video 12 minutes
  • lock
    50. CRUD Jadwal part3
    Video 10 minutes
  • lock
    51. CRUD Jadwal part4
    Video 13 minutes
  • lock
    52. CRUD Krs part1
    Video 11 minutes
  • lock
    53. CRUD Krs part2
    Video 11 minutes
  • lock
    54. CRUD Khs
    Video 12 minutes
  • lock
    55. CRUD Pembayaran part1
    Video 15 minutes
  • lock
    56. CRUD Pembayaran part2
    Video 15 minutes
  • lock
    57. CRUD users part1
    Video 16 minutes
  • lock
    58. CRUD users part2
    Video 11 minutes
  • lock
    59. CRUD time-line
    Video 11 minutes
  • lock
    60. Implementasi Komponen Fakultas
    Video 20 minutes
  • lock
    61. Implementasi Komponen part2
    Video 16 minutes
  • lock
    62. Implementasi Komponen part3
    Video 14 minutes
  • lock
    63. Implementasi Komponen part4
    Video 7 minutes
  • lock
    64. hapus semua import
    Video 12 minutes
  • lock
    65. Pengecekan part1 Loading
    Video 16 minutes
  • lock
    66. Pengecekan part2 Loading
    Video 29 minutes
  • lock
    67. Pengecekan part3
    Video 22 minutes
  • lock
    68. Pengecekan part4
    Video 11 minutes
  • lock
    69. Pengecekan part5
    Video 32 minutes

  • lock
    1. Register dan Login Dosen part1
    Video 18 minutes
  • lock
    2. Register dan Login Dosen part2
    Video 13 minutes
  • lock
    3. Fix Auth Dosen
    Video 18 minutes
  • lock
    4. Jadwal
    Video 11 minutes
  • lock
    5. KRS
    Video 17 minutes
  • lock
    6. Mata Kuliah
    Video 9 minutes
  • lock
    7. pilihmatkul pilihkelas
    Video 13 minutes
  • lock
    8. searchparams part1
    Video 16 minutes
  • lock
    9. searchparams part2
    Video 9 minutes

  • lock
    1. Auth MHS
    Video 16 minutes
  • lock
    2. KHS
    Video 15 minutes
  • lock
    3. payment krs part1
    Video 21 minutes
  • lock
    4. payment krs part2
    Video 15 minutes
  • lock
    5. Dashboard admin
    Video 28 minutes
  • lock
    6. Dashboard mahasiswa
    Video 12 minutes
  • lock
    7. Dashboard dosen
    Video 11 minutes
  • lock
    8. bugfix
    Video 21 minutes
  • lock
    9. lanjut coding part1
    Video 17 minutes
  • lock
    10. lanjut coding part2
    Video 21 minutes
  • lock
    11. bugfix yarn build
    Video 20 minutes
  • lock
    12. bugfix yarn build part2
    Video 2 minutes

  • lock
    1. Setup VPS
    Video 18 minutes
  • lock
    2. Deployment BE
    Video 29 minutes
  • lock
    3. Deployment FE
    Video 9 minutes
  • lock
    4. Testing
    Video 19 minutes
Member
1
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
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.

read more
Key Points
  • check
    Belajar Membuat RESTful API Menggunakan Express.js
  • check
    Implementasi Autentikasi dan Otorisasi Menggunakan JWT Token
  • check
    Role Based Access Control (RBAC) untuk Sistem Informasi Akademik
  • check
    Integrasi Frontend Next.js dengan Backend API Express.js
  • check
    Integrasi Payment Gateway Midtrans di Aplikasi Next.js
  • check
    Membangun Aplikasi Full Stack JavaScript yang Scalable
Created For
  • check
    Mahasiswa dan Fresh Graduate IT
  • check
    Web Developer dan Software Engineer
  • check
    Freelancer dan Konsultan Teknologi
  • check
    Founder, CTO, dan Tim Teknologi
  • check
    Institusi Pendidikan dan Lembaga Pelatihan
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
1
Happy Students
Belum ada review

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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.

Silahkan menunggu pendaftaran batch selanjutnya

arrow_upward
Marketing Banner

Kode Promo