Web Development Microservice: Website Kelas Online
Learn how to build a real project from scratch
Member
2,366 enrolled
Tingkatan
Sertifikat
Konsultasi
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 pencarian tempat berlibur
Diperuntukkan bagi yang ingin menjadi fullstack developer pada bahasa pemrograman javascript
Learn With Expert
-min.png)
Course Prerequisite
Kami rekomendasikan untuk mempelajari kelas di bawah
HTML5 Dasar
Rp 0
CSS Website Design
Rp 0
ES6 Dasar
Rp 0
React JavaScript
Rp 0
Happy Learning
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
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
2,366 Happy Members
Review setelah bergabung di kelas Web Development Microservice: Website Kelas Online
Azola Zubizarreta
Full-Stack Developer
Pesanan sesuai aplikasi, pembawaan materi handal dan terpercaya
Muhammad Faiz Adi
Full-Stack Developer
penjelasan mas widada buat backend gampang banget dipahamin, buat frontendnya belum dicoba
achmad maskuri
Back-End Developer
mantap penjelasaannya.
Ajiwahyugi Mobile
Full-Stack Developer
Terbaik
Hasbi Musaddad
Full-Stack Developer
Mantap
Yoga Yulanda
Full-Stack Developer
Penjelasannya Detail dan Mudah di Mengerti
Muhammad Kusnadi
Full-Stack Developer
Materi yang sangat bermanfaat, terima kasih atas ilmunya untuk BWA Team. Sangat berguna bagi saya :)
dimas pradipto
Full-Stack Developer
Video mudah di pahami, sangat recomended
Andikha Dian Nugra
Full-Stack Developer
Keren mas widada penjelasannya
Rizqi Khoirurrohma
Full-Stack Developer
keren..
Raka Maheka Auramu
Full-Stack Developer
Mantap Alhamdulillah saya sudah bisa mengerjakan materi web development microservice dari pembuatan backend dan servicenya hingga ke tahap frontend menggunakan reactjs
Arif Muhamad Irnaw
Full-Stack Developer
Penjelasannya rapih terstruktur mudah diikuti
Anggih Septiawan
Full-Stack Developer
Materi lengkap dan detail
Muhamad Husin
Full-Stack Developer
mantap pak haji
Ahmad Zaky
Full-Stack Developer
Mantaps
ROBBY HERNOWO
Lifetime Learner
Terimakasih Ilmunya Mentor Widada & Mentor Yein, Saya tunggu Kelas Berikutnya dari kedua Mentor ini di tahun 2021 :Cheers:
Farihul Rouf
Full-Stack Developer
jelas singkat padat keren
Rival Dwi Rexy
Full-Stack Developer
artistektur nya mantap
Tegar Satya Negara
Full-Stack Developer
Mantab
Sony Mellifriady
Full-Stack Developer
terima kasih mantap.
Denny Octavian
Back-End Developer
Mentor yang fast respone dan enak diajak diskusi. pengalaman kedua mentor ini sangat baik dan bisa banyak kita ambil ilmunya.
Nurdiansyah
Full-Stack Developer
Mantap
Andiko Mahendra
Full-Stack Developer
penjelasanya keren dan mudah dipahami
Andreas Ardi Nur P
Back-End Developer
Materi sangat bagus, manteb banget pokoknya, ditunggu kelas selanjutnya dari mas widada & mas yein. Sukses terus dan terus berbagi ilmu !
Mochammad Husni
Full-Stack Developer
mantapss
RadesPratama
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
Fathurrahman
Full-Stack Developer
alhamdulillah saya cukup paham dengan materinya, semoga kedepannya bisa membuat kelas yg banyak dan bermanfaat buat semua orang, aamiin
lukman harun
Back-End Developer
Wow mantap video daging banget 😍😍😍
Emha Ahdan Fahmi E
Full-Stack Developer
keren bangeet materinyaaa
Ariadi Ahmad
Back-End Developer
Giod
Luki Dwianto
Lifetime Learner
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
Ahmad Nasirin
Full-Stack Developer
kekurangan di bagian frontend, playlist acakadul. pada awal2 sesi.
Kelvin Ding
Product Designer
Backend bagus, front end ga complete, kurang login admin role
Rino Satya Putra
Full-Stack JavaScript Develope...
Good
ADI SYAHADI
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,
Fajar Cahyadi putr
Full-Stack Developer
Gila
Featured Projects
0 Hasil karya terbaik di kelas Web Development Microservice: Website Kelas Online
Belum ada hasil karya.
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
Berlangganan
Rp 0
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
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
