flash sale
close-icon
close-icon
Full-Stack Javascript Developer MERN

Rp 7,000,000 Rp 500,000

Premium Edition

Full-Stack Web Developer: Toko Online

Learn how to build a real project from scratch

Member

4,474 enrolled

Tingkatan
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. Penasaran? Silahkan daftar dan sampai jumpa di kelas!

Demo Project

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

Sneak Peek

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

(79.1K)

Mentor Angga Risky

Angga Risky

Full-Stack Developer

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

(380.5K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Bootstrap CSS

Software Gratis

Download Now

Vue JS

Software Gratis

Download Now

Laravel

Software Gratis

Download Now

GitHub

Software Gratis

Download Now

Figma

Software Gratis

Download Now

PHP

Software Gratis

Download Now

4,474 Happy Members

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

riswanardinata at BuildWith Angga
Riswanardinata

Full-Stack Developer

keren banget tapi semoga ada update dengan fitur2 terbaru hehe

read more
ic-star ic-star ic-star ic-star ic-star
mohsetiawanmodeong at BuildWith Angga
Mohsetiawanmod

Full-Stack Developer

top banget

read more
ic-star ic-star ic-star ic-star ic-star
stevimonicatarigan03 at BuildWith Angga
Stevimonicatar

Lifetime Learner

Seru, lucu. Belajar sambil ada candaaanya supaya nggak ngantuk dan stuck Mantap

read more
ic-star ic-star ic-star ic-star ic-star
fozimata at BuildWith Angga
Fozimata

Full-Stack Developer

Materi nya mudah di pahami, mantap

read more
ic-star ic-star ic-star ic-star ic-star
gigam57 at BuildWith Angga
Gigam57

Full-Stack Developer

sangat jelas, terimakasih banyak

read more
ic-star ic-star ic-star ic-star ic-star
runggumanalu8 at BuildWith Angga
Runggumanalu8

Full-Stack Developer

eqwe

read more
ic-star ic-star ic-star ic-star ic-star

Featured Projects

4 Hasil karya terbaik di kelas Full-Stack Web Developer: Toko Online

 member of BuildWith Angga

andrianwinata23

 member of BuildWith Angga

astnwork

 member of BuildWith Angga

tegarherlambang6

 member of BuildWith Angga

linggawahyurochim

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium

Start to Invest 100%

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

icon_check

Selamanya

Rp 380,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Assets & group konsultasi

icon_check

Tools pendukung belajar

icon_check

Sertifikat kelulusan

icon_check

Free update materi

icon_check

Free akses kelas Freemium

icon_check

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi karena Anda bisa melakukan refund

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.

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.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWith Angga. 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 how to build a real project from scratch

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

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

  • Category Page
    3 minutes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Categories Section
    16 minutes
  • New Product section
    9 minutes

  • Categories Section
    6 minutes
  • Product List Section
    4 minutes

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

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

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

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

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

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

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

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

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

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

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

  • Midtrans Callback
    9 minutes
  • 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. Penasaran? Silahkan daftar dan sampai jumpa di kelas!

read more
Learn With Expert
Galih Pratama
Galih Pratama
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(79.1K)
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(380.5K)
Key Points
  • Mempelajari slicing hasil desain dengan HTML, CSS, dan Bootstrap
  • Membangun aplikasi dengan PHP dan Framework Laravel
  • Mempelajari deployment dan configuration aplikasi ke DigitalOcean
  • Mengintegrasikan Midtrans Payment Gateway sebagai metode pembayaran
  • Membuat aplikasi marketplace (user sebagai penjual dan pembeli)
  • Membuat admin panel untuk mengatur semua data aplikasi
Created For
  • Anda yang ingin membuat aplikasi marketplace
  • Anda yang ingin mempelajari Laravel
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Akses Offline 100%
Belajar tanpa koneksi internet
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
Akses Freemium Courses
Sehingga lebih up to date
4,474
Happy Students
riswanardinata at BuildWith Angga
riswanardinata

Full-Stack Developer

keren banget tapi semoga ada update dengan fitur2 terbaru hehe

ic-star ic-star ic-star ic-star ic-star
mohsetiawanmodeong at BuildWith Angga
mohsetiawanmodeong

Full-Stack Developer

top banget

ic-star ic-star ic-star ic-star ic-star
stevimonicatarigan03 at BuildWith Angga
stevimonicatarigan03

Lifetime Learner

Seru, lucu. Belajar sambil ada candaaanya supaya nggak ngantuk dan stuck Mantap

ic-star ic-star ic-star ic-star ic-star
fozimata at BuildWith Angga
fozimata

Full-Stack Developer

Materi nya mudah di pahami, mantap

ic-star ic-star ic-star ic-star ic-star
gigam57 at BuildWith Angga
gigam57

Full-Stack Developer

sangat jelas, terimakasih banyak

ic-star ic-star ic-star ic-star ic-star
runggumanalu8 at BuildWith Angga
runggumanalu8

Full-Stack Developer

eqwe

ic-star ic-star ic-star ic-star ic-star
Tools Pendukung
Visual Studio Code
Visual Studio Code
Software Gratis
Bootstrap CSS
Bootstrap CSS
Software Gratis
Vue JS
Vue JS
Software Gratis
Laravel
Laravel
Software Gratis
GitHub
GitHub
Software Gratis
Figma
Figma
Software Gratis
PHP
PHP
Software Gratis

Rp 380,000

arrow_upward