Membangun Toko Online Dengan Laravel, Vue Js dan Payment Gateway

Membangun Toko Online Dengan Laravel, Vue Js dan Payment Gateway

Di dalam kelas ini kita akan belajar bersama-sama bagaimana cara membuat project Toko Online dari 0 sampai online menggunakan Laravel, Vue.js dan Payment Gateway. Catatan : Update Laravel 10

BEGINNER1 penilaian23 peserta

Tentang Kelas

Di dalam buku ini kita akan belajar bersama-sama bagaimana cara membuat project Toko Online dari 0 sampai online. Dimana materinya akan dibagi menjadi 5 bagian utama, yaitu bagaimana cara membangun halaman admin menggunakan Laravel, membuat RESTful API (JWT), membangun halaman Frontend menggunakan Vue Js, mengintegrasikan dengan Raja Ongkir untuk mendapatkan biaya ongkos kirim secara otomatis dan yang terakhir adalah mengimplementasikan Payment Gateway menggunakan Midtrans. Payment Gateway akan kita manfaatkan untuk proses pembayaran dari website yang kita bangun, sehingga bisa menjadi otomatis dan lebih mudah. Dengan menerapkan Payment Gateway, kita bisa melakukan pembayaran melalui banyak cara, diantaranya seperti:

  • Credit Card
  • GoPay
  • Alfamart
  • Indomaret
  • Virtual Account
  • Bank Transfer
  • Dan lain-lain.

Keuntungan menggunakan Payment Gateway kita tidak perlu manual melakukan verifikasi pembayaran yang dilakukan oleh customer, karena semua sudah otomatis di handle dari Payment Gateway tersebut.

Di dalam halaman admin atau Backend kita semua akan fokus mempelajari bagaimana cara membuat authentication beserta Two Factor Auth, CRUD category, products dan manajemen data order masuk. Kita juga akan membuat statistik pendapatan.

Kemudian setelah kita selesai membangun halaman Admin, maka sekarang kita akan lanjutkan untuk proses membangun RESTful API. RESTful API akan kita gunakan untuk proses bertukar data antara Backend (Laravel) dan Frontend (Vue Js).

Di sini kita akan belajar membuat RESTful API untuk proses Authentication Customer menggunakan JWT atau JSON Web Token, seperti proses Register dan Login. Kita juga akan memanfaatkan RESTful API untuk membuat proses Add to Cart, Checkout, Payment, Rajaongkir dan semua service yang dilakukan di halaman Frontend. Di dalam Vue Js kita akan menggunakan Vuex sebagai state management yang terpusat dan Composition API untuk kode yang bisa digunakan berulang-ulang di dalam component lain (reusable).

Setelah project Toko Online yang kita bangun selesai, kita juga akan belajar bagaimana cara untuk melakukan proses deployment project tersebut ke Shared Hosting (Laravel) dan juga Netlify (Vue Js).

Demo Project : BackEnd : http://store.appdev.my.id/ FrontEnd : https://apple-store-vue.netlify.app/

Daftar Materi

Cover00.00
Kata Pengantar00.00
License00.00
Tentang Buku00.00

Persiapan00.00
Membuat Project Laravel00.00
Upgrade Versi Laravel00.00
Membuat Helpers00.00

Struktur Database00.00
Koneksi Database00.00
Membuat Model dan Migration00.00
Eloquent Relationships00.00
Membuat Data Seeder User00.00

Tentang Laravel Fortify00.00
Installasi dan Konfigurasi Laravel Fortify00.00
Membuat Proses Login00.00
Membuat Forgot dan Reset Password00.00

Halaman Dashboard00.00
Membuat CRUD Category00.00
Membuat CRUD Product00.00
Membuat Halaman Manajemen Order00.00
Menampilkan Data Customers00.00
Membuat CRUD Sliders00.00
Profile User dan Two Factor Authentication00.00
Membuat CRUD Users00.00

Tentang JWT (Json Web Token)00.00
Installasi dan Konfigurasi JWT00.00
Membuat RESTful API Authentication Customer00.00
Membuat RESTful API Data Order Customer00.00
Membuat RESTful API Data Category00.00
Membuat RESTful API Data Product00.00
Membuat RESTful API Cart00.00
Installasi dan Konfigurasi Raja Ongkir00.00
Membuat RESTful API Raja Ongkir00.00
Installasi dan Konfigurasi Midtrans00.00
Membuat RESTful API Checkout dan Payment Gateway00.00
Membuat RESTful API Data Slider00.00

Berkenalan Dengan Vue Js00.00
Composition API dan Reactifity API di Vue Js00.00
Lifecycle Hooks di Vue Js00.00
Berkenalan Dengan Vuex00.00
Membuat Aplikasi Dengan Vuex00.00

Installasi dan Persiapan Front-End00.00
Membuat Project Vue Js00.00
Installasi Vue Router, Vuex dan Axios00.00
Konfigurasi Global Function Dengan Mixins00.00
Templating Dengan Bootstrap00.00
Membuat Component Header dan Footer00.00

Konfigurasi Global API Endpoint.00.00
Konfigurasi Vue Router untuk Authentication00.00
Konfigurasi Module Auth Vuex00.00
Membuat Proses Register Customer00.00
Membuat Halaman Dashboard Customer00.00
Membuat Proses Logout Customer00.00
Membuat Proses Login Customer00.00
Konfigurasi Vue Router untuk Order00.00
Konfigurasi Module Order Vuex00.00
Menampilkan Data Order Customer00.00

Menampilkan Category dan Slider di Halaman Homepage00.00
Menampilkan Product di Halaman Homepage00.00
Menampilkan Kategori00.00
Menampilkan Product By Kategori00.00
Membuat Halaman Detail Product00.00
Membuat Fitur Add to Cart00.00
Menampilkan Data Cart di Header00.00
Menampilkan Halaman Cart00.00
Membuat Fungsi Remove Cart00.00
Menghitung Biaya Ongkos Kirim00.00
Membuat Proses Checkout dan Payment Gateway00.00

Deploy Project Laravel di Shared Hosting (cPanel)00.00
Deploy Project Vue Js di Netlify00.00
Konfigurasi Notifikasi Handler Midtrans00.00

Source Code00.00
Kesimpulan00.00
Penyusun Materi

Prev
Next
Fika Ridaul Maulayya
Fika Ridaul Maulayya

Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Article, Screencasts and E-Books at SantriKoding.com

Testimoni Oleh Siswa

  • Semua
  • Bintang 5
  • Bintang 4
  • Bintang 3
  • Bintang 2
  • Bintang 1
5.0

(1 reviews)

5 Bintang
0%
4 Bintang
0%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
Roby Ortega
Roby Ortega
Authornya keren, Mantap, Sangat membantu, Solutif,
Komentar tidak ditemukan
...
Rp. 400,000
Beli sekali akses selamanya
Beli Sekarang
Beli lewat Roadmap
Sewa kelas dan akses selama 1 bulan
Sewa Sekarang
Yang akan kamu dapatkan :
79 Modul
8 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next