Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full-Stack JavaScript MERN 2025: Web Course LMS

Learn how to build a modern website with javascript

icon global
Release date August 2024
icon convert
Last updated November 2024
Member

79 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Belajar membuat sebuah API menggunakan Express JS

icon_check

Belajar membuat authentication menggunakan JWT

icon_check

Belajar integrasi payment gateway menggunakan Midtrans

icon_check

Belajar melakukan integrasi API pada website

icon_check

Belajar membuat form validasi menggunakan react hook form + zod

icon_check

Belajar membuat fitur upload file menggunakan multer

icon_check

Belajar membuat sebuah middleware pada API

Designed For

icon_check

Anda yang ingin level-up skills

icon_check

Anda yang ingin membangun portofolio yang cakep

icon_check

Anda yang ingin menjadi seorang Full-stack javascript

Course Lessons

Learn With Expert

Mentor Hariyanto

Hariyanto

Full-Stack Developer

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

(1.4K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack JavaScript MERN 2025: Web Course LMS

All Rating
Verga Tandika at BuildWithAngga
Verga Tandika

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
FADLY MUHAMMAD at BuildWithAngga
FADLY MUHAMMAD

Lifetime Learner

Mantap mass materinya sangat membantu read more

ic-star ic-star ic-star ic-star ic-star
Galih Lazuardi Nursyahbana at BuildWithAngga
Galih Lazuardi Nursyahban

Lifetime Learner

Mantap mungkin bisa dilengkapi fitur lainnya read more

ic-star ic-star ic-star ic-star ic-star
Sofyan Rauf at BuildWithAngga
Sofyan Rauf

Lifetime Learner

Kelas cukup bagus, mudah difahami read more

ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

React JS

Software Gratis

logo

Express JS

Software Gratis

logo

JavaScript

Software Gratis

logo

MongoDB

Software Gratis

logo

Vite

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 249,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

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.

Full-Stack JavaScript MERN 2025: Web Course LMS

Learn how to build a modern website with javascript

  • lock
    1 Intro website yang akan dibangun
    6 minutes
  • lock
    2 Intro teknologi yang digunakan
    2 minutes

  • lock
    1 Install vite + React Js
    5 minutes
  • lock
    2 Install library react router & query
    6 minutes

  • lock
    1 Slicing halaman sign in
    5 minutes
  • lock
    2 Slicing halaman sign in
    2 minutes

  • lock
    1 Slicing form sign up
    6 minutes
  • lock
    2 Slicing form sign up
    3 minutes

  • lock
    1 Slicing halaman success payment
    4 minutes

  • lock
    1 Slicing tampilan overview
    13 minutes

  • lock
    1 Slicing halaman daftar course
    8 minutes
  • lock
    2 Slicing halaman form course
    4 minutes
  • lock
    3 Slicing halaman detail course
    11 minutes
  • lock
    4 Slicing halaman form course content
    5 minutes
  • lock
    5 Slicing halaman preview content 1
    9 minutes
  • lock
    6 Slicing halaman preview content 2
    2 minutes

  • lock
    1 Slicing halaman daftar student
    6 minutes

  • lock
    1 Membuat halaman Overview student
    5 minutes
  • lock
    2 Halaman detail course student 1
    5 minutes
  • lock
    3 Halaman detail course student 2
    2 minutes

  • lock
    1 Install mongo DB
    4 minutes
  • lock
    2 Mempersiapkan project express js 1
    5 minutes
  • lock
    3 Mempersiapkan project express js 2
    11 minutes
  • lock
    4 Mempersiapkan project express js 3
    7 minutes

  • lock
    1 Coding fitur API sign up 1
    6 minutes
  • lock
    2 Coding fitur API sign up 2
    10 minutes
  • lock
    3 Coding fitur API sign up 3
    6 minutes
  • lock
    4 Integrasi fitur payment midtrans 1
    10 minutes
  • lock
    5 Integrasi fitur payment midtrans 2
    13 minutes
  • lock
    6 Integrasi ke frontend 1
    8 minutes
  • lock
    7 Integrasi ke frontend 2
    8 minutes
  • lock
    8 Integrasi ke frontend 3
    7 minutes

  • lock
    1 Coding fitur API sign in
    10 minutes
  • lock
    2 Integrasi ke frontend
    9 minutes

  • lock
    1 Membuat schema model course
    8 minutes
  • lock
    2 Membuat middleware token auth
    7 minutes
  • lock
    3 Coding fitur API Get courses
    8 minutes
  • lock
    4 Membuat konfigurasi multer upload
    7 minutes
  • lock
    5 Coding fitur API create course 1
    7 minutes
  • lock
    6 Coding fitur API create course 2
    8 minutes
  • lock
    7 Coding fitur API create course 3
    10 minutes
  • lock
    8 Coding fitur API update course
    4 minutes
  • lock
    9 Coding fitur API delete course 1
    4 minutes
  • lock
    10 Coding fitur API delete course 2
    9 minutes
  • lock
    11 Coding fitur API delete course 3
    1 minutes

  • lock
    1 Membuat Protected route
    5 minutes
  • lock
    2 Integrasi API get courses
    8 minutes
  • lock
    3 Integrasi API categories
    5 minutes
  • lock
    4 Integrasi create course 1
    8 minutes
  • lock
    5 Integrasi create course 2
    5 minutes
  • lock
    6 Integrasi create course 3
    6 minutes
  • lock
    7 Integrasi edit course 1
    7 minutes
  • lock
    8 Integrasi edit course 2
    11 minutes
  • lock
    9 Integrasi delete course
    3 minutes

  • lock
    1 Coding fitur API detail course
    1 minutes
  • lock
    2 Coding fitur API create content
    12 minutes
  • lock
    3 Coding fitur API update content
    3 minutes
  • lock
    4 Coding fitur API delete content
    5 minutes
  • lock
    5 Perbaikan fitur API detail 1
    1 minutes
  • lock
    6 Perbaikan fitur API detail 2
    2 minutes

  • lock
    1 Integrasi detail course content 1
    6 minutes
  • lock
    2 Integrasi detail course content 2
    5 minutes
  • lock
    3 Integrasi create course content 1
    6 minutes
  • lock
    4 Integrasi create course content 2
    4 minutes
  • lock
    5 Integrasi create course content 3
    7 minutes
  • lock
    6 Integrasi create course content 4
    4 minutes
  • lock
    7 Integrasi edit course content 1
    6 minutes
  • lock
    8 Integrasi edit course content 2
    7 minutes
  • lock
    9 Integrasi delete course content
    3 minutes
  • lock
    10 integrasi preview content 1
    7 minutes
  • lock
    11 integrasi preview content 2
    7 minutes
  • lock
    12 integrasi preview content 3
    3 minutes
  • lock
    13 integrasi preview content 4
    2 minutes

  • lock
    1 Coding fitur API get students
    5 minutes
  • lock
    2 Coding fitur API create student
    8 minutes
  • lock
    3 Coding fitur API update student
    8 minutes
  • lock
    4 Coding fitur API delete student
    6 minutes

  • lock
    1 Slicing halaman form student
    3 minutes
  • lock
    2 Integrasi API get students
    3 minutes
  • lock
    3 Integrasi API create student 1
    4 minutes
  • lock
    4 Integrasi API create student 2
    4 minutes
  • lock
    5 Integrasi API create student 3
    4 minutes
  • lock
    6 Integrasi API edit student 1
    5 minutes
  • lock
    7 Integrasi API edit student 2
    7 minutes
  • lock
    8 Integrasi API delete student
    2 minutes

  • lock
    1 Coding API get student by course
    4 minutes
  • lock
    2 Coding fitur API create
    4 minutes
  • lock
    3 Coding fitur API update
    2 minutes
  • lock
    4 Integrasi API get student by course
    9 minutes
  • lock
    5 Integrasi API get student course 2
    2 minutes
  • lock
    6 Integrasi API create access student
    8 minutes
  • lock
    7 Integrasi API delete access student
    3 minutes

  • lock
    1 Coding fitur API overview
    12 minutes
  • lock
    2 Integrasi API overview
    6 minutes
  • lock
    3 Perbaikan Integrasi API overview
    5 minutes

  • lock
    1 Integrasi fitur API student access
    8 minutes
  • lock
    2 Integrasi fitur API student access
    6 minutes
  • lock
    3 Integrasi fitur API student access
    3 minutes
  • lock
    4 Integrasi fitur API student access
    6 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
  • check
    Belajar membuat sebuah API menggunakan Express JS
  • check
    Belajar membuat authentication menggunakan JWT
  • check
    Belajar integrasi payment gateway menggunakan Midtrans
  • check
    Belajar melakukan integrasi API pada website
  • check
    Belajar membuat form validasi menggunakan react hook form + zod
  • check
    Belajar membuat fitur upload file menggunakan multer
  • check
    Belajar membuat sebuah middleware pada API
Created For
  • check
    Anda yang ingin level-up skills
  • check
    Anda yang ingin membangun portofolio yang cakep
  • check
    Anda yang ingin menjadi seorang Full-stack javascript
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
79
Happy Students
Verga Tandika at BuildWithAngga
Verga Tandika

Full-Stack Developer

good.

ic-star ic-star ic-star ic-star ic-star
FADLY MUHAMMAD at BuildWithAngga
FADLY MUHAMMAD

Lifetime Learner

Mantap mass materinya sangat membantu

ic-star ic-star ic-star ic-star ic-star
Galih Lazuardi Nursyahbana at BuildWithAngga
Galih Lazuardi Nursyahbana

Lifetime Learner

Mantap mungkin bisa dilengkapi fitur lainnya

ic-star ic-star ic-star ic-star ic-star
Sofyan Rauf at BuildWithAngga
Sofyan Rauf

Lifetime Learner

Kelas cukup bagus, mudah difahami

ic-star ic-star ic-star ic-star
loader

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.

Rp 249,000

Rp 690,000

arrow_upward