Web Development Microservice: Website Kelas Online

Learn how to build a real project from scratch

Member

1,741 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

Angga Risky

Full-Stack Developer

Profile Mentor

Widada

Full-Stack Developer

Profile Mentor

Yein Narayana

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

lock

Persiapan dan Perkenalan

3 mins

play_circle

Penjelasan Arsitektur

3 mins

lock

Set Up API Gateway part 1

3 mins

lock

Set Up API Gateway part 2

3 mins

lock

Penjelasan Service Media

3 mins

lock

Set Up Service Media

3 mins

lock

Set Up Sequelize

3 mins

lock

Membuat Migration dan Model

3 mins

lock

Membuat API POST - Upload Image

3 mins

lock

Membuat API GET - List Image

3 mins

lock

Membuat API Delete Image

3 mins

lock

Integrasi dengan API Gateway Part 1

3 mins

lock

Integrasi dengan API Gateway Part 2

3 mins

lock

Integrasi dengan API Gateway Part 3

3 mins

play_circle

Penjelasan Service User & Implement JWT

3 mins

lock

Set Up Service User

3 mins

lock

Set Up Sequelize

3 mins

lock

Membuat Migration Table Users

3 mins

lock

Membuat Migration Table Refresh Tokens

3 mins

lock

Membuat Seeder di Table Users

3 mins

lock

Membuat Model User

3 mins

lock

Membuat Model Refresh Token

3 mins

lock

Membuat API Register

3 mins

lock

Membuat API Login

3 mins

lock

Membuat API Update Profile

3 mins

lock

Membuat API Get User

3 mins

lock

Membuat API Get List Users

3 mins

lock

Membuat API untuk Save Refresh Token

3 mins

lock

Membuat API Get Refresh Token

3 mins

lock

Membuat API Logout

3 mins

lock

Perkenalan Singkat Dengan JWT

3 mins

lock

Belajar Menggunakan Library JWT

3 mins

lock

Integrasi API Register

3 mins

play_circle

Integrasi API Login dan Implementasi JWT

3 mins

lock

Membuat Middleware Verify Token

3 mins

lock

Membuat API Refresh Token

3 mins

lock

Integrasi API Update

3 mins

lock

API Get Profile

3 mins

lock

Integrasi API Logout

3 mins

lock

Penjelasan Service Course

3 mins

lock

Set Up Service Course

3 mins

lock

Migration Mentors

3 mins

lock

Migration Courses

3 mins

lock

Migration Chapters & Lessons

3 mins

lock

Migration My Courses

3 mins

lock

Migration Image Courses

3 mins

lock

Migration Reviews

3 mins

lock

Model Course

3 mins

lock

Model Chapter & Lesson

3 mins

lock

Model ImageCourse & Mentor

3 mins

lock

Model MyCourse & Review

3 mins

lock

[Mentor] - API Create

3 mins

lock

[Mentor] - API Update

3 mins

lock

[Mentor] - API Get List & Detail

3 mins

lock

[Mentor] - API Delete

3 mins

lock

[Course] - API Create

3 mins

lock

[Course] - API Update

3 mins

lock

[Course] - API Get List

3 mins

lock

[Course] - Add Filter List

3 mins

lock

[Course] - API Delete

3 mins

lock

[Chapter] - API Create

3 mins

lock

[Chapter] - API Update

3 mins

lock

[Chapter] - API Get

3 mins

lock

[Chapter] - Get Detail & Delete

3 mins

lock

[Lesson] - API Create

3 mins

lock

[Lesson] - API Update

3 mins

lock

[Lesson] - API Get List & Detail

3 mins

lock

[Lesson] - API Delete

3 mins

lock

[Image Course] - API Create

3 mins

lock

[Image Course] - API Delete

3 mins

lock

Membuat File Helpers

3 mins

lock

Membuat Function Helpers

3 mins

lock

[MyCourse] - API Create

3 mins

lock

[MyCourse] - API Get

3 mins

lock

[Review] - API Create

3 mins

lock

[Review] - API Update

3 mins

lock

[Review] - API Delete

3 mins

lock

Detail Course Part 1

3 mins

lock

Detail Course Part 2

3 mins

lock

Detail Course Part 3

3 mins

lock

API Mentor Part 1

3 mins

lock

API Mentor Part 2

3 mins

lock

API Course Part 1

3 mins

lock

API Course Part 2

3 mins

lock

API Course Part 3

3 mins

lock

API Chapter Part 1

3 mins

lock

API Chapter Part 2

3 mins

lock

API Lesson Part 1

3 mins

lock

API Lesson Part 2

3 mins

lock

API Image Course

3 mins

lock

API My Course

3 mins

lock

API Review

3 mins

lock

Apa itu Payment Gateway?

3 mins

lock

Webhook

3 mins

lock

Ngrok

3 mins

lock

Midtrans

3 mins

lock

Latihan Snap Part 1

3 mins

lock

Latihan Snap Part 2

3 mins

lock

Penjelasan Flow

3 mins

lock

Set Up Service Order Payment

3 mins

lock

Migration Orders

3 mins

lock

Migration Payment Logs

3 mins

lock

Model Order & Payment Log

3 mins

lock

API Create Orders Part 1

3 mins

lock

API Create Orders Part 2

3 mins

lock

API Create Orders Part 3

3 mins

lock

API Get Orders

3 mins

lock

Signature Key

3 mins

lock

Webhook Handler Part 1

3 mins

lock

Webhook Handler Part 2

3 mins

lock

Webhook Handler Part 3

3 mins

lock

API Create Premium Access

3 mins

lock

Ubah Flow API MyCourse

3 mins

lock

Troubleshoot API MyCourse

3 mins

lock

Integrasi Webhook ke API Gateway

3 mins

lock

Integrasi API Orders ke API Gateway

3 mins

lock

Testing Webhook Part 1

3 mins

lock

Testing Webhook Part 2

3 mins

lock

Role & Permission

3 mins

lock

Penjelasan Deployment

3 mins

lock

[Github] - API Gateway

3 mins

lock

[Github] - Service User

3 mins

lock

[Github] - Service Media

3 mins

lock

[Github] - Service Course

3 mins

lock

[Github] - Service Order Payment

3 mins

lock

Membuat Server

3 mins

lock

Install NVM & PM2

3 mins

lock

Install Nginx & MySQL

3 mins

lock

Install PHP & Composer

3 mins

lock

Melakukan Snapshot

3 mins

lock

Deploy API Gateway

3 mins

lock

Deploy Service User

3 mins

lock

Edit Variable ENV - Service Media

3 mins

lock

Deploy Service Media

3 mins

lock

Deploy Service Course

3 mins

lock

Deploy Service Order Payment

3 mins

lock

Integrasi Antar Service

3 mins

lock

Beli Domain

3 mins

lock

Set Up Domain

3 mins

lock

Final Test!

3 mins

lock

Penutup

3 mins

lock

Sneak peek project

3 mins

lock

Bedah mockup

3 mins

lock

Instalasi tools

3 mins

lock

Vscode extension

3 mins

lock

Setup frontpage

3 mins

lock

Setup frontpage part 2

3 mins

lock

Setup frontpage part 3

3 mins

lock

Setup memberpage

3 mins

lock

Setup memberpage part 2

3 mins

play_circle

CSR? SSR? SSG?

3 mins

lock

Kenalan Singkat

3 mins

lock

Kenalan Singkat part 2

3 mins

lock

Dynamic Routing

3 mins

lock

Dynamic Routing part 2

3 mins

lock

Axios instance

3 mins

lock

Error handler

3 mins

lock

Header

3 mins

lock

Header part 2

3 mins

lock

Header part 3

3 mins

lock

Hero

3 mins

lock

Hero part 2

3 mins

lock

Clients

3 mins

lock

Courses

3 mins

lock

Courses part 2

3 mins

lock

Courses part 3

3 mins

lock

Courses part 4

3 mins

lock

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

1,741 Happy Members

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

Fathurrahman

Full-Stack Developer

alhamdulillah saya cukup paham dengan materinya, semoga kedepannya bisa membuat kelas yg banyak dan bermanfaat buat semua orang, aamiin

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

Azola Zubizarreta

Full-Stack Developer

Pesanan sesuai aplikasi, pembawaan materi handal dan terpercaya

ROBBY HERNOWO

Full-Stack Developer

Terimakasih Ilmunya Mentor Widada & Mentor Yein, Saya tunggu Kelas Berikutnya dari kedua Mentor ini di tahun 2021 :Cheers:

Andiko Mahendra

Full-Stack Developer

penjelasanya keren dan mudah dipahami

dimas pradipto

Full-Stack Developer

Video mudah di pahami, sangat recomended

lukman harun

Full-Stack Developer

Wow mantap video daging banget 😍😍😍

Ahmad Zaky

Full-Stack Developer

Mantaps

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

Mochammad Husni

Full-Stack Developer

mantapss

Andreas Ardi Nur P

Full-Stack Developer

Materi sangat bagus, manteb banget pokoknya, ditunggu kelas selanjutnya dari mas widada & mas yein. Sukses terus dan terus berbagi ilmu !

Farihul Rouf

Full-Stack Developer

jelas singkat padat keren

Nurdiansyah

Full-Stack Developer

Mantap

Denny Octavian

Full-Stack Developer

Mentor yang fast respone dan enak diajak diskusi. pengalaman kedua mentor ini sangat baik dan bisa banyak kita ambil ilmunya.

Sony Mellifriady

Full-Stack Developer

terima kasih mantap.

Tegar Satya Negara

Full-Stack Developer

Mantab

Rival Dwi Rexy

Full-Stack Developer

artistektur nya mantap

Emha Ahdan Fahmi E

Full-Stack Developer

keren bangeet materinyaaa

Ariadi Ahmad

Full-Stack Developer

Giod

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.

#BeyondPremium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Selamanya

Rp 390,000

Rp 123,321

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

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

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

WhatsApp Admin

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.

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

Products

Community

Explore

Useful Links

Company

Office

Web Development Microservice: Website Kelas Online

Member

Tingkatan

Sertifikat

Konsultasi

Develop Your Skills

Demo Project

Key Points

Designed For

Learn With Expert

Angga Risky

Widada

Yein Narayana

Course Prerequisite

HTML5 Dasar

CSS Website Design

Vanilla JavaScript Pada Website Development

ES6 Dasar

React JavaScript

CSS Tailwind Web Design

Happy Learning

Tools Pendukung

Visual Studio Code

Laravel

React JS

Node JS

Postman API

GitHub

Figma

Express JS

Tailwind CSS

1,741 Happy Members

Fathurrahman

Andikha Dian Nugra

Rizqi Khoirurrohma

Raka Maheka Auramu

Arif Muhamad Irnaw

Anggih Septiawan

Muhamad Husin

Azola Zubizarreta

ROBBY HERNOWO

Andiko Mahendra

dimas pradipto

lukman harun

Ahmad Zaky

RadesPratama

Mochammad Husni

Andreas Ardi Nur P

Farihul Rouf

Nurdiansyah

Denny Octavian

Sony Mellifriady

Tegar Satya Negara

Rival Dwi Rexy

Emha Ahdan Fahmi E

Ariadi Ahmad

Rino Satya Putra

ADI SYAHADI

Fajar Cahyadi putr

Featured Projects

Start to Invest 100%

Rp 390,000

Rp 123,321

Rp 0

Pertanyaan Umum

Apakah kelas ini cocok untuk Beginners?

Cara belajar IT yang optimal?

Cara mendapatkan sertifikat kelas?

Cara berkonsultasi dengan mentor?

Apakah projek kelas boleh dijual?

Apakah boleh dipelajari bersama-sama?