Akses kelas selamanya
Masuk /
Daftar
Kelas Online
Bikin Web Like Discord: Full Stack JavaScript 2025
Build most modern website from scratch
Release date February 2025
Last updated March 2025
Member
10 enrolled
Tingkatan
Sertifikat
Konsultasi
148 lessons (16.7 hours)
Develop Your Skills
Kelas ini adalah program belajar intensif yang dirancang untuk membantu kamu membangun aplikasi chatting modern secara menyeluruh, dari sisi frontend, backend, hingga integrasi sistem pembayaran. Melalui studi kasus nyata, kamu akan belajar tidak hanya coding, tapi juga memahami bagaimana membangun aplikasi berbasis bisnis digital dengan alur sistem yang kompleks namun realistis.
Proyek utama dalam kelas ini adalah membangun website chatting berbasis grup dan user, lengkap dengan fitur real-time chat, sistem pembayaran, dan pengelolaan dana oleh pemilik grup. Semua fitur dibangun dengan teknologi JavaScript fullstack, menggunakan kombinasi React JS, Express JS, PostgreSQL, Pusher JS, serta integrasi Midtrans Payment Gateway.
Kamu juga akan belajar praktik terbaik dalam validasi data menggunakan Zod, serta penggunaan React Hook Form untuk membuat form yang efisien, dinamis, dan mudah di-maintain. Tampilan aplikasi akan disusun menggunakan template HTML siap pakai, yang akan kamu slicing dan integrasikan ke dalam project React agar terlihat profesional dan rapi.
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 menerapkan architecture feature-based
Belajar integrasi Pusher untuk real-time data
Designed For
Anda yang ingin level-up skills
Anda yang ingin membangun portofolio yang menarik
Anda yang ingin menjadi seorang Full-stack javascript
Anda yang ingin membuat project real-world
Course Lessons
Learn With Expert
Hariyanto
Full-Stack Developer
(2.9K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
React JS
Software Gratis
Express JS
Software Gratis
Type Script
Software Gratis
Dbeaver
Software Gratis
Prisma
Software Gratis
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Rp 289,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
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.
Bikin Web Like Discord: Full Stack JavaScript 2025
Build most modern website from scratch
-
1 Install DB & tools6 minutes -
2 Setup ERD 16 minutes
-
3 Setup ERD 211 minutes
-
4 Setup Express Js4 minutes
-
5 Setup Prisma 111 minutes
-
6 Setup Prisma 29 minutes
-
7 Setup Prisma 33 minutes
-
1 Membuat seed roles6 minutes
-
2 API sign up 19 minutes
-
3 API sign up 210 minutes
-
4 API sign up 38 minutes
-
5 API sign up 412 minutes
-
1 API Sign in 16 minutes
-
2 API Sign in 23 minutes
-
1 API get reset link10 minutes
-
2 API get reset link4 minutes
-
3 API update password7 minutes
-
4 API update password4 minutes
-
1 API create group 17 minutes
-
2 API create group 211 minutes
-
3 API create group 39 minutes
-
4 API create group 45 minutes
-
5 API create group 513 minutes
-
6 API update group 19 minutes
-
7 API update group 23 minutes
-
8 API update group 37 minutes
-
9 API update group 41 minutes
-
10 API get discover group 19 minutes
-
11 API get discover group 23 minutes
-
12 API get discover people 17 minutes
-
13 API get detail group8 minutes
-
14 API get my own groups 18 minutes
-
15 API get my own groups 24 minutes
-
16 API join group 15 minutes
-
17 API join group 28 minutes
-
18 API join group 41 minutes
-
19 API join group 54 minutes
-
20 API join group 68 minutes
-
21 API join group 75 minutes
-
22 API join group 88 minutes
-
23 API join group 98 minutes
-
24 API join group 105 minutes
-
25 API delete asset group7 minutes
-
1 API create room 17 minutes
-
2 API create room 29 minutes
-
3 API get rooms9 minutes
-
4 API get room messages6 minutes
-
5 Setup pusher5 minutes
-
6 API create message 19 minutes
-
7 API create message 27 minutes
-
8 Perbaikan content URL5 minutes
-
1 API get my revenue 18 minutes
-
2 API get my revenue 25 minutes
-
3 API get history payout3 minutes
-
4 API get balance3 minutes
-
5 API create withdraw8 minutes
-
1 Setup frontend 15 minutes
-
2 Setup frontend 25 minutes
-
3 Slicing landing page8 minutes
-
4 Perbaikan landing page2 minutes
-
1 Slicing sign up page2 minutes
-
2 Persiapan integrasi 15 minutes
-
3 Persiapan integrasi 23 minutes
-
4 Persiapan integrasi 33 minutes
-
5 Integrasi sign up 19 minutes
-
6 Integrasi sign up 211 minutes
-
1 Persiapan Integrasi3 minutes
-
2 Integrasi10 minutes
-
1 Persiapan forgot password5 minutes
-
2 Send email link change password6 minutes
-
3 Update password12 minutes
-
1 Slicing discover page12 minutes
-
2 Integrasi discover page 113 minutes
-
3 Integrasi discover page 29 minutes
-
4 Integrasi discover page 314 minutes
-
5 Integrasi discover page 44 minutes
-
6 Slicing detail group7 minutes
-
7 Integrasi detail group 110 minutes
-
8 Integrasi detail group 26 minutes
-
9 Integrasi detail group 39 minutes
-
10 Integrasi detail group 49 minutes
-
11 Slicing success payment page4 minutes
-
12 API detail transaction6 minutes
-
13 Integrasi success payment page11 minutes
-
1 Slicing chat page 18 minutes
-
2 Slicing chat page 23 minutes
-
3 Integrasi get rooms 16 minutes
-
4 Integrasi get rooms 27 minutes
-
5 Integrasi get rooms 36 minutes
-
6 Integrasi get rooms 45 minutes
-
7 Integrasi get rooms 55 minutes
-
8 Integrasi get rooms 65 minutes
-
9 Integrasi get rooms 710 minutes
-
10 Integrasi get rooms 86 minutes
-
11 Integrasi send message 15 minutes
-
12 Integrasi send message 29 minutes
-
13 Integrasi send message 36 minutes
-
14 Integrasi send message 49 minutes
-
15 Integrasi send message 53 minutes
-
16 Slicing group info modal6 minutes
-
17 Integrasi group info modal 19 minutes
-
18 Integrasi group info modal 29 minutes
-
19 Integrasi gallery modal5 minutes
-
20 Integrasi create room personal8 minutes
-
21 Perbaikan room chat personal4 minutes
-
22 Perbaikan API get personal detail12 minutes
-
23 Integrasi get personal profile 16 minutes
-
24 Integrasi get personal profile 28 minutes
-
1 Slicing general setting page7 minutes
-
2 Slicing account setting page5 minutes
-
3 Slicing groups setting page5 minutes
-
4 Integrasi groups setting page7 minutes
-
5 Slicing detail group3 minutes
-
6 Integrasi detail group 111 minutes
-
7 Integrasi detail group 29 minutes
-
8 Slicing create group 13 minutes
-
9 Slicing create group 26 minutes
-
10 Slicing create group 38 minutes
-
11 Slicing create group 46 minutes
-
12 Slicing create group 57 minutes
-
13 Slicing create group 65 minutes
-
14 Slicing create group 715 minutes
-
15 Slicing create group 82 minutes
-
16 Integrasi create group 15 minutes
-
17 Integrasi create group 210 minutes
-
18 Integrasi update group 17 minutes
-
19 Integrasi update group 25 minutes
-
20 Integrasi delete asset6 minutes
-
21 Integrasi update group 38 minutes
-
1 Slicing revenue page5 minutes
-
2 Integrasi chart js9 minutes
-
3 Penyesuaian backend10 minutes
-
4 Integrasi get revenue 15 minutes
-
5 Integrasi get revenue 24 minutes
-
6 Slicing withdraw page5 minutes
-
7 Integrasi get balance4 minutes
-
8 Integrasi withdraw 19 minutes
-
9 Integrasi withdraw 26 minutes
-
10 Slicing history withdraw4 minutes
-
11 Integrasi history withdraw9 minutes
-
1 Integrasi Sign In8 minutes
-
2 Dashboard admin page7 minutes
-
3 API get all history withdraw6 minutes
-
4 API update withdraw5 minutes
-
5 Integrasi history withdraw7 minutes
-
6 Integrasi update withdraw 18 minutes
-
7 Slicing appoval page6 minutes
-
8 Integrasi approval page6 minutes
Develop Your Skills
Kelas ini adalah program belajar intensif yang dirancang untuk membantu kamu membangun aplikasi chatting modern secara menyeluruh, dari sisi frontend, backend, hingga integrasi sistem pembayaran. Melalui studi kasus nyata, kamu akan belajar tidak hanya coding, tapi juga memahami bagaimana membangun aplikasi berbasis bisnis digital dengan alur sistem yang kompleks namun realistis.
Proyek utama dalam kelas ini adalah membangun website chatting berbasis grup dan user, lengkap dengan fitur real-time chat, sistem pembayaran, dan pengelolaan dana oleh pemilik grup. Semua fitur dibangun dengan teknologi JavaScript fullstack, menggunakan kombinasi React JS, Express JS, PostgreSQL, Pusher JS, serta integrasi Midtrans Payment Gateway.
Kamu juga akan belajar praktik terbaik dalam validasi data menggunakan Zod, serta penggunaan React Hook Form untuk membuat form yang efisien, dinamis, dan mudah di-maintain. Tampilan aplikasi akan disusun menggunakan template HTML siap pakai, yang akan kamu slicing dan integrasikan ke dalam project React agar terlihat profesional dan rapi.
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 menerapkan architecture feature-based
-
Belajar integrasi Pusher untuk real-time data
Created For
-
Anda yang ingin level-up skills
-
Anda yang ingin membangun portofolio yang menarik
-
Anda yang ingin menjadi seorang Full-stack javascript
-
Anda yang ingin membuat project real-world
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
10
Happy Students
Happy Students
Belum ada review
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.
Rp 289,000
Rp 690,000
