Learn how to build a real project from scratch
2,881 enrolled
264 lessons (31.13 hours)
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.
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
Cocok untuk yang ingin membangun website kelas online
Diperuntukkan bagi yang ingin menjadi fullstack developer pada bahasa pemrograman javascript
Kami rekomendasikan untuk mempelajari kelas di bawah
Rp 15,000
Rp 15,000
Rp 15,000
Rp 15,000
Rp 15,000
Materi kelas yang bermanfaat untuk karir kita
2
Develop Service Media
Penjelasan Service Media
3 mins
Set Up Service Media
4 mins
Set Up Sequelize
5 mins
Membuat Migration dan Model
8 mins
Membuat API POST - Upload Image
13 mins
Membuat API GET - List Image
4 mins
Membuat API Delete Image
5 mins
Integrasi dengan API Gateway Part 1
10 mins
Integrasi dengan API Gateway Part 2
2 mins
Integrasi dengan API Gateway Part 3
3 mins
3
Develop Service User
Set Up Service User
3 mins
Set Up Sequelize
3 mins
Membuat Migration Table Users
9 mins
Membuat Migration Table Refresh Tokens
5 mins
Membuat Seeder di Table Users
6 mins
Membuat Model User
5 mins
Membuat Model Refresh Token
4 mins
Membuat API Register
13 mins
Membuat API Login
10 mins
Membuat API Update Profile
13 mins
Membuat API Get User
5 mins
Membuat API Get List Users
6 mins
Membuat API untuk Save Refresh Token
10 mins
Membuat API Get Refresh Token
4 mins
Membuat API Logout
6 mins
4
Implementasi JWT dan Integrasi API Gateway
Perkenalan Singkat Dengan JWT
5 mins
Belajar Menggunakan Library JWT
12 mins
Integrasi API Register
5 mins
Membuat Middleware Verify Token
6 mins
Membuat API Refresh Token
12 mins
Integrasi API Update
6 mins
API Get Profile
4 mins
Integrasi API Logout
5 mins
5
Develop Service Course
Penjelasan Service Course
4 mins
Set Up Service Course
5 mins
Migration Mentors
4 mins
Migration Courses
6 mins
Migration Chapters & Lessons
5 mins
Migration My Courses
3 mins
Migration Image Courses
2 mins
Migration Reviews
4 mins
Model Course
4 mins
Model Chapter & Lesson
3 mins
Model ImageCourse & Mentor
2 mins
Model MyCourse & Review
3 mins
[Mentor] - API Create
8 mins
[Mentor] - API Update
4 mins
[Mentor] - API Get List & Detail
4 mins
[Mentor] - API Delete
3 mins
[Course] - API Create
10 mins
[Course] - API Update
6 mins
[Course] - API Get List
3 mins
[Course] - Add Filter List
4 mins
[Course] - API Delete
3 mins
[Chapter] - API Create
7 mins
[Chapter] - API Update
5 mins
[Chapter] - API Get
4 mins
[Chapter] - Get Detail & Delete
5 mins
[Lesson] - API Create
8 mins
[Lesson] - API Update
6 mins
[Lesson] - API Get List & Detail
6 mins
[Lesson] - API Delete
3 mins
[Image Course] - API Create
7 mins
[Image Course] - API Delete
3 mins
Membuat File Helpers
3 mins
Membuat Function Helpers
8 mins
[MyCourse] - API Create
13 mins
[MyCourse] - API Get
5 mins
[Review] - API Create
11 mins
[Review] - API Update
6 mins
[Review] - API Delete
2 mins
Detail Course Part 1
5 mins
Detail Course Part 2
4 mins
Detail Course Part 3
12 mins
6
Integrasi Service Course dengan API Gateway
API Mentor Part 1
9 mins
API Mentor Part 2
7 mins
API Course Part 1
8 mins
API Course Part 2
9 mins
API Course Part 3
4 mins
API Chapter Part 1
9 mins
API Chapter Part 2
5 mins
API Lesson Part 1
8 mins
API Lesson Part 2
5 mins
API Image Course
9 mins
API My Course
9 mins
API Review
11 mins
7
Persiapan Payment Gateway
Apa itu Payment Gateway?
5 mins
Webhook
6 mins
Ngrok
5 mins
Midtrans
12 mins
Latihan Snap Part 1
8 mins
Latihan Snap Part 2
4 mins
8
Develop Service Order & Payment
Penjelasan Flow
6 mins
Set Up Service Order Payment
2 mins
Migration Orders
6 mins
Migration Payment Logs
4 mins
Model Order & Payment Log
4 mins
API Create Orders Part 1
9 mins
API Create Orders Part 2
14 mins
API Create Orders Part 3
6 mins
API Get Orders
4 mins
Signature Key
4 mins
Webhook Handler Part 1
9 mins
Webhook Handler Part 2
18 mins
Webhook Handler Part 3
8 mins
API Create Premium Access
6 mins
Ubah Flow API MyCourse
12 mins
Troubleshoot API MyCourse
5 mins
Integrasi Webhook ke API Gateway
6 mins
Integrasi API Orders ke API Gateway
6 mins
Testing Webhook Part 1
8 mins
Testing Webhook Part 2
4 mins
Role & Permission
11 mins
9
Deploy Service
Penjelasan Deployment
5 mins
[Github] - API Gateway
5 mins
[Github] - Service User
3 mins
[Github] - Service Media
5 mins
[Github] - Service Course
3 mins
[Github] - Service Order Payment
2 mins
Membuat Server
6 mins
Install NVM & PM2
5 mins
Install Nginx & MySQL
5 mins
Install PHP & Composer
4 mins
Melakukan Snapshot
2 mins
Deploy API Gateway
10 mins
Deploy Service User
15 mins
Edit Variable ENV - Service Media
4 mins
Deploy Service Media
10 mins
Deploy Service Course
12 mins
Deploy Service Order Payment
10 mins
Integrasi Antar Service
6 mins
Beli Domain
3 mins
Set Up Domain
6 mins
Final Test!
13 mins
Penutup
1 mins
10
Persiapan frontend
Sneak peek project
7 mins
Bedah mockup
7 mins
Instalasi tools
4 mins
Vscode extension
4 mins
Setup frontpage
6 mins
Setup frontpage part 2
9 mins
Setup frontpage part 3
6 mins
Setup memberpage
7 mins
Setup memberpage part 2
10 mins
12
[frontpage] Setup Axios
Axios instance
8 mins
Error handler
10 mins
13
[Frontpage] Homepage
Header
9 mins
Header part 2
10 mins
Header part 3
13 mins
Hero
8 mins
Hero part 2
8 mins
Clients
6 mins
Courses
10 mins
Courses part 2
8 mins
Courses part 3
9 mins
Courses part 4
8 mins
Categories
9 mins
Categories part 2
8 mins
Categories part 3
8 mins
Footer
12 mins
Hero email registration
4 mins
14
[Frontpage] Details Course
Details page
10 mins
Video background
8 mins
Courses title
5 mins
Feature Item
11 mins
Completing Feature item
7 mins
sticky price
9 mins
sticky price part 2
11 mins
sticky price part 3
9 mins
Reusable comps Modal
11 mins
Reusable comps Modal part 2
8 mins
Implement Modal comps
9 mins
Complete Image Preview
11 mins
Video Preview
8 mins
Video Preview part 2
7 mins
Video Preview part 3
8 mins
Video Preview part 4
8 mins
Video Preview part 5
5 mins
Instructor
4 mins
Happy students
8 mins
Reusable comps Star
7 mins
Reusable comps Star part 2
8 mins
Troubleshoot comps Star
5 mins
15
[Frontpage] Library page
Search course
8 mins
Search course part 2
9 mins
Search course part 3
10 mins
Search course part 4
8 mins
Complete Library Page
2 mins
16
[memberpage] Login Page
Setup memberpage
12 mins
Guest Route
13 mins
Member Route
6 mins
Login Routing
6 mins
Slicing Login
9 mins
Slicing Login part 2
9 mins
Slicing Login part 3
6 mins
Integrasi API Login
8 mins
Integrasi API Login part 2
8 mins
Integrasi API Login part 3
8 mins
Integrasi API Login part 4
8 mins
Integrasi API Login part 5
7 mins
Redux Store
7 mins
Redux Store part 2
6 mins
Custom hooks
8 mins
17
[memberpage] Register Page
Setup Register form
8 mins
Slicing Register form
4 mins
Comps Form Select
8 mins
Comps Form Select part 2
8 mins
Comps Form Select part 3
8 mins
Slicing Register Form part 2
6 mins
Slicing Register Form part 3
4 mins
Break + helpers error message
3 mins
Comps Form Input
11 mins
18
[memberpage] My Class
Prepare application state page
14 mins
My Class
4 mins
Sidebar global
7 mins
Sidebar global part 2
8 mins
My Class part 2
11 mins
My Class part 3
10 mins
My Class part 4
9 mins
Rehydrate token when init apps
4 mins
Refresh Token
11 mins
My Class part 5
4 mins
Join Class
10 mins
Watch Class
11 mins
Watch Class Part 2
10 mins
Watch Class Part 3
13 mins
19
[memberpage] Settings Page
Settings page
10 mins
Settings page Part 2
10 mins
Settings page Part 3
10 mins
Settings page Part 4
10 mins
20
[memberpage] Transactions
Slicing Transactions
9 mins
Transactions part 2
9 mins
21
[frontend] deployment
[memberpage] Netlify
9 mins
[frontpage] Vercel
10 mins
22
[frontend] Orders & Payment
Join dan Order Courses
7 mins
Join dan Order Courses part 2
4 mins
Orders Transaction
8 mins
Orders Transaction part 2
9 mins
Orders Transaction part 3
9 mins
Orders Transaction part 4
10 mins
23
[frontend] Responsive!
[frontpage] Homepage
10 mins
[frontpage] Homepage part 2
10 mins
[frontpage] Homepage part 3
14 mins
[frontpage] Library
3 mins
[frontpage] Details Course
12 mins
[memberpage] Login
10 mins
[memberpage] Login part 2
7 mins
[memberpage] Register
3 mins
[memberpage] My Course
13 mins
[memberpage] Watch Course
5 mins
[memberpage] Transaction
7 mins
[memberpage] Settings
4 mins
[memberpage] Errors page & Thankyou
4 mins
Lengkapi semua pendukung di bawah sebelum belajar
Review setelah bergabung di kelas Web Development Microservice: Website Kelas Online
Full-Stack Developer
Materi yang sangat bermanfaat, terima kasih atas ilmunya untuk BWA Team. Sangat berguna bagi saya :)
Full-Stack Developer
Pesanan sesuai aplikasi, pembawaan materi handal dan terpercaya
Full-Stack Developer
Mantaps
Full-Stack Developer
Materi lengkap dan detail
Full-Stack Developer
Penjelasannya rapih terstruktur mudah diikuti
Full-Stack Developer
Mantap Alhamdulillah saya sudah bisa mengerjakan materi web development microservice dari pembuatan backend dan servicenya hingga ke tahap frontend menggunakan reactjs
Full-Stack Developer
keren..
Full-Stack Developer
Keren mas widada penjelasannya
Full-Stack Developer
Video mudah di pahami, sangat recomended
Full-Stack Developer
mantap pak haji
Full-Stack Developer
Penjelasannya Detail dan Mudah di Mengerti
Full-Stack Developer
Mantap
Full-Stack Developer
Terbaik
Back-End Developer
mantap penjelasaannya.
Full-Stack Developer
penjelasan mas widada buat backend gampang banget dipahamin, buat frontendnya belum dicoba
Full-Stack Developer
Mentor nya keren dalam penguasaan materi, dan isi materinya juga cukup banyak jadi lumayan menambah ilmu baru
Full-Stack Developer
Sangat bermanfaat, penjelasannya juga lengkap sampai ke detail-detail kecil. Terimakasih banyak.
Full-Stack Developer
penjelasanya keren dan mudah dipahami
Full-Stack Developer
keren bangeet materinyaaa
Full-Stack Developer
artistektur nya mantap
Full-Stack Developer
Mantab
Full-Stack Developer
terima kasih mantap.
Back-End Developer
Mentor yang fast respone dan enak diajak diskusi. pengalaman kedua mentor ini sangat baik dan bisa banyak kita ambil ilmunya.
Full-Stack Developer
Mantap
Full-Stack Developer
jelas singkat padat keren
Back-End Developer
Materi sangat bagus, manteb banget pokoknya, ditunggu kelas selanjutnya dari mas widada & mas yein. Sukses terus dan terus berbagi ilmu !
Full-Stack Developer
mantapss
Front-End Developer
Materi dari pak widada dan kak yein udah bagus banget jadi cepet ngerti sama codenya. Dan saran jelasin dong cara deploy semua app nya dari service hingga App Next, karena saya baru pertama kali memulai deploy jadi agak bingung setting nya. Terima Kasih
Full-Stack Developer
alhamdulillah saya cukup paham dengan materinya, semoga kedepannya bisa membuat kelas yg banyak dan bermanfaat buat semua orang, aamiin
Back-End Developer
Wow mantap video daging banget 😍😍😍
Lifetime Learner
Terimakasih Ilmunya Mentor Widada & Mentor Yein, Saya tunggu Kelas Berikutnya dari kedua Mentor ini di tahun 2021 :Cheers:
Back-End Developer
Giod
Full-Stack Developer
Sejauh ini course ini sangat bagus semua road map coursenya bagus, namun perlu di tambahkan detail versi dari requiretment tool agar kami para student bisa ngikutin course dengan lancar kak
Full-Stack Developer
kekurangan di bagian frontend, playlist acakadul. pada awal2 sesi.
Product Designer
Backend bagus, front end ga complete, kurang login admin role
Full-Stack JavaScript Develope...
Good
Front-End Developer
sampe saat ini saya masih bingung ka bagaimana cara deploy reatc ke Cpanel. nanggung banget ka karna realnya ka di dunia kerja kita akan menggunakan hosting,
Full-Stack Developer
Gila
0 Hasil karya terbaik di kelas Web Development Microservice: Website Kelas Online
Belum ada hasil karya.
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang
baru di bidang IT
Selamanya
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
Berlangganan
Mengikuti kelas dengan waktu yang terbatas dan biaya lebih hemat
Akses kelas terbatas
Assets & group konsultasi
Tools pendukung belajar
Sertifikat kelulusan
Free update materi
Free akses kelas Freemium
Lowongan pekerjaan
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT