Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Web Development Microservice: Website Kelas Online
Kelas Online
Web Development Microservice: Website Kelas Online
Learn how to build a real project from scratch
Release date January 2020
Last updated October 2024
Member
4,170 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. Kelas ini menggunakan tools NextJS versi 9.
Sneak Peek
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
Course Lessons
Learn With Expert
.png)
Yein Narayana
Full-Stack Developer
(57K)
.png)
Widada
Back-End Developer
(28.8K)
Muhammad Kusnadi
Full-Stack Developer
Materi yang sangat bermanfaat, terima kasih atas ilmunya untuk BWA Team. Sangat berguna bagi saya :) read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 400,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
.png)
.png)
.png)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
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.
Web Development Microservice: Website Kelas Online
Learn how to build a real project from scratch
-
Persiapan dan Perkenalan4 minutes -
Penjelasan Arsitektur3 minutes -
Set Up API Gateway part 13 minutes
-
Set Up API Gateway part 211 minutes
-
Penjelasan Service Media3 minutes
-
Set Up Service Media4 minutes
-
Set Up Sequelize5 minutes
-
Membuat Migration dan Model8 minutes
-
Membuat API POST - Upload Image13 minutes
-
Membuat API GET - List Image4 minutes
-
Membuat API Delete Image5 minutes
-
Integrasi dengan API Gateway Part 110 minutes
-
Integrasi dengan API Gateway Part 22 minutes
-
Integrasi dengan API Gateway Part 33 minutes
-
Penjelasan Service User & Implement JWT5 minutes
-
Set Up Service User3 minutes
-
Set Up Sequelize3 minutes
-
Membuat Migration Table Users9 minutes
-
Membuat Migration Table Refresh Tokens5 minutes
-
Membuat Seeder di Table Users6 minutes
-
Membuat Model User5 minutes
-
Membuat Model Refresh Token4 minutes
-
Membuat API Register13 minutes
-
Membuat API Login10 minutes
-
Membuat API Update Profile13 minutes
-
Membuat API Get User5 minutes
-
Membuat API Get List Users6 minutes
-
Membuat API untuk Save Refresh Token10 minutes
-
Membuat API Get Refresh Token4 minutes
-
Membuat API Logout6 minutes
-
Perkenalan Singkat Dengan JWT5 minutes
-
Belajar Menggunakan Library JWT12 minutes
-
Integrasi API Register5 minutes
-
Integrasi API Login dan Implementasi JWT9 minutes
-
Membuat Middleware Verify Token6 minutes
-
Membuat API Refresh Token12 minutes
-
Integrasi API Update6 minutes
-
API Get Profile4 minutes
-
Integrasi API Logout5 minutes
-
Penjelasan Service Course4 minutes
-
Set Up Service Course5 minutes
-
Migration Mentors4 minutes
-
Migration Courses6 minutes
-
Migration Chapters & Lessons5 minutes
-
Migration My Courses3 minutes
-
Migration Image Courses2 minutes
-
Migration Reviews4 minutes
-
Model Course4 minutes
-
Model Chapter & Lesson3 minutes
-
Model ImageCourse & Mentor2 minutes
-
Model MyCourse & Review3 minutes
-
[Mentor] - API Create8 minutes
-
[Mentor] - API Update4 minutes
-
[Mentor] - API Get List & Detail4 minutes
-
[Mentor] - API Delete3 minutes
-
[Course] - API Create10 minutes
-
[Course] - API Update6 minutes
-
[Course] - API Get List3 minutes
-
[Course] - Add Filter List4 minutes
-
[Course] - API Delete3 minutes
-
[Chapter] - API Create7 minutes
-
[Chapter] - API Update5 minutes
-
[Chapter] - API Get4 minutes
-
[Chapter] - Get Detail & Delete5 minutes
-
[Lesson] - API Create8 minutes
-
[Lesson] - API Update6 minutes
-
[Lesson] - API Get List & Detail6 minutes
-
[Lesson] - API Delete3 minutes
-
[Image Course] - API Create7 minutes
-
[Image Course] - API Delete3 minutes
-
Membuat File Helpers3 minutes
-
Membuat Function Helpers8 minutes
-
[MyCourse] - API Create13 minutes
-
[MyCourse] - API Get5 minutes
-
[Review] - API Create11 minutes
-
[Review] - API Update6 minutes
-
[Review] - API Delete2 minutes
-
Detail Course Part 15 minutes
-
Detail Course Part 24 minutes
-
Detail Course Part 312 minutes
-
API Mentor Part 19 minutes
-
API Mentor Part 27 minutes
-
API Course Part 18 minutes
-
API Course Part 29 minutes
-
API Course Part 34 minutes
-
API Chapter Part 19 minutes
-
API Chapter Part 25 minutes
-
API Lesson Part 18 minutes
-
API Lesson Part 25 minutes
-
API Image Course9 minutes
-
API My Course9 minutes
-
API Review11 minutes
-
Apa itu Payment Gateway?5 minutes
-
Webhook6 minutes
-
Ngrok5 minutes
-
Midtrans12 minutes
-
Latihan Snap Part 18 minutes
-
Latihan Snap Part 24 minutes
-
Penjelasan Flow6 minutes
-
Set Up Service Order Payment2 minutes
-
Migration Orders6 minutes
-
Migration Payment Logs4 minutes
-
Model Order & Payment Log4 minutes
-
API Create Orders Part 19 minutes
-
API Create Orders Part 214 minutes
-
API Create Orders Part 36 minutes
-
API Get Orders4 minutes
-
Signature Key4 minutes
-
Webhook Handler Part 19 minutes
-
Webhook Handler Part 218 minutes
-
Webhook Handler Part 38 minutes
-
API Create Premium Access6 minutes
-
Ubah Flow API MyCourse12 minutes
-
Troubleshoot API MyCourse5 minutes
-
Integrasi Webhook ke API Gateway6 minutes
-
Integrasi API Orders ke API Gateway6 minutes
-
Testing Webhook Part 18 minutes
-
Testing Webhook Part 24 minutes
-
Role & Permission11 minutes
-
Penjelasan Deployment5 minutes
-
[Github] - API Gateway5 minutes
-
[Github] - Service User3 minutes
-
[Github] - Service Media5 minutes
-
[Github] - Service Course3 minutes
-
[Github] - Service Order Payment2 minutes
-
Membuat Server6 minutes
-
Install NVM & PM25 minutes
-
Install Nginx & MySQL5 minutes
-
Install PHP & Composer4 minutes
-
Melakukan Snapshot2 minutes
-
Deploy API Gateway10 minutes
-
Deploy Service User15 minutes
-
Edit Variable ENV - Service Media4 minutes
-
Deploy Service Media10 minutes
-
Deploy Service Course12 minutes
-
Deploy Service Order Payment10 minutes
-
Integrasi Antar Service6 minutes
-
Beli Domain3 minutes
-
Set Up Domain6 minutes
-
Final Test!13 minutes
-
Penutup1 minutes
-
Sneak peek project7 minutes
-
Bedah mockup7 minutes
-
Instalasi tools4 minutes
-
Vscode extension4 minutes
-
Setup frontpage6 minutes
-
Setup frontpage part 29 minutes
-
Setup frontpage part 36 minutes
-
Setup memberpage7 minutes
-
Setup memberpage part 210 minutes
-
CSR? SSR? SSG?9 minutes
-
Kenalan Singkat7 minutes
-
Kenalan Singkat part 25 minutes
-
Dynamic Routing5 minutes
-
Dynamic Routing part 25 minutes
-
Axios instance8 minutes
-
Error handler10 minutes
-
Header9 minutes
-
Header part 210 minutes
-
Header part 313 minutes
-
Hero8 minutes
-
Hero part 28 minutes
-
Clients6 minutes
-
Courses10 minutes
-
Courses part 28 minutes
-
Courses part 39 minutes
-
Courses part 48 minutes
-
Categories9 minutes
-
Categories part 28 minutes
-
Categories part 38 minutes
-
Footer12 minutes
-
Hero email registration4 minutes
-
Details page10 minutes
-
Video background8 minutes
-
Courses title5 minutes
-
Feature Item11 minutes
-
Completing Feature item7 minutes
-
sticky price9 minutes
-
sticky price part 211 minutes
-
sticky price part 39 minutes
-
Reusable comps Modal11 minutes
-
Reusable comps Modal part 28 minutes
-
Implement Modal comps9 minutes
-
Complete Image Preview11 minutes
-
Video Preview8 minutes
-
Video Preview part 27 minutes
-
Video Preview part 38 minutes
-
Video Preview part 48 minutes
-
Video Preview part 55 minutes
-
Instructor4 minutes
-
Happy students8 minutes
-
Reusable comps Star7 minutes
-
Reusable comps Star part 28 minutes
-
Troubleshoot comps Star5 minutes
-
Search course8 minutes
-
Search course part 29 minutes
-
Search course part 310 minutes
-
Search course part 48 minutes
-
Complete Library Page2 minutes
-
Setup memberpage12 minutes
-
Guest Route13 minutes
-
Member Route6 minutes
-
Login Routing6 minutes
-
Slicing Login9 minutes
-
Slicing Login part 29 minutes
-
Slicing Login part 36 minutes
-
Integrasi API Login8 minutes
-
Integrasi API Login part 28 minutes
-
Integrasi API Login part 38 minutes
-
Integrasi API Login part 48 minutes
-
Integrasi API Login part 57 minutes
-
Redux Store7 minutes
-
Redux Store part 26 minutes
-
Custom hooks8 minutes
-
Setup Register form8 minutes
-
Slicing Register form4 minutes
-
Comps Form Select8 minutes
-
Comps Form Select part 28 minutes
-
Comps Form Select part 38 minutes
-
Slicing Register Form part 26 minutes
-
Slicing Register Form part 34 minutes
-
Break + helpers error message3 minutes
-
Comps Form Input11 minutes
-
Prepare application state page14 minutes
-
My Class4 minutes
-
Sidebar global7 minutes
-
Sidebar global part 28 minutes
-
My Class part 211 minutes
-
My Class part 310 minutes
-
My Class part 49 minutes
-
Rehydrate token when init apps4 minutes
-
Refresh Token11 minutes
-
My Class part 54 minutes
-
Join Class10 minutes
-
Watch Class11 minutes
-
Watch Class Part 210 minutes
-
Watch Class Part 313 minutes
-
Settings page10 minutes
-
Settings page Part 210 minutes
-
Settings page Part 310 minutes
-
Settings page Part 410 minutes
-
Slicing Transactions9 minutes
-
Transactions part 29 minutes
-
[memberpage] Netlify9 minutes
-
[frontpage] Vercel10 minutes
-
Join dan Order Courses7 minutes
-
Join dan Order Courses part 24 minutes
-
Orders Transaction8 minutes
-
Orders Transaction part 29 minutes
-
Orders Transaction part 39 minutes
-
Orders Transaction part 410 minutes
-
[frontpage] Homepage10 minutes
-
[frontpage] Homepage part 210 minutes
-
[frontpage] Homepage part 314 minutes
-
[frontpage] Library3 minutes
-
[frontpage] Details Course12 minutes
-
[memberpage] Login10 minutes
-
[memberpage] Login part 27 minutes
-
[memberpage] Register3 minutes
-
[memberpage] My Course13 minutes
-
[memberpage] Watch Course5 minutes
-
[memberpage] Transaction7 minutes
-
[memberpage] Settings4 minutes
-
[memberpage] Errors page & Thankyou4 minutes
-
React Router DOM Part 112 minutes
-
React Router DOM Part 211 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
Learn With Expert
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
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
4,170
Happy Students
Happy Students
Muhammad Kusnadi
Full-Stack Developer
Materi yang sangat bermanfaat, terima kasih atas ilmunya untuk BWA Team. Sangat berguna bagi saya :)
Yoga Yulanda
Full-Stack Developer
Penjelasannya Detail dan Mudah di Mengerti
Hasbi Musaddad
Full-Stack Developer
Mantap
Ajiwahyugi Mobile
Full-Stack Developer
Terbaik
achmad maskuri
Back-End Developer
mantap penjelasaannya.
James Lontoh
Full-Stack Developer
mantaaap...
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
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.
