Kelas Online
Web Developer: Membuat Website Marketplace

Dibangun oleh Galih Pratama & Angga Risky


STUDENT

794

TINGKAT

ALL LEVELS

KONSULTASI

check_circle

SERTIFIKAT

check_circle

Tentang Kelas

Pada kali ini kita akan belajar bagaimana caranya membuat suatu Website Marketplace yang nantinya adalah tempat jual dan beli (ada penjual dan pembeli) produk seperti gadget, makanan, furniture secara online dengan metode pembayaran menggunakan payment gateway dengan third-party yaitu adalah Midtrans..

Pada kelas ini kita akan belajar mengenai:

  1. Website Front-End Development (Bootstrap 4)

  2. Website Back-End Development (Laravel 7)

  3. Website Deployment

  4. Responsive Web Design using Bootstrap 4 (updated version)

  5. Data CRUD (user, product, transaction)

  6. Payment Gateway (Midtrans)

Jika kalian tertarik untuk membangun website berskala besar dan memiliki nilai yang tinggi sebagai hasil karya maka kelas ini cocok sekali untuk Web Developer yang ingin mendapatkan skills yang baru dan segi design ataupun coding. Silakan bergabung dan kami tunggu di kelas.

Kamu Akan Mempelajari:

check_circle

Belajar slicing dari hasil desain menggunakan HTML, CSS, dan Bootstrap

check_circle

Membangun aplikasi menggunakan PHP dan Framework Laravel

check_circle

Mempelajari cara upload (deploy) dan konfigurasi aplikasi ke DigitalOcean

check_circle

Mengintegrasikan Payment Gateway Midtrans untuk metode pembayaran

check_circle

Membuat aplikasi marketplace dimana user dapat menjual sekaligus membeli

check_circle

Membuat admin area untuk mengatur semua data di aplikasi

Screenshots

Lihat dulu yuk foto projek kelas

Gabung dan Pelajari

Materi kelas yang akan kita pelajari bersama

lock  

Meeting dengan Developer

lock  

Memulai Kelas

lock  

Visual Studio Code

lock  

Mengatur Prettier

lock  

Cara Slicing Assets dari Figma

lock  

Mempersiapkan Codebase

lock  

Mempersiapkan Styling

lock  

Global Styling

lock  

Font Styling

lock  

Navigation Bar Markup

lock  

Navigation Bar Styling

lock  

Navigation Bar Script

lock  

Homepage Styling

lock  

Section Carousel

lock  

Section Trend Categories Markup

lock  

Section Trend Categories Styling

lock  

Section New Products Markup

lock  

Section New Products Styling

lock  

Section Footer

lock  

Navigation Bar Authenticated

lock  

Section Breadcrumb Markup

lock  

Section Breadcrumb Styling

lock  

Section Gallery VueJS

lock  

Section Gallery Markup

lock  

Section Gallery Styling

lock  

Section Description Markup

lock  

Section Description Styling

lock  

Section Customer Review Markup

lock  

Section Customer Review Styling

lock  

Navigation Bar Cart Item & Section Breadcrumb

lock  

Section Cart Item Markup

lock  

Section Cart Item Styling

lock  

Section Shipping Information Markup

lock  

Section Payment Information Markup

lock  

Checkout Success Markup

lock  

Checkout Success Styling

lock  

Register Success Markup

lock  

Login Markup

lock  

Login Styling

lock  

Register Page Markup dengan VueJS

lock  

Dashboard Sidebar & Navbar Markup

lock  

Dashboard Sidebar & Navbar Styling

lock  

Dashboard Sidebar & Navbar Script

lock  

Summary Markup

lock  

Summary Styling

lock  

Recent Transactions Markup

lock  

Recent Transactions Styling

lock  

Dashboard Transactions Page Navigation Tabs Markup

lock  

Dashboard Transactions Page Navigation Tabs Styling

lock  

Dashboard Store Settings Page

lock  

Dashboard My Account Page

lock  

Dashboard My Product Markup

lock  

Dashboard My Product Styling

lock  

Dashboard Add New Product Page

lock  

Dashboard Detail Product Page

lock  

Dashboard Detail Transaction Page dengan Vue JS

lock  

Instalasi Laravel

lock  

Database (MySQL)

lock  

Mailtrap (Fake Email Testing)

lock  

Sentry (Bug Tracking)

lock  

Memasang Laravel UI dengan Authentication Boilerplate

lock  

Memindahkan Template HTML ke Folder Laravel

lock  

Membuat Struktur Layout

lock  

Konversi Home Page

lock  

Konversi Category Page

lock  

Konversi Product Page

lock  

Konversi Cart Page

lock  

Konversi Checkout & Register Success Page

lock  

Konversi Register Page

lock  

Konversi Login Page

lock  

Konversi Dashboard Page

lock  

Konversi Dashboard My Product Page

lock  

Konversi Dashboard My Product Detail Page

lock  

Konversi Dashboard My Product Add Page

lock  

Konversi Dashboard Transaction Page

lock  

Konversi Dashboard Transaction Details Page

lock  

Konversi Dashboard Store Settings & My Account Page

lock  

Analisis Database

lock  

Membuat Entity Relationship Diagram

lock  

Database Kategori

lock  

Database Produk

lock  

Database Galeri Produk

lock  

Database Cart

lock  

Database User

lock  

Database Transaksi & Transaksi Detail

lock  

Update Nama Field di Transaction Detail dan Hapus Field Resi Di Tabel Transaksi

lock  

Menambahkan Field Resi dan Shipping Status ke Tabel Transaksi Detail

lock  

Menambahkan Field Kode Transaksi dan Kode Transaksi Detail

lock  

Menambahkan Field Slug ke Tabel Produk

lock  

Menambahkan Roles Admin

lock  

Menambahkan Middleware Admin

lock  

Memasang Template Admin

lock  

Membuat Halaman Statistik

lock  

Memasang Laravel Datatables

lock  

Include Styling dan Script Datatables

lock  

Model

lock  

List

lock  

FormRequest

lock  

Create / Save

lock  

Edit / Update

lock  

Delete

lock  

Install Doctrine untuk Mengubah Field

lock  

User Ubah Field di Database

lock  

Update Model Fillable

lock  

FormRequest

lock  

Create dan Save

lock  

Edit dan Update

lock  

User Delete

lock  

Model

lock  

FormRequest

lock  

List

lock  

Create dan Save

lock  

Edit dan Update

lock  

Delete

lock  

Model

lock  

FormRequest

lock  

List

lock  

Create dan Save

lock  

Delete

lock  

Categories Section

lock  

New Product section

lock  

Categories Section

lock  

Product List Section

lock  

Integrasi Halaman Login

lock  

Update Navigation Section

lock  

Integrasi Halaman Register

lock  

Adjust Field Register

lock  

Cek User Terdaftar API

lock  

Cek User Terdaftar VueJS

lock  

Integrasi Data

lock  

Membuat Model Cart

lock  

Fungsi Add To Cart

lock  

Controller Modul Cart

lock  

View Modul Cart

lock  

Pasang Library Indoregion

lock  

Membuat API Location dari Indoregion

lock  

Form Profile User

lock  

Update Cart Pada Navigasi

lock  

Daftar ke Midtrans

lock  

Memasang Library Midtrans

lock  

Konfigurasi Library Midtrans

lock  

Mengubah Model Transaction

lock  

Membuat Model TransactionDetail

lock  

Mengubah Model User

lock  

Integrasi Checkout dengan Midtrans

lock  

Menghapus Data Cart Setelah Checkout

lock  

Menambahkan dan Merapikan Middleware Auth

lock  

Mengubah Model Transaction

lock  

Mengubah Model Transaction Detail

lock  

Integrasi Controller

lock  

Integrasi View

lock  

Mengatur Sidebar dan Navbar

lock  

Index Page

lock  

Add Page

lock  

Add Action

lock  

Detail dan Edit

lock  

Controller & Routing

lock  

Store Setting View

lock  

My Account View

lock  

Index Page

lock  

Details Page, Update Status & Resi Action

lock  

Mengamankan Aplikasi Laravel

lock  

Upload Project ke Github

lock  

Membeli Domain

lock  

Memilih Server VPS untuk Laravel

lock  

Membuat Server

lock  

Download PuTTY (untuk Windows)

lock  

Masuk ke Server

lock  

Konfigurasi Firewall

lock  

Memasang Nginx

lock  

Memasang MySQL

lock  

Memasang dan Tes PHP

lock  

Memasang Composer

lock  

Memasang Modul PHP

lock  

Membuat Database

lock  

Mengatur Aplikasi

lock  

Mengatur Nginx, Database dan Migration

lock  

Mengatur Domain

lock  

Install PHPMyAdmin

Demo Project

Sertifikat Kelas

Tools

Visual Studio Code BuildWith Angga

Visual Studio Code

Bootstrap Framework BuildWith Angga

Bootstrap Framework

Vue JS BuildWith Angga

Vue JS

Laravel BuildWith Angga

Laravel

GitHub BuildWith Angga

GitHub

Figma BuildWith Angga

Figma


Sistem Operasi

Mac / Windows / Linux

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

794 Happy Student

Review setelah gabung kelas online Web Developer: Membuat Website Marketplace

Mantab.

Prasetyo Bella

Web Developer

Keren Materinya.

Andrian Winata

Web Design And Developer

Sangat Jelas dan Professional..

Sangat Menarik sekali materinya, Daging Semua memang kalau dari BWA.

Farhan Fadliansyah

Front-End Developer

Ini kelas yang saya tunggu tunggu (y).

Hariyanto

Web Developer

Penjelasanya enak banget , video durasi 10 menit terasa kaya video durasi 3 menitan saking enaknya dengerin penjelasanya sampai gak kerasa kalo durasinya udah habis , hehe.

Kelasnya lengkap banget, penjelasannya juga mudah dicerna. salut buat para mentor. sukses selalu!.

Materi yang terstruktur, pengajar yang ramah, dan teman teman grup yang baik semua..

Herry Anwar

Front End Developer

Terima Kasih Mas. Penjelasannya sangat mudah dipahami.

Esau Batkunda

Web Programing

Mudah dipahami.

Misbachun Aji Santosa

CorelDraw, web designer

good explanation!.

Muhammad Bahrijar

UI Desain, Android Programming

jossss.

Rifky Ardiansyah

Web Developer

Kelas yang saya tunggu ini membuat tokok online, mudah mudahan materi nya bisa berguna untuk saya dan orang lain.

Hafizh Maulana Yusliansyah

Full-stack Web Developer

Terima Kasih.

M Dani Ramanda

Network Engineer, Web Dev

Mantul.

Iriansyah Ahmad M

Web Developer

START LEARN ............

Pandu Zamora

Web design

Keren om sifu.

member yang belajar di buildwithangga

“ Bergabung dengan puluhan ribu lainnya untuk menyambut era teknologi;

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