Kelas Online
Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game

Name: Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game
Brand: BuildWithAngga
Price: 690000 IDR
Rating: 4.8 (4336 reviews)

Released date August 2021

Last updated March 2026

Member

4,336 enrolled

Lesson Type

Video Only

Tingkatan

Sertifikat

Konsultasi

162 lessons (20.72 hours)

play_circle

Convert HTML to React Introduction

4 mins

play_circle

Atomic Design Structure Introduction

9 mins

play_circle

Perkenalan Mentor Product Designer Angga

1 mins

play_circle

Perkenalan Mentor Prawito

1 mins

play_circle 162 more lessons

Develop Your Skills

MERN Stack adalah pengembangan website dari Front-End sampai Back-End dengan memakai satu bahasa pemrograman yaitu Javascript. MERN adalah singkatan beberapa teknologi pengembangan yang powerful: M untuk MongoDB (Database); E untuk Express (Framework); R untuk ReactJS (FE); dan N untuk NextJS (FE) dan NodeJS (core BE).

Faktanya, Javascript telah dikenal sangat populer dan fleksibel karena dapat digunakan bersamaan dengan bahasa pemrograman lain. Mampu bekerja pada sisi FE dan BE sekaligus, Javascript dapat menciptakan tampilan website menarik dan mengatur logika data dengan baik. Di dunia pemrograman, Javascript telah banyak memberikan bermanfaat selama 25 tahun, dan memahami Javascript melalui kelas ini dapat menjadi investasi yang berharga untuk karir Anda sebagai Developer dalam jangka panjang.

Pada kelas ini, kita akan membuat project yang kompleks berupa website top up game “STORE GG”. Materi dimulai dari sisi FE antara lain mengubah template HTML desain yang sudah kita slicing ke dalam NextJS. Untuk mengelola data berskala besar dengan mudah, library component akan diatur sesuai prinsip Atomic Design. Pada sisi BE, framework utama NodeJS digunakan untuk proses routing, middleware, database integration hingga testing. CRUD (Create, Read, Update, Delete) juga akan digunakan untuk mengatur konten database sesuai kebutuhan. Lalu integrasi API diimplementasikan pada kedua sisi guna memungkinkan akses data pada satu server yang sama. Setelah selesai, project disimpan di GitHub dan diunggah ke platform real-time untuk memudahkan update data di kemudian hari.

Kelas ini cocok bagi Anda yang ingin mendalami pengembangan website dengan Javascript. Dengan mengetahui keseluruhan prosesnya dengan baik dan benar, kita dapat meningkatkan skill sebagai Developer dan tentunya aplikasi yang dihasilkan kedepannya akan semakin berkualitas. Agar belajar lebih mudah, harap pahami terlebih dulu fundamental Javascript, React, dan Database. Dan silahkan juga bertanya kepada Mentor ahli kami di grup konsultasi. Daftar sekarang dan sampai jumpa di kelas!

Sneak Peek

Foto kelas Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game

Key Points

Mendeploy project ke Vercel (Front-End) dan Heroku (Back-End)

Mengintegrasikan NodeJS REST API dengan ReactJS (NextJS)

Membuat fitur Sign Up dan Sign In

Membuat CRUD yang mencakup login dengan JWT

Membuat Storybook untuk membangun component library pada React

Mengolah database dengan MongoDB

Melakukan konversi HTML ke NextJS

Memahami pengembangan website secara utuh (Front-End dan Back-End)

Designed For

Anda yang ingin menjadi Full-Stack Developer

Anda yang ingin menjadi Javascript Developer

Anda yang ingin membangun portofolio web yang scalable dan menjual

Anda yang ingin membangun fitur Register dan Login pada website

Anda yang ingin membangun website dengan high quality design

Anda yang ingin menguasai pengembangan website

Course Lessons

Load More Lessons

Learn With Expert

Elfin Sanjaya

Full-Stack Developer

(38.7K)

Prawito Hudoro

Full-Stack Developer

(37.5K)

Angga Risky S

Full-Stack Developer

(464.4K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game

All Rating

Alfareza hermawan

Full-Stack Developer

bagusss masih relevan read more

12 Mar 2026

Suwidnyana Putra

Full-Stack Developer

fsdadasfdasfafdfdssfds read more

19 Oct 2025

Heru Hoeruman

Lifetime Learner

mudah dipahami read more

01 Oct 2025

Muhamad Rafli

Full-Stack JavaScript Develope...

Kursus nya bagus, penyampaian materi juga mudah di mengerti banget, thx bwa read more

17 Sep 2025

Muhammad Kuswari

Full-Stack Developer

keren materinya lengkap read more

16 Sep 2025

Muhammad Aminuddin

Full-Stack Developer

Materi yang disampaikan step by step, mudah dipahami dan diikuti. read more

16 Sep 2025

Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software

Node JS

Software

Figma

Software

Next JS

Software

Vercel

Software

#BeyondPremium

Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.

Similar Courses

Master Class: React JS dan Tailwind CSS Website Development

Rp 390,000

Mastering Flutter 2.0: Membangun Aplikasi Travel dan Pesawat

Rp 455,000

Web Security untuk Penetration Tester dan Bug Bounty Hunter

Rp 550,000

Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game

Perkenalan Mentor Product Designer Angga
Video 1 minutes
Perkenalan Mentor Prawito
Video 1 minutes
Installasi NextJS dan Project Structure

Video 4 minutes
Installasi Storybook

Video 3 minutes
Eslint Setup

Video 3 minutes
VSCode Setup (Extensions & Shortcut)

Video 5 minutes

Storybook Introduction

Video 5 minutes
Component Input Stories

Video 10 minutes
Global Style di Storybook

Video 5 minutes
Molecules Stories

Video 14 minutes

Mengenal framework ExpressJS

Video 5 minutes
Routing pada ExpressJS

Video 17 minutes
Middleware pada Express JS

Video 5 minutes
Kesimpulan

Video 1 minutes

Instalasi dan konfigurasi MongoDB

Video 5 minutes
Query dasar MongoDB

Video 13 minutes
Kesimpulan

Video 1 minutes

Konfigurasi MongoDB & ExpressJS

Video 4 minutes
Menerapkan MongoDB kedalam ExpressJS (CRUD) - PART 1

Video 7 minutes
Menerapkan MongoDB kedalam ExpressJS (CRUD) - PART 2

Video 9 minutes
Mengenal ODM pada MongoDB→Part 1

Video 10 minutes
Mengenal ODM pada MongoDB→Part 2

Video 6 minutes
Menerapkan Mongoose pada ExpressJS

Video 11 minutes
Kesimpulan

Video 1 minutes

Simpan projek kedalam github

Video 4 minutes
Deploy ke Heroku

Video 20 minutes

Setup Basic SEO

Video 6 minutes
Local Build and Checking

Video 16 minutes
Save Project to Github Repository

Video 4 minutes
Deploy Project ke Vercel

Video 5 minutes

Member

4,336

Lesson Type

Video Only

Tingkatan

Sertifikat

Konsultasi

Develop Your Skills

Learn With Expert

Elfin Sanjaya

Full-Stack Developer

(38.7K)

Prawito Hudoro

Full-Stack Developer

(37.5K)

Angga Risky S

Full-Stack Developer

(464.4K)

Key Points

Mendeploy project ke Vercel (Front-End) dan Heroku (Back-End)
Mengintegrasikan NodeJS REST API dengan ReactJS (NextJS)
Membuat fitur Sign Up dan Sign In
Membuat CRUD yang mencakup login dengan JWT
Membuat Storybook untuk membangun component library pada React
Mengolah database dengan MongoDB
Melakukan konversi HTML ke NextJS
Memahami pengembangan website secara utuh (Front-End dan Back-End)

Created For

Anda yang ingin menjadi Full-Stack Developer
Anda yang ingin menjadi Javascript Developer
Anda yang ingin membangun portofolio web yang scalable dan menjual
Anda yang ingin membangun fitur Register dan Login pada website
Anda yang ingin membangun website dengan high quality design
Anda yang ingin menguasai pengembangan website

For Your Career

Akses Selamanya

Belajar lebih santai & produktif

Assets & Grup Private

Diskusi belajar agar lebih terarah

Sertifikat & Portfolio

Gunakan untuk modal bekerja

4,336
Happy Students

alfareza hermawan

Full-Stack Developer

bagusss masih relevan

12 Mar 2026

Suwidnyana Putra

Full-Stack Developer

fsdadasfdasfafdfdssfds

19 Oct 2025

Heru Hoeruman

Lifetime Learner

mudah dipahami

01 Oct 2025

Muhamad Rafli

Full-Stack JavaScript Develope...

Kursus nya bagus, penyampaian materi juga mudah di mengerti banget, thx bwa

17 Sep 2025

Muhammad Kuswari

Full-Stack Developer

keren materinya lengkap

16 Sep 2025

Muhammad Aminuddin

Full-Stack Developer

Materi yang disampaikan step by step, mudah dipahami dan diikuti.

16 Sep 2025

Tools Pendukung

Visual Studio Code

Software

Node JS

Software

Figma

Software

Next JS

Software

Vercel

Software

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

Biaya 980rb jadi 29rb, hanya berlaku selama 3 hari saja. Gunakan kode promo BWATHR29

Kode Promo NEW

Flash Sale

Promo Patungan

Full-Stack Website Developer

UI/UX Designer

Mobile App Developer

Product Manager

Sign In

Kelas Online Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game

Released date August 2021

Last updated March 2026

Member

Lesson Type

Tingkatan

Sertifikat

Konsultasi

Develop Your Skills

Sneak Peek

Key Points

Designed For

Course Lessons

1 Pengenalan & Persiapan Kelas

2 HTML to NextJS

3 Atomic Design

4 Storybook

5 Mengenal NodeJS

6 Mengenal Framework ExpressJS

7 Mengenal MongoDB

8 ExpressJS & MongoDB

9 Admin StoreGG

10 Api Player StoreGG

11 Deploy

12 Integration

13 Deployment

Learn With Expert

Elfin Sanjaya

Prawito Hudoro

Angga Risky S

Our Happy Students

Tools Pendukung

Visual Studio Code

Node JS

Figma

Next JS

Vercel

Master Class: React JS dan Tailwind CSS Website Development

Mastering Flutter 2.0: Membangun Aplikasi Travel dan Pesawat

Web Security untuk Penetration Tester dan Bug Bounty Hunter

Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game

1 Pengenalan & Persiapan Kelas 6 lessons • 17 minutes

2 HTML to NextJS 14 lessons • 61 minutes

3 Atomic Design 15 lessons • 162 minutes

4 Storybook 4 lessons • 34 minutes

5 Mengenal NodeJS 10 lessons • 28 minutes

6 Mengenal Framework ExpressJS 4 lessons • 28 minutes

7 Mengenal MongoDB 3 lessons • 19 minutes

8 ExpressJS & MongoDB 7 lessons • 48 minutes

9 Admin StoreGG 34 lessons • 249 minutes

10 Api Player StoreGG 12 lessons • 110 minutes

11 Deploy 2 lessons • 24 minutes

12 Integration 47 lessons • 432 minutes

13 Deployment 4 lessons • 31 minutes

Elfin Sanjaya

Prawito Hudoro

Angga Risky S

Visual Studio Code

Node JS

Figma

Next JS

Vercel

Pertanyaan Umum

Apakah kelas ini cocok untuk Beginners?

Cara mendapatkan sertifikat kelas?

Cara berkonsultasi dengan mentor?

Apakah projek kelas boleh dijual?

Apakah boleh dipelajari bersama-sama?

Apakah boleh dijual kembali kelasnya?

Silahkan menunggu pendaftaran batch selanjutnya

Biaya 980rb jadi 29rb, hanya berlaku selama 3 hari saja.
Gunakan kode promo BWATHR29

Kelas Online
Full-Stack JavaScript Developer 2021: Website Top Up Voucher Game