flash sale
Most Searched
Full-Stack Laravel Flutter 2021: Building E-Commerce and Chat Apps
Full-Stack Laravel Flutter 2021: Building E-Commerce and Chat Apps
Rp 599,000
Complete Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio
Complete Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio
Rp 569,000
Intro to Design System
Intro to Design System
Rp 425,000
Learn Data Analysis For Beginners with Excel
Learn Data Analysis For Beginners with Excel
Rp 450,000
Full-Stack Web Developer
Full-Stack Web Developer
Rp 389,000
Premium Edition

Web Development Microservice: Website Kelas Online

Learn how to build a real project from scratch

Member

3,287 enrolled

Tingkatan
Sertifikat
Konsultasi

266 lessons (31.52 hours)

play_circle

Penjelasan Arsitektur

3 mins

play_circle

CSR? SSR? SSG?

9 mins

play_circle

Integrasi API Login dan Implementasi JWT

9 mins

play_circle

Penjelasan Service User & Implement JWT

5 mins

play_circle 266 video lainnya
Gabung Kelas

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

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

Designed For

Cocok untuk yang ingin membangun website kelas online

Diperuntukkan bagi yang ingin menjadi fullstack developer pada bahasa pemrograman javascript

Learn With Expert

Mentor Widada

Widada

Back-End Developer

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

(23.5K)

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

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

(47.4K)

Mentor Angga Risky

Angga Risky

Full-Stack Developer

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

(372.7K)

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Load More

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

Load More

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,287 Happy Members

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

Musaddadhasbi

Full-Stack Developer

Mantap

read more
Siahmadzaky

Full-Stack Developer

Mantaps

read more
Arifmuhamadirn

Full-Stack Developer

Penjelasannya rapih terstruktur mudah diikuti

read more
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
Khoirxzfx

Full-Stack Developer

keren..

read more
Andikhadian1

Full-Stack Developer

Keren mas widada penjelasannya

read more

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

Selamanya

Rp 390,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

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

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.

Web Development Microservice: Website Kelas Online

Learn how to build a real project from scratch

  • Persiapan dan Perkenalan
    4 minutes
  • Penjelasan Arsitektur
    3 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

  • Penjelasan Service User & Implement JWT
    5 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
  • Integrasi API Login dan Implementasi JWT
    9 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

  • CSR? SSR? SSG?
    9 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
Widada
Widada
Back-End Developer
rating-star rating-star rating-star rating-star rating-star
(23.5K)
Yein Narayana
Yein Narayana
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(47.4K)
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(372.7K)
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,287 Happy Members
Musaddadhasbi

Full-Stack Developer

Mantap

read more
Siahmadzaky

Full-Stack Developer

Mantaps

read more
Arifmuhamadirn

Full-Stack Developer

Penjelasannya rapih terstruktur mudah diikuti

read more
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
Khoirxzfx

Full-Stack Developer

keren..

read more
Andikhadian1

Full-Stack Developer

Keren mas widada penjelasannya

read more
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

Beli Kelas
arrow_upward
logo buildwithangga

Website untuk belajar design dan code dari mentor yang sangat berpengalaman di bidangnya masing-masing.

© 2019-2022 BuildWith Angga

Start Your Career

Resources

Mastering New Tools

Learn Language

Products

Community

Company

Office

  • PT Angga Membangun Indonesia

  • Jl. KH. Wahid Hasyim Kel No.10D

  • Jakarta, Indonesia

  • (021) 50858650

  • [email protected]

Explore

Useful Links

Languange