Kelas Online
Web Development Microservice: Website Kelas Online

Dibangun oleh Angga Risky & Yein Narayana


STUDENT

780

TINGKAT

ALL LEVELS

KONSULTASI

check_circle

SERTIFIKAT

check_circle

Tentang Kelas

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.

Kamu Akan Mempelajari:

check_circle

Menerapkan Arsitektur Microservices Pada Aplikasi

check_circle

Belajar Membuat API dengan Nodejs & Laravel

check_circle

Belajar Men-Deploy Aplikasi ke VPS

check_circle

Belajar Menggunakan JSON WEB TOKEN

check_circle

Belajar Menggunakan Nextjs untuk Server Side Rendering (SSR)

check_circle

Belajar Mengunakan TailwindCss

check_circle

Belajar Menggunakan Library Reactjs

check_circle

Belajar membuat reusable component react from scratch

Gabung dan Pelajari

Materi kelas yang akan kita pelajari bersama

lock  

Persiapan dan Perkenalan

lock  

Penjelasan Arsitektur

lock  

Set Up API Gateway part 1

lock  

Set Up API Gateway part 2

lock  

Penjelasan Service Media

lock  

Set Up Service Media

lock  

Set Up Sequelize

lock  

Membuat Migration dan Model

lock  

Membuat API POST - Upload Image

lock  

Membuat API GET - List Image

lock  

Membuat API Delete Image

lock  

Integrasi dengan API Gateway Part 1

lock  

Integrasi dengan API Gateway Part 2

lock  

Integrasi dengan API Gateway Part 3

lock  

Penjelasan Service User & Implement JWT

lock  

Set Up Service User

lock  

Set Up Sequelize

lock  

Membuat Migration Table Users

lock  

Membuat Migration Table Refresh Tokens

lock  

Membuat Seeder di Table Users

lock  

Membuat Model User

lock  

Membuat Model Refresh Token

lock  

Membuat API Register

lock  

Membuat API Login

lock  

Membuat API Update Profile

lock  

Membuat API Get User

lock  

Membuat API Get List Users

lock  

Membuat API untuk Save Refresh Token

lock  

Membuat API Get Refresh Token

lock  

Membuat API Logout

lock  

Perkenalan Singkat Dengan JWT

lock  

Belajar Menggunakan Library JWT

lock  

Integrasi API Register

lock  

Integrasi API Login dan Implementasi JWT

lock  

Membuat Middleware Verify Token

lock  

Membuat API Refresh Token

lock  

Integrasi API Update

lock  

API Get Profile

lock  

Integrasi API Logout

lock  

Penjelasan Service Course

lock  

Set Up Service Course

lock  

Migration Mentors

lock  

Migration Courses

lock  

Migration Chapters & Lessons

lock  

Migration My Courses

lock  

Migration Image Courses

lock  

Migration Reviews

lock  

Model Course

lock  

Model Chapter & Lesson

lock  

Model ImageCourse & Mentor

lock  

Model MyCourse & Review

lock  

[Mentor] - API Create

lock  

[Mentor] - API Update

lock  

[Mentor] - API Get List & Detail

lock  

[Mentor] - API Delete

lock  

[Course] - API Create

lock  

[Course] - API Update

lock  

[Course] - API Get List

lock  

[Course] - Add Filter List

lock  

[Course] - API Delete

lock  

[Chapter] - API Create

lock  

[Chapter] - API Update

lock  

[Chapter] - API Get

lock  

[Chapter] - Get Detail & Delete

lock  

[Lesson] - API Create

lock  

[Lesson] - API Update

lock  

[Lesson] - API Get List & Detail

lock  

[Lesson] - API Delete

lock  

[Image Course] - API Create

lock  

[Image Course] - API Delete

lock  

Membuat File Helpers

lock  

Membuat Function Helpers

lock  

[MyCourse] - API Create

lock  

[MyCourse] - API Get

lock  

[Review] - API Create

lock  

[Review] - API Update

lock  

[Review] - API Delete

lock  

Detail Course Part 1

lock  

Detail Course Part 2

lock  

Detail Course Part 3

lock  

API Mentor Part 1

lock  

API Mentor Part 2

lock  

API Course Part 1

lock  

API Course Part 2

lock  

API Course Part 3

lock  

API Chapter Part 1

lock  

API Chapter Part 2

lock  

API Lesson Part 1

lock  

API Lesson Part 2

lock  

API Image Course

lock  

API My Course

lock  

API Review

lock  

Apa itu Payment Gateway?

lock  

Webhook

lock  

Ngrok

lock  

Midtrans

lock  

Latihan Snap Part 1

lock  

Latihan Snap Part 2

lock  

Penjelasan Flow

lock  

Set Up Service Order Payment

lock  

Migration Orders

lock  

Migration Payment Logs

lock  

Model Order & Payment Log

lock  

API Create Orders Part 1

lock  

API Create Orders Part 2

lock  

API Create Orders Part 3

lock  

API Get Orders

lock  

Signature Key

lock  

Webhook Handler Part 1

lock  

Webhook Handler Part 2

lock  

Webhook Handler Part 3

lock  

API Create Premium Access

lock  

Ubah Flow API MyCourse

lock  

Troubleshoot API MyCourse

lock  

Integrasi Webhook ke API Gateway

lock  

Integrasi API Orders ke API Gateway

lock  

Testing Webhook Part 1

lock  

Testing Webhook Part 2

lock  

Role & Permission

Tidak ada materi kelas.

lock  

Sneak peek project

lock  

Bedah mockup

lock  

Instalasi tools

lock  

Vscode extension

lock  

Setup frontpage

lock  

Setup frontpage part 2

lock  

Setup frontpage part 3

lock  

Setup memberpage

lock  

Setup memberpage part 2

lock  

CSR? SSR? SSG?

lock  

Kenalan Singkat

lock  

Kenalan Singkat part 2

lock  

Dynamic Routing

lock  

Dynamic Routing part 2

lock  

Axios instance

lock  

Error handler

lock  

Header

lock  

Header part 2

lock  

Header part 3

lock  

Hero

lock  

Hero part 2

lock  

Clients

lock  

Courses

lock  

Courses part 2

lock  

Courses part 3

lock  

Courses part 4

lock  

Categories

lock  

Categories part 2

lock  

Categories part 3

lock  

Footer

lock  

Hero email registration

lock  

Details page

lock  

Video background

lock  

Courses title

lock  

Feature Item

lock  

Completing Feature item

lock  

sticky price

lock  

sticky price part 2

lock  

sticky price part 3

lock  

Reusable comps Modal

lock  

Reusable comps Modal part 2

lock  

Implement Modal comps

lock  

Complete Image Preview

lock  

Video Preview

lock  

Video Preview part 2

lock  

Video Preview part 3

lock  

Video Preview part 4

lock  

Video Preview part 5

lock  

Instructor

lock  

Happy students

lock  

Reusable comps Star

lock  

Reusable comps Star part 2

lock  

Troubleshoot comps Star

lock  

Search course

lock  

Search course part 2

lock  

Search course part 3

lock  

Search course part 4

lock  

Complete Library Page

lock  

Setup memberpage

lock  

Guest Route

lock  

Member Route

lock  

Login Routing

lock  

Slicing Login

lock  

Slicing Login part 2

lock  

Slicing Login part 3

lock  

Integrasi API Login

lock  

Integrasi API Login part 2

lock  

Integrasi API Login part 3

lock  

Integrasi API Login part 4

lock  

Integrasi API Login part 5

lock  

Redux Store

lock  

Redux Store part 2

lock  

Custom hooks

lock  

Setup Register form

lock  

Slicing Register form

lock  

Comps Form Select

lock  

Comps Form Select part 2

lock  

Comps Form Select part 3

lock  

Slicing Register Form part 2

lock  

Slicing Register Form part 3

lock  

Break + helpers error message

lock  

Comps Form Input

lock  

Prepare application state page

lock  

My Class

lock  

Sidebar global

lock  

Sidebar global part 2

lock  

My Class part 2

lock  

My Class part 3

lock  

My Class part 4

lock  

Rehydrate token when init apps

lock  

Refresh Token

lock  

My Class part 5

lock  

Join Class

lock  

Watch Class

lock  

Watch Class Part 2

lock  

Watch Class Part 3

lock  

Settings page

lock  

Settings page Part 2

lock  

Settings page Part 3

lock  

Settings page Part 4

lock  

Slicing Transactions

lock  

Transactions part 2

lock  

[memberpage] Netlify

lock  

[frontpage] Vercel

lock  

Join dan Order Courses

lock  

Join dan Order Courses part 2

lock  

Orders Transaction

lock  

Orders Transaction part 2

lock  

Orders Transaction part 3

lock  

Orders Transaction part 4

lock  

[frontpage] Homepage

lock  

[frontpage] Homepage part 2

lock  

[frontpage] Homepage part 3

lock  

[frontpage] Library

lock  

[frontpage] Details Course

lock  

[memberpage] Login

lock  

[memberpage] Login part 2

lock  

[memberpage] Register

lock  

[memberpage] My Course

lock  

[memberpage] Watch Course

lock  

[memberpage] Transaction

lock  

[memberpage] Library

lock  

[memberpage] Settings

lock  

[memberpage] Errors page & Thankyou

Demo Project

Tools

Visual Studio Code BuildWith Angga

Visual Studio Code

Laravel BuildWith Angga

Laravel

React JS BuildWith Angga

React JS

Node JS BuildWith Angga

Node JS

Postman API BuildWith Angga

Postman API

GitHub BuildWith Angga

GitHub

Figma BuildWith Angga

Figma

Express JS BuildWith Angga

Express JS

Tailwindcss BuildWith Angga

Tailwindcss


Sistem Operasi

Mac / Linux / Windows

RAM

4 Gigabyte

Storage Kosong

5 Gigabyte

Mentor Kelas

Terpilih sebagai pengajar yang trusted dan handal

Kenapa BWA
Cocok Untukmu

Kini belajar design apps dan coding
terasa lebih mudah dan asyik

materi IT terbaru buildwithangga
Studi Kasus
Up-To-Date
kualitas video HD kelas buildwithangga
Kualitas Video
1080HD 60FPS
belajar dari modul buildwithangga
Modules
Dasar ke Expert
bebas konsultasi IT gratis buildwithangga
Konsultasi
Seumur Hidup
kelas android bahasa indonesia buildwithangga
Bahasa
Bahasa Indonesia
download projek akhir buildwithangga
Project
Untuk Portfolio
sertifikat kelulusan kelas buildwithangga
Sertifikat
Kelulusan Kelas
akses kelas seumur hidup buildwithangga
Akses Kelas
Seumur Hidup
belajar offline buildwithangga
Offline
Dapat diunduh

Karya Members

Portofolio yang telah dibangun di kelas ini

Investasi Masa Depan

Langkah awal yang tepat untuk menuju kesuksesan

780 Happy Student

Review setelah gabung kelas online Web Development Microservice: Website Kelas Online

Mantaps.

Ahmad Zaky

Web Developer, App Developer

keren bangeet materinyaaa.

artistektur nya mantap.

Rival Dwi Rexy

Web Developer

Mantab.

Tegar Satya Negara

Backend Developer

terima kasih mantap..

Sony Mellifriady

Keep Spirit Of Learning

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

Mantap.

Nurdiansyah

Bussines

jelas singkat padat keren.

Farihul Rouf

WEB desaign

Giod.

Ariadi Ahmad

Backend Developer

member yang belajar di buildwithangga

“ Bergabung dengan puluhan ribu lainnya untuk menyambut era teknologi;

Tidak perlu download / kartu kredit. Cukup daftar langsung belajar.