Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Web Development Microservice: Website Kelas Online

Learn how to build a real project from scratch

icon global
Release date January 2020
icon convert
Last updated March 2024
Member

4,044 enrolled

Tingkatan
level
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. Kelas ini menggunakan tools NextJS versi 9.

Sneak Peek

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

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

(54.3K)

Mentor Widada

Widada

Back-End Developer

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

(28K)

Our Happy Students

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

All Rating
Zainudin Abdullah at BuildWithAngga
Zainudin Abdullah

Full-Stack Developer

Sangat bermanfaat, penjelasannya juga lengkap sampai ke detail-detail kecil. Terimakasih banyak. read more

ic-star ic-star ic-star ic-star ic-star
Ahmad Zaky at BuildWithAngga
Ahmad Zaky

Full-Stack Developer

Mantaps read more

ic-star ic-star ic-star ic-star ic-star
Andikha Dian Nugraha at BuildWithAngga
Andikha Dian Nugraha

Full-Stack Developer

Keren mas widada penjelasannya read more

ic-star ic-star ic-star ic-star ic-star
dimas pradipto at BuildWithAngga
Dimas pradipto

Full-Stack Developer

Video mudah di pahami, sangat recomended read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Kusnadi at BuildWithAngga
Muhammad Kusnadi

Full-Stack Developer

Materi yang sangat bermanfaat, terima kasih atas ilmunya untuk BWA Team. Sangat berguna bagi saya :) read more

ic-star ic-star ic-star ic-star ic-star
Yoga Yulanda at BuildWithAngga
Yoga Yulanda

Full-Stack Developer

Penjelasannya Detail dan Mudah di Mengerti read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Featured Projects

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

 member of BuildWithAngga

andreasardi1

 member of BuildWithAngga

muhamadanik

 member of BuildWithAngga

asepsanusisan

 member of BuildWithAngga

alfianadriawan

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio

Low Risk, High Return

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

icon_check

Selamanya

Rp 400,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

Free akses kelas Freemium

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya
jaminan
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 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.
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

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

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

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

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

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

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

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

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

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

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

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

  • lock
    Axios instance
    8 minutes
  • lock
    Error handler
    10 minutes

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

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

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

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

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

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

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

  • lock
    Slicing Transactions
    9 minutes
  • lock
    Transactions part 2
    9 minutes

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

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

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

  • lock
    React Router DOM Part 1
    12 minutes
  • lock
    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. Kelas ini menggunakan tools NextJS versi 9.

read more
Key Points
  • check
    Menerapkan Arsitektur Microservices Pada Aplikasi
  • check
    Belajar Membuat API dengan Nodejs & Laravel
  • check
    Belajar Men-Deploy Aplikasi ke VPS
  • check
    Belajar Menggunakan JSON WEB TOKEN
  • check
    Belajar Menggunakan Nextjs untuk Server Side Rendering (SSR)
  • check
    Belajar Mengunakan TailwindCss
  • check
    Belajar Menggunakan Library Reactjs
  • check
    Belajar membuat reusable component react from scratch
Created For
  • check
    Cocok untuk yang ingin membangun website kelas online
  • check
    Diperuntukkan bagi yang ingin menjadi fullstack developer pada bahasa pemrograman 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
access
Akses Freemium Courses
Sehingga lebih up to date
4,044
Happy Students
yum1k4 at BuildWithAngga
yum1k4

Full-Stack Developer

Sangat bermanfaat, penjelasannya juga lengkap sampai ke detail-detail kecil. Terimakasih banyak.

ic-star ic-star ic-star ic-star ic-star
siahmadzaky at BuildWithAngga
siahmadzaky

Full-Stack Developer

Mantaps

ic-star ic-star ic-star ic-star ic-star
andikhadian1 at BuildWithAngga
andikhadian1

Full-Stack Developer

Keren mas widada penjelasannya

ic-star ic-star ic-star ic-star ic-star
dimaspradipto11 at BuildWithAngga
dimaspradipto11

Full-Stack Developer

Video mudah di pahami, sangat recomended

ic-star ic-star ic-star ic-star ic-star
muhkusnadi99 at BuildWithAngga
muhkusnadi99

Full-Stack Developer

Materi yang sangat bermanfaat, terima kasih atas ilmunya untuk BWA Team. Sangat berguna bagi saya :)

ic-star ic-star ic-star ic-star ic-star
yulandayoga at BuildWithAngga
yulandayoga

Full-Stack Developer

Penjelasannya Detail dan Mudah di Mengerti

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

Rp 400,000

arrow_upward