flash sale
close-icon
close-icon
Full-Stack Javascript Developer MERN

Rp 7,000,000 Rp 500,000

Premium Edition

Web Development Microservice: Website Kelas Online

Learn how to build a real project from scratch

Member

3,313 enrolled

Tingkatan
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Microservice adalah salah satu arsitektur pada Website Development yang digunakan oleh banyak Developer dan perusahaan IT dalam mengembangkan suatu Website. Tujuannya adalah agar Website tersebut lebih stabil dan mudah diperbaiki pada setiap service-nya jika adanya suatu bug pada service tersebut.

Projek yang dibangun adalah website untuk belajar online (kelas digital) untuk siapa saja yang ingin upgrade skill dalam dunia IT atau juga self-improvement. Dimulai dari slicing design website dari Figma menggunakan React JavaScript Framework dan dibantu juga dengan Tailwind CSS. Setelah itu kita akan coba menggunakan API (per service) yang telah kita buat menggunakan Laravel dan Express JS.

Jika kamu tertarik untuk belajar web development lebih dalam silakan bergabung di kelas ini dan kami akan mengarahkan dengan secara terstruktur dan rapih. Silakan bergabung dan kami tunggu di kelas.

Demo Project

Key Points

icon_check

Menerapkan Arsitektur Microservices Pada Aplikasi

icon_check

Belajar Membuat API dengan Nodejs & Laravel

icon_check

Belajar Men-Deploy Aplikasi ke VPS

icon_check

Belajar Menggunakan JSON WEB TOKEN

icon_check

Belajar Menggunakan Nextjs untuk Server Side Rendering (SSR)

icon_check

Belajar Mengunakan TailwindCss

icon_check

Belajar Menggunakan Library Reactjs

icon_check

Belajar membuat reusable component react from scratch

Sneak Peek

Designed For

icon_check

Cocok untuk yang ingin membangun website kelas online

icon_check

Diperuntukkan bagi yang ingin menjadi fullstack developer pada bahasa pemrograman javascript

Course Lessons

Learn With Expert

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

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

(48.2K)

Mentor Angga Risky

Angga Risky

Full-Stack Developer

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

(380.6K)

Mentor Widada

Widada

Back-End Developer

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

(24.1K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Laravel

Software Gratis

Download Now

React JS

Software Gratis

Download Now

Node JS

Software Gratis

Download Now

Postman API

Software Gratis

Download Now

GitHub

Software Gratis

Download Now

Figma

Software Gratis

Download Now

Express JS

Software Gratis

Download Now

Tailwind CSS

Software Gratis

Download Now

3,313 Happy Members

Review setelah bergabung di kelas Web Development Microservice: Website Kelas Online

musaddadhasbi at BuildWith Angga
Musaddadhasbi

Full-Stack Developer

Mantap

read more
ic-star ic-star ic-star ic-star ic-star
siahmadzaky at BuildWith Angga
Siahmadzaky

Full-Stack Developer

Mantaps

read more
ic-star ic-star ic-star ic-star ic-star
arifmuhamadirnawan517 at BuildWith Angga
Arifmuhamadirn

Full-Stack Developer

Penjelasannya rapih terstruktur mudah diikuti

read more
ic-star ic-star ic-star ic-star ic-star
rakamaheka at BuildWith Angga
Rakamaheka

Full-Stack Developer

Mantap Alhamdulillah saya sudah bisa mengerjakan materi web development microservice dari pembuatan backend dan servicenya hingga ke tahap frontend menggunakan reactjs

read more
ic-star ic-star ic-star ic-star ic-star
khoirxzfx at BuildWith Angga
Khoirxzfx

Full-Stack Developer

keren..

read more
ic-star ic-star ic-star ic-star ic-star
andikhadian1 at BuildWith Angga
Andikhadian1

Full-Stack Developer

Keren mas widada penjelasannya

read more
ic-star ic-star ic-star ic-star ic-star

Featured Projects

0 Hasil karya terbaik di kelas Web Development Microservice: Website Kelas Online

Belum ada hasil karya.

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium

Start to Invest 100%

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

icon_check

Selamanya

Rp 390,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Assets & group konsultasi

icon_check

Tools pendukung belajar

icon_check

Sertifikat kelulusan

icon_check

Free update materi

icon_check

Free akses kelas Freemium

icon_check

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi karena Anda bisa melakukan refund

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.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

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 BuildWith Angga. Silahkan 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 BuildWith Angga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Web Development Microservice: Website Kelas Online Foto kelas Web Development Microservice: Website Kelas Online Foto kelas Web Development Microservice: Website Kelas Online Foto kelas Web Development Microservice: Website Kelas Online

Web Development Microservice: Website Kelas Online

Learn how to build a real project from scratch

  • Persiapan dan Perkenalan
    4 minutes
  • Set Up API Gateway part 1
    3 minutes
  • Set Up API Gateway part 2
    11 minutes

  • Penjelasan Service Media
    3 minutes
  • Set Up Service Media
    4 minutes
  • Set Up Sequelize
    5 minutes
  • Membuat Migration dan Model
    8 minutes
  • Membuat API POST - Upload Image
    13 minutes
  • Membuat API GET - List Image
    4 minutes
  • Membuat API Delete Image
    5 minutes
  • Integrasi dengan API Gateway Part 1
    10 minutes
  • Integrasi dengan API Gateway Part 2
    2 minutes
  • Integrasi dengan API Gateway Part 3
    3 minutes

  • Set Up Service User
    3 minutes
  • Set Up Sequelize
    3 minutes
  • Membuat Migration Table Users
    9 minutes
  • Membuat Migration Table Refresh Tokens
    5 minutes
  • Membuat Seeder di Table Users
    6 minutes
  • Membuat Model User
    5 minutes
  • Membuat Model Refresh Token
    4 minutes
  • Membuat API Register
    13 minutes
  • Membuat API Login
    10 minutes
  • Membuat API Update Profile
    13 minutes
  • Membuat API Get User
    5 minutes
  • Membuat API Get List Users
    6 minutes
  • Membuat API untuk Save Refresh Token
    10 minutes
  • Membuat API Get Refresh Token
    4 minutes
  • Membuat API Logout
    6 minutes

  • Perkenalan Singkat Dengan JWT
    5 minutes
  • Belajar Menggunakan Library JWT
    12 minutes
  • Integrasi API Register
    5 minutes
  • Membuat Middleware Verify Token
    6 minutes
  • Membuat API Refresh Token
    12 minutes
  • Integrasi API Update
    6 minutes
  • API Get Profile
    4 minutes
  • Integrasi API Logout
    5 minutes

  • Penjelasan Service Course
    4 minutes
  • Set Up Service Course
    5 minutes
  • Migration Mentors
    4 minutes
  • Migration Courses
    6 minutes
  • Migration Chapters & Lessons
    5 minutes
  • Migration My Courses
    3 minutes
  • Migration Image Courses
    2 minutes
  • Migration Reviews
    4 minutes
  • Model Course
    4 minutes
  • Model Chapter & Lesson
    3 minutes
  • Model ImageCourse & Mentor
    2 minutes
  • Model MyCourse & Review
    3 minutes
  • [Mentor] - API Create
    8 minutes
  • [Mentor] - API Update
    4 minutes
  • [Mentor] - API Get List & Detail
    4 minutes
  • [Mentor] - API Delete
    3 minutes
  • [Course] - API Create
    10 minutes
  • [Course] - API Update
    6 minutes
  • [Course] - API Get List
    3 minutes
  • [Course] - Add Filter List
    4 minutes
  • [Course] - API Delete
    3 minutes
  • [Chapter] - API Create
    7 minutes
  • [Chapter] - API Update
    5 minutes
  • [Chapter] - API Get
    4 minutes
  • [Chapter] - Get Detail & Delete
    5 minutes
  • [Lesson] - API Create
    8 minutes
  • [Lesson] - API Update
    6 minutes
  • [Lesson] - API Get List & Detail
    6 minutes
  • [Lesson] - API Delete
    3 minutes
  • [Image Course] - API Create
    7 minutes
  • [Image Course] - API Delete
    3 minutes
  • Membuat File Helpers
    3 minutes
  • Membuat Function Helpers
    8 minutes
  • [MyCourse] - API Create
    13 minutes
  • [MyCourse] - API Get
    5 minutes
  • [Review] - API Create
    11 minutes
  • [Review] - API Update
    6 minutes
  • [Review] - API Delete
    2 minutes
  • Detail Course Part 1
    5 minutes
  • Detail Course Part 2
    4 minutes
  • Detail Course Part 3
    12 minutes

  • API Mentor Part 1
    9 minutes
  • API Mentor Part 2
    7 minutes
  • API Course Part 1
    8 minutes
  • API Course Part 2
    9 minutes
  • API Course Part 3
    4 minutes
  • API Chapter Part 1
    9 minutes
  • API Chapter Part 2
    5 minutes
  • API Lesson Part 1
    8 minutes
  • API Lesson Part 2
    5 minutes
  • API Image Course
    9 minutes
  • API My Course
    9 minutes
  • API Review
    11 minutes

  • Apa itu Payment Gateway?
    5 minutes
  • Webhook
    6 minutes
  • Ngrok
    5 minutes
  • Midtrans
    12 minutes
  • Latihan Snap Part 1
    8 minutes
  • Latihan Snap Part 2
    4 minutes

  • Penjelasan Flow
    6 minutes
  • Set Up Service Order Payment
    2 minutes
  • Migration Orders
    6 minutes
  • Migration Payment Logs
    4 minutes
  • Model Order & Payment Log
    4 minutes
  • API Create Orders Part 1
    9 minutes
  • API Create Orders Part 2
    14 minutes
  • API Create Orders Part 3
    6 minutes
  • API Get Orders
    4 minutes
  • Signature Key
    4 minutes
  • Webhook Handler Part 1
    9 minutes
  • Webhook Handler Part 2
    18 minutes
  • Webhook Handler Part 3
    8 minutes
  • API Create Premium Access
    6 minutes
  • Ubah Flow API MyCourse
    12 minutes
  • Troubleshoot API MyCourse
    5 minutes
  • Integrasi Webhook ke API Gateway
    6 minutes
  • Integrasi API Orders ke API Gateway
    6 minutes
  • Testing Webhook Part 1
    8 minutes
  • Testing Webhook Part 2
    4 minutes
  • Role & Permission
    11 minutes

  • Penjelasan Deployment
    5 minutes
  • [Github] - API Gateway
    5 minutes
  • [Github] - Service User
    3 minutes
  • [Github] - Service Media
    5 minutes
  • [Github] - Service Course
    3 minutes
  • [Github] - Service Order Payment
    2 minutes
  • Membuat Server
    6 minutes
  • Install NVM & PM2
    5 minutes
  • Install Nginx & MySQL
    5 minutes
  • Install PHP & Composer
    4 minutes
  • Melakukan Snapshot
    2 minutes
  • Deploy API Gateway
    10 minutes
  • Deploy Service User
    15 minutes
  • Edit Variable ENV - Service Media
    4 minutes
  • Deploy Service Media
    10 minutes
  • Deploy Service Course
    12 minutes
  • Deploy Service Order Payment
    10 minutes
  • Integrasi Antar Service
    6 minutes
  • Beli Domain
    3 minutes
  • Set Up Domain
    6 minutes
  • Final Test!
    13 minutes
  • Penutup
    1 minutes

  • Sneak peek project
    7 minutes
  • Bedah mockup
    7 minutes
  • Instalasi tools
    4 minutes
  • Vscode extension
    4 minutes
  • Setup frontpage
    6 minutes
  • Setup frontpage part 2
    9 minutes
  • Setup frontpage part 3
    6 minutes
  • Setup memberpage
    7 minutes
  • Setup memberpage part 2
    10 minutes

  • Kenalan Singkat
    7 minutes
  • Kenalan Singkat part 2
    5 minutes
  • Dynamic Routing
    5 minutes
  • Dynamic Routing part 2
    5 minutes

  • Axios instance
    8 minutes
  • Error handler
    10 minutes

  • Header
    9 minutes
  • Header part 2
    10 minutes
  • Header part 3
    13 minutes
  • Hero
    8 minutes
  • Hero part 2
    8 minutes
  • Clients
    6 minutes
  • Courses
    10 minutes
  • Courses part 2
    8 minutes
  • Courses part 3
    9 minutes
  • Courses part 4
    8 minutes
  • Categories
    9 minutes
  • Categories part 2
    8 minutes
  • Categories part 3
    8 minutes
  • Footer
    12 minutes
  • Hero email registration
    4 minutes

  • Details page
    10 minutes
  • Video background
    8 minutes
  • Courses title
    5 minutes
  • Feature Item
    11 minutes
  • Completing Feature item
    7 minutes
  • sticky price
    9 minutes
  • sticky price part 2
    11 minutes
  • sticky price part 3
    9 minutes
  • Reusable comps Modal
    11 minutes
  • Reusable comps Modal part 2
    8 minutes
  • Implement Modal comps
    9 minutes
  • Complete Image Preview
    11 minutes
  • Video Preview
    8 minutes
  • Video Preview part 2
    7 minutes
  • Video Preview part 3
    8 minutes
  • Video Preview part 4
    8 minutes
  • Video Preview part 5
    5 minutes
  • Instructor
    4 minutes
  • Happy students
    8 minutes
  • Reusable comps Star
    7 minutes
  • Reusable comps Star part 2
    8 minutes
  • Troubleshoot comps Star
    5 minutes

  • Search course
    8 minutes
  • Search course part 2
    9 minutes
  • Search course part 3
    10 minutes
  • Search course part 4
    8 minutes
  • Complete Library Page
    2 minutes

  • Setup memberpage
    12 minutes
  • Guest Route
    13 minutes
  • Member Route
    6 minutes
  • Login Routing
    6 minutes
  • Slicing Login
    9 minutes
  • Slicing Login part 2
    9 minutes
  • Slicing Login part 3
    6 minutes
  • Integrasi API Login
    8 minutes
  • Integrasi API Login part 2
    8 minutes
  • Integrasi API Login part 3
    8 minutes
  • Integrasi API Login part 4
    8 minutes
  • Integrasi API Login part 5
    7 minutes
  • Redux Store
    7 minutes
  • Redux Store part 2
    6 minutes
  • Custom hooks
    8 minutes

  • Setup Register form
    8 minutes
  • Slicing Register form
    4 minutes
  • Comps Form Select
    8 minutes
  • Comps Form Select part 2
    8 minutes
  • Comps Form Select part 3
    8 minutes
  • Slicing Register Form part 2
    6 minutes
  • Slicing Register Form part 3
    4 minutes
  • Break + helpers error message
    3 minutes
  • Comps Form Input
    11 minutes

  • Prepare application state page
    14 minutes
  • My Class
    4 minutes
  • Sidebar global
    7 minutes
  • Sidebar global part 2
    8 minutes
  • My Class part 2
    11 minutes
  • My Class part 3
    10 minutes
  • My Class part 4
    9 minutes
  • Rehydrate token when init apps
    4 minutes
  • Refresh Token
    11 minutes
  • My Class part 5
    4 minutes
  • Join Class
    10 minutes
  • Watch Class
    11 minutes
  • Watch Class Part 2
    10 minutes
  • Watch Class Part 3
    13 minutes

  • Settings page
    10 minutes
  • Settings page Part 2
    10 minutes
  • Settings page Part 3
    10 minutes
  • Settings page Part 4
    10 minutes

  • Slicing Transactions
    9 minutes
  • Transactions part 2
    9 minutes

  • [memberpage] Netlify
    9 minutes
  • [frontpage] Vercel
    10 minutes

  • Join dan Order Courses
    7 minutes
  • Join dan Order Courses part 2
    4 minutes
  • Orders Transaction
    8 minutes
  • Orders Transaction part 2
    9 minutes
  • Orders Transaction part 3
    9 minutes
  • Orders Transaction part 4
    10 minutes

  • [frontpage] Homepage
    10 minutes
  • [frontpage] Homepage part 2
    10 minutes
  • [frontpage] Homepage part 3
    14 minutes
  • [frontpage] Library
    3 minutes
  • [frontpage] Details Course
    12 minutes
  • [memberpage] Login
    10 minutes
  • [memberpage] Login part 2
    7 minutes
  • [memberpage] Register
    3 minutes
  • [memberpage] My Course
    13 minutes
  • [memberpage] Watch Course
    5 minutes
  • [memberpage] Transaction
    7 minutes
  • [memberpage] Settings
    4 minutes
  • [memberpage] Errors page & Thankyou
    4 minutes

  • React Router DOM Part 1
    12 minutes
  • React Router DOM Part 2
    11 minutes
Develop Your Skills

Microservice adalah salah satu arsitektur pada Website Development yang digunakan oleh banyak Developer dan perusahaan IT dalam mengembangkan suatu Website. Tujuannya adalah agar Website tersebut lebih stabil dan mudah diperbaiki pada setiap service-nya jika adanya suatu bug pada service tersebut.

Projek yang dibangun adalah website untuk belajar online (kelas digital) untuk siapa saja yang ingin upgrade skill dalam dunia IT atau juga self-improvement. Dimulai dari slicing design website dari Figma menggunakan React JavaScript Framework dan dibantu juga dengan Tailwind CSS. Setelah itu kita akan coba menggunakan API (per service) yang telah kita buat menggunakan Laravel dan Express JS.

Jika kamu tertarik untuk belajar web development lebih dalam silakan bergabung di kelas ini dan kami akan mengarahkan dengan secara terstruktur dan rapih. Silakan bergabung dan kami tunggu di kelas.

read more
Learn With Expert
Yein Narayana
Yein Narayana
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(48.2K)
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(380.6K)
Widada
Widada
Back-End Developer
rating-star rating-star rating-star rating-star rating-star
(24.1K)
Key Points
  • Menerapkan Arsitektur Microservices Pada Aplikasi
  • Belajar Membuat API dengan Nodejs & Laravel
  • Belajar Men-Deploy Aplikasi ke VPS
  • Belajar Menggunakan JSON WEB TOKEN
  • Belajar Menggunakan Nextjs untuk Server Side Rendering (SSR)
  • Belajar Mengunakan TailwindCss
  • Belajar Menggunakan Library Reactjs
  • Belajar membuat reusable component react from scratch
Created For
  • Cocok untuk yang ingin membangun website kelas online
  • Diperuntukkan bagi yang ingin menjadi fullstack developer pada bahasa pemrograman javascript
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Akses Offline 100%
Belajar tanpa koneksi internet
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
Akses Freemium Courses
Sehingga lebih up to date
3,313
Happy Students
musaddadhasbi at BuildWith Angga
musaddadhasbi

Full-Stack Developer

Mantap

ic-star ic-star ic-star ic-star ic-star
siahmadzaky at BuildWith Angga
siahmadzaky

Full-Stack Developer

Mantaps

ic-star ic-star ic-star ic-star ic-star
arifmuhamadirnawan517 at BuildWith Angga
arifmuhamadirnawan517

Full-Stack Developer

Penjelasannya rapih terstruktur mudah diikuti

ic-star ic-star ic-star ic-star ic-star
rakamaheka at BuildWith Angga
rakamaheka

Full-Stack Developer

Mantap Alhamdulillah saya sudah bisa mengerjakan materi web development microservice dari pembuatan backend dan servicenya hingga ke tahap frontend menggunakan reactjs

ic-star ic-star ic-star ic-star ic-star
khoirxzfx at BuildWith Angga
khoirxzfx

Full-Stack Developer

keren..

ic-star ic-star ic-star ic-star ic-star
andikhadian1 at BuildWith Angga
andikhadian1

Full-Stack Developer

Keren mas widada penjelasannya

ic-star ic-star ic-star ic-star ic-star
Tools Pendukung
Visual Studio Code
Visual Studio Code
Software Gratis
Laravel
Laravel
Software Gratis
React JS
React JS
Software Gratis
Node JS
Node JS
Software Gratis
Postman API
Postman API
Software Gratis
GitHub
GitHub
Software Gratis
Figma
Figma
Software Gratis
Express JS
Express JS
Software Gratis
Tailwind CSS
Tailwind CSS
Software Gratis

Rp 390,000

arrow_upward