flash sale
hamburger-menu

Kelas Online
Full-Stack Web Developer: Toko Online

Learn to build a project from scratch

icon global
Release date January 2020
icon convert
Last updated October 2024
Member

5,401 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Sebagai pelopor marketplace online sejak 1995, eBay telah berhasil membuka mata dunia akan perdagangan yang lebih efisien (hemat waktu, tenaga dan biaya) dan dapat menembus jangkauan pembeli hingga ke seluruh penjuru dunia. Shopee, Bukalapak dan Bhinneka adalah contoh marketplace yang terpopuler saat ini dan kesuksesan mereka tidak terlepas dari peranan Web Developer yang ahli di bidangnya.

Kelas ini hadir untuk Anda yang tertarik membangun website marketplace berskala besar dan memiliki nilai jual yang tinggi. Kita akan mengetahui pembuatan marketplace sebagai media jual beli produk gadget, makanan, furniture secara online dengan metode pembayaran Midtrans, sebuah teknologi payment gateway untuk pebisnis online. Kelas ini menggunakan tools Laravel 7, Bootstrap 4 dan VueJS 2. Penasaran? Silahkan daftar dan sampai jumpa di kelas!

Sneak Peek

Key Points

icon_check

Mempelajari slicing hasil desain dengan HTML, CSS, dan Bootstrap

icon_check

Membangun aplikasi dengan PHP dan Framework Laravel

icon_check

Mempelajari deployment dan configuration aplikasi ke DigitalOcean

icon_check

Mengintegrasikan Midtrans Payment Gateway sebagai metode pembayaran

icon_check

Membuat aplikasi marketplace (user sebagai penjual dan pembeli)

icon_check

Membuat admin panel untuk mengatur semua data aplikasi

Designed For

icon_check

Anda yang ingin membuat aplikasi marketplace

icon_check

Anda yang ingin mempelajari Laravel

Course Lessons

Learn With Expert

Mentor Galih Pratama

Galih Pratama

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(93.5K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack Web Developer: Toko Online

All Rating
Misbachun Aji Santosa at BuildWithAngga
Misbachun Aji Santosa

Full-Stack Developer

Mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Sigit Priyo Hartanto at BuildWithAngga
Sigit Priyo Hartanto

Full-Stack Developer

Keren om sifu read more

ic-star ic-star ic-star ic-star ic-star
Pandu Zamora at BuildWithAngga
Pandu Zamora

Full-Stack Developer

START LEARN ........... read more

ic-star ic-star ic-star ic-star ic-star
Iriansyah Ahmad M at BuildWithAngga
Iriansyah Ahmad M

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Muhamad Dani Ramanda at BuildWithAngga
Muhamad Dani Ramanda

Back-End Developer

Terima Kasih read more

ic-star ic-star ic-star ic-star ic-star
Hafizh Maulana Yusliansyah at BuildWithAngga
Hafizh Maulana Yusliansya

Full-Stack Developer

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

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

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

Contact CS

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.
Foto kelas Full-Stack Web Developer: Toko Online Foto kelas Full-Stack Web Developer: Toko Online Foto kelas Full-Stack Web Developer: Toko Online

Full-Stack Web Developer: Toko Online

Learn to build a project from scratch

  • lock
    Cara Slicing Assets dari Figma
    6 minutes
  • lock
    Mempersiapkan Codebase
    5 minutes

  • lock
    Mempersiapkan Styling
    5 minutes
  • lock
    Global Styling
    10 minutes
  • lock
    Font Styling
    4 minutes
  • lock
    Navigation Bar Markup
    14 minutes
  • lock
    Navigation Bar Styling
    9 minutes
  • lock
    Navigation Bar Script
    4 minutes
  • lock
    Homepage Styling
    2 minutes
  • play
  • lock
    Section Trend Categories Markup
    8 minutes
  • lock
    Section Trend Categories Styling
    10 minutes
  • lock
    Section New Products Markup
    11 minutes
  • lock
    Section New Products Styling
    11 minutes
  • play

  • lock
    Category Page
    3 minutes

  • lock
    Navigation Bar Authenticated
    11 minutes
  • lock
    Section Breadcrumb Markup
    3 minutes
  • lock
    Section Breadcrumb Styling
    5 minutes
  • lock
    Section Gallery VueJS
    9 minutes
  • lock
    Section Gallery Markup
    15 minutes
  • lock
    Section Gallery Styling
    7 minutes
  • lock
    Section Description Markup
    5 minutes
  • lock
    Section Description Styling
    4 minutes
  • lock
    Section Customer Review Markup
    5 minutes
  • lock
    Section Customer Review Styling
    5 minutes

  • lock
    Navigation Bar Cart Item & Section Breadcrumb
    3 minutes
  • lock
    Section Cart Item Markup
    8 minutes
  • lock
    Section Cart Item Styling
    6 minutes
  • lock
    Section Shipping Information Markup
    6 minutes
  • lock
    Section Payment Information Markup
    5 minutes

  • lock
    Checkout Success Markup
    5 minutes
  • lock
    Checkout Success Styling
    3 minutes

  • lock
    Register Success Markup
    2 minutes
  • lock
    Login Markup
    7 minutes
  • lock
    Login Styling
    3 minutes
  • lock
    Register Page Markup dengan VueJS
    18 minutes

  • lock
    Dashboard Sidebar & Navbar Markup
    14 minutes
  • lock
    Dashboard Sidebar & Navbar Styling
    12 minutes
  • lock
    Dashboard Sidebar & Navbar Script
    2 minutes
  • lock
    Summary Markup
    3 minutes
  • lock
    Summary Styling
    4 minutes
  • lock
    Recent Transactions Markup
    5 minutes
  • lock
    Recent Transactions Styling
    2 minutes

  • lock
    Dashboard Transactions Page Navigation Tabs Markup
    5 minutes
  • lock
    Dashboard Transactions Page Navigation Tabs Styling
    4 minutes
  • lock
    Dashboard Store Settings Page
    5 minutes
  • lock
    Dashboard My Account Page
    6 minutes
  • lock
    Dashboard My Product Markup
    6 minutes
  • lock
    Dashboard My Product Styling
    4 minutes
  • lock
    Dashboard Add New Product Page
    9 minutes
  • lock
    Dashboard Detail Product Page
    13 minutes
  • lock
    Dashboard Detail Transaction Page dengan Vue JS
    17 minutes

  • lock
    Instalasi Laravel
    6 minutes
  • lock
    Database (MySQL)
    3 minutes
  • lock
    Mailtrap (Fake Email Testing)
    3 minutes
  • lock
    Sentry (Bug Tracking)
    7 minutes
  • lock
    Memasang Laravel UI dengan Authentication Boilerplate
    5 minutes

  • lock
    Memindahkan Template HTML ke Folder Laravel
    2 minutes
  • lock
    Membuat Struktur Layout
    7 minutes
  • lock
    Konversi Home Page
    13 minutes
  • lock
    Konversi Category Page
    5 minutes
  • lock
    Konversi Product Page
    8 minutes
  • lock
    Konversi Cart Page
    3 minutes
  • lock
    Konversi Checkout & Register Success Page
    6 minutes
  • lock
    Konversi Register Page
    5 minutes
  • lock
    Konversi Login Page
    2 minutes
  • lock
    Konversi Dashboard Page
    7 minutes
  • lock
    Konversi Dashboard My Product Page
    4 minutes
  • lock
    Konversi Dashboard My Product Detail Page
    4 minutes
  • lock
    Konversi Dashboard My Product Add Page
    3 minutes
  • lock
    Konversi Dashboard Transaction Page
    3 minutes
  • lock
    Konversi Dashboard Transaction Details Page
    3 minutes
  • lock
    Konversi Dashboard Store Settings & My Account Page
    7 minutes

  • lock
    Analisis Database
    21 minutes
  • lock
    Membuat Entity Relationship Diagram
    20 minutes
  • lock
    Database Kategori
    6 minutes
  • lock
    Database Produk
    2 minutes
  • lock
    Database Galeri Produk
    2 minutes
  • lock
    Database Cart
    1 minutes
  • lock
    Database User
    5 minutes
  • lock
    Database Transaksi & Transaksi Detail
    4 minutes

  • lock
    Update Nama Field di Transaction Detail dan Hapus Field Resi Di Tabel Transaksi
    7 minutes
  • lock
    Menambahkan Field Resi dan Shipping Status ke Tabel Transaksi Detail
    5 minutes
  • lock
    Menambahkan Field Kode Transaksi dan Kode Transaksi Detail
    4 minutes
  • lock
    Menambahkan Field Slug ke Tabel Produk
    3 minutes

  • lock
    Menambahkan Roles Admin
    5 minutes
  • lock
    Menambahkan Middleware Admin
    6 minutes
  • lock
    Memasang Template Admin
    13 minutes
  • lock
    Membuat Halaman Statistik
    11 minutes
  • lock
    Memasang Laravel Datatables
    7 minutes
  • lock
    Include Styling dan Script Datatables
    4 minutes

  • lock
    Model
    4 minutes
  • lock
    List
    30 minutes
  • lock
    FormRequest
    3 minutes
  • lock
    Create / Save
    13 minutes
  • lock
    Edit / Update
    7 minutes
  • lock
    Delete
    5 minutes

  • lock
    Install Doctrine untuk Mengubah Field
    4 minutes
  • lock
    User Ubah Field di Database
    5 minutes
  • lock
    Update Model Fillable
    1 minutes
  • lock
    FormRequest
    5 minutes
  • lock
    Create dan Save
    15 minutes
  • lock
    Edit dan Update
    7 minutes
  • lock
    User Delete
    1 minutes

  • lock
    Model
    5 minutes
  • lock
    FormRequest
    5 minutes
  • lock
    List
    6 minutes
  • lock
    Create dan Save
    10 minutes
  • lock
    Edit dan Update
    7 minutes
  • lock
    Delete
    2 minutes

  • lock
    Model
    2 minutes
  • lock
    FormRequest
    2 minutes
  • lock
    List
    8 minutes
  • lock
    Create dan Save
    10 minutes
  • lock
    Delete
    4 minutes

  • lock
    Categories Section
    16 minutes
  • lock
    New Product section
    9 minutes

  • lock
    Categories Section
    6 minutes
  • lock
    Product List Section
    4 minutes

  • lock
    Integrasi Halaman Login
    7 minutes
  • lock
    Update Navigation Section
    7 minutes

  • lock
    Integrasi Halaman Register
    11 minutes
  • lock
    Adjust Field Register
    10 minutes
  • lock
    Cek User Terdaftar API
    5 minutes
  • lock
    Cek User Terdaftar VueJS
    11 minutes

  • lock
    Integrasi Data
    12 minutes
  • lock
    Membuat Model Cart
    3 minutes
  • lock
    Fungsi Add To Cart
    5 minutes

  • lock
    Controller Modul Cart
    4 minutes
  • lock
    View Modul Cart
    7 minutes
  • lock
    Pasang Library Indoregion
    5 minutes
  • lock
    Membuat API Location dari Indoregion
    5 minutes
  • lock
    Form Profile User
    20 minutes
  • lock
    Update Cart Pada Navigasi
    4 minutes

  • lock
    Daftar ke Midtrans
    5 minutes
  • lock
    Memasang Library Midtrans
    4 minutes
  • lock
    Konfigurasi Library Midtrans
    5 minutes
  • lock
    Mengubah Model Transaction
    2 minutes
  • lock
    Membuat Model TransactionDetail
    2 minutes
  • lock
    Mengubah Model User
    1 minutes
  • lock
    Integrasi Checkout dengan Midtrans
    28 minutes

  • lock
    Menghapus Data Cart Setelah Checkout
    3 minutes
  • lock
    Menambahkan dan Merapikan Middleware Auth
    3 minutes

  • lock
    Mengubah Model Transaction
    1 minutes
  • lock
    Mengubah Model Transaction Detail
    2 minutes
  • lock
    Integrasi Controller
    6 minutes
  • lock
    Integrasi View
    5 minutes
  • lock
    Mengatur Sidebar dan Navbar
    6 minutes

  • lock
    Index Page
    7 minutes
  • lock
    Add Page
    4 minutes
  • lock
    Add Action
    4 minutes
  • lock
    Detail dan Edit
    17 minutes

  • lock
    Controller & Routing
    4 minutes
  • lock
    Store Setting View
    4 minutes
  • lock
    My Account View
    5 minutes

  • lock
    Index Page
    7 minutes
  • lock
    Details Page, Update Status & Resi Action
    11 minutes

  • lock
    Mengamankan Aplikasi Laravel
    3 minutes
  • lock
    Upload Project ke Github
    4 minutes
  • lock
    Membeli Domain
    3 minutes
  • lock
    Memilih Server VPS untuk Laravel
    5 minutes
  • lock
    Membuat Server
    4 minutes
  • lock
    Download PuTTY (untuk Windows)
    2 minutes
  • lock
    Masuk ke Server
    3 minutes
  • lock
    Konfigurasi Firewall
    3 minutes
  • lock
    Memasang Nginx
    2 minutes
  • lock
    Memasang MySQL
    4 minutes
  • lock
    Memasang dan Tes PHP
    5 minutes
  • lock
    Memasang Composer
    3 minutes
  • lock
    Memasang Modul PHP
    1 minutes
  • lock
    Membuat Database
    2 minutes
  • lock
    Mengatur Aplikasi
    5 minutes
  • lock
    Mengatur Nginx, Database dan Migration
    4 minutes
  • lock
    Mengatur Domain
    3 minutes
  • lock
    Install PHPMyAdmin
    6 minutes

  • lock
    Midtrans Callback
    9 minutes
  • lock
    CRUD Transaksi
    13 minutes
Develop Your Skills

Sebagai pelopor marketplace online sejak 1995, eBay telah berhasil membuka mata dunia akan perdagangan yang lebih efisien (hemat waktu, tenaga dan biaya) dan dapat menembus jangkauan pembeli hingga ke seluruh penjuru dunia. Shopee, Bukalapak dan Bhinneka adalah contoh marketplace yang terpopuler saat ini dan kesuksesan mereka tidak terlepas dari peranan Web Developer yang ahli di bidangnya.

Kelas ini hadir untuk Anda yang tertarik membangun website marketplace berskala besar dan memiliki nilai jual yang tinggi. Kita akan mengetahui pembuatan marketplace sebagai media jual beli produk gadget, makanan, furniture secara online dengan metode pembayaran Midtrans, sebuah teknologi payment gateway untuk pebisnis online. Kelas ini menggunakan tools Laravel 7, Bootstrap 4 dan VueJS 2. Penasaran? Silahkan daftar dan sampai jumpa di kelas!

read more
Learn With Expert
Key Points
  • check
    Mempelajari slicing hasil desain dengan HTML, CSS, dan Bootstrap
  • check
    Membangun aplikasi dengan PHP dan Framework Laravel
  • check
    Mempelajari deployment dan configuration aplikasi ke DigitalOcean
  • check
    Mengintegrasikan Midtrans Payment Gateway sebagai metode pembayaran
  • check
    Membuat aplikasi marketplace (user sebagai penjual dan pembeli)
  • check
    Membuat admin panel untuk mengatur semua data aplikasi
Created For
  • check
    Anda yang ingin membuat aplikasi marketplace
  • check
    Anda yang ingin mempelajari Laravel
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
5,401
Happy Students
Misbachun Aji Santosa at BuildWithAngga
Misbachun Aji Santosa

Full-Stack Developer

Mudah dipahami

ic-star ic-star ic-star ic-star ic-star
Sigit Priyo Hartanto at BuildWithAngga
Sigit Priyo Hartanto

Full-Stack Developer

Keren om sifu

ic-star ic-star ic-star ic-star ic-star
Pandu Zamora at BuildWithAngga
Pandu Zamora

Full-Stack Developer

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

ic-star ic-star ic-star ic-star ic-star
Iriansyah Ahmad M at BuildWithAngga
Iriansyah Ahmad M

Full-Stack Developer

Mantul

ic-star ic-star ic-star ic-star ic-star
Muhamad Dani Ramanda at BuildWithAngga
Muhamad Dani Ramanda

Back-End Developer

Terima Kasih

ic-star ic-star ic-star ic-star ic-star
Hafizh Maulana Yusliansyah at BuildWithAngga
Hafizh Maulana Yusliansyah

Full-Stack Developer

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

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

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

Contact CS

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.

Rp 550,000

arrow_upward