Pre-order 

Kelas F
​ ullstack​ ​Laravel VueJS 
Laravel​ (Backend & API) ​- Bootstrap & VueJS​ (Front-end) -​ Deployment 
 

 
(Projek yang akan dibangun nanti) 
 
Membangun Website Toko Online untuk Fashion Pria, Wanita, dan 
Anak-anak yang bisa dibeli oleh customer. 
 
Shayna ​adalah nama projek yang akan kita bangun menggunakan 
framework Bootstrap, Laravel, dan juga Vue JavaScript. 
 
Di kelas ini kalian akan mempelajari materi utama sebagai berikut: 
- Integrasi Bootstrap ke VueJS 
- Membuat Reusable Component 
- Menggabungkan VueJS dengan Laravel 6.xxx 
- Membuat API untuk data Produk, Customer, dan lainnya 
- Membuat Admin (CMS) untuk pengelolaan data pada website 
- Deployment Website 
 
 
 
 
 
Mentor 
   

   
Angga Risky  Galih Pratama 
(Product Designer)  (CTO di LEXAR.id) 
Mengajar VueJS  Mengajar Laravel & API 
 
 
Tools 
- Windows 10 / macOS / Linux 
- Visual Studio Code (​https://code.visualstudio.com/​) 
- Laragon Server (Windows) (​https://laragon.org/​) 
- MAMP Server (macOS) (​https://www.mamp.info/en/​) 
- Google Chrome (​https://www.google.com/chrome/​) 
- NodeJS dan NPM 
- Vue JS dan Vue CLI (Vue UI) 
- Niat, Usaha dan Kerja Keras. 
 
Benefit Unggulan 
- Materi Front-End Bootstrap 
- Materi Front-End VueJS 
- Materi Back-End Laravel 
- Materi API dengan Laravel 
- Materi Upload ke Hosting & Server 
- Sertifikat Kelulusan 
- Source-Code Project 
- Design Master Project 
- Icon, Illustration, Fonts 
- Konsultasi Gratis Seumur Hidup (Group Private Telegram) 
- Video kualitas tinggi (1080 HD) 
- Akses Kelas Seumur Hidup 
- Audio lebih nyaman untuk didengarkan 
 
Daftar Materi  
 
## Materi Dasar VueJS (Angga) 
- Perkenalan VueJS V ​ IDEO SELESAI DIBUAT  
 - Tools VueJS V ​ IDEO SELESAI DIBUAT 
- Instalasi VueJS ​VIDEO SELESAI DIBUAT  
- Vue CLI V ​ IDEO SELESAI DIBUAT 
   
## Latihan VueJS (Angga) 
- Membuat Projek V ​ IDEO SELESAI DIBUAT  
- Alur Kerja Vue ​VIDEO SELESAI DIBUAT 
- Komponen Vue ​VIDEO SELESAI DIBUAT 
- Import Design Asset ​VIDEO SELESAI DIBUAT 
- Tools Tambahan V ​ IDEO SELESAI DIBUAT 
- Vue UI V ​ IDEO SELESAI DIBUAT 
- Vue Router ​VIDEO SELESAI DIBUAT 
- Dependency ​VIDEO SELESAI DIBUAT 
- Vue Directive ​VIDEO SELESAI DIBUAT 
- Vue Event Handling ​VIDEO SELESAI DIBUAT 
- Vue Props V ​ IDEO SELESAI DIBUAT 
- Vue Conditional Rendering ​VIDEO SELESAI DIBUAT 
 
## Integrasi Template Bootstrap ke Vue (Angga) 
- Persiapan 
- Review HTML Template ​VIDEO SELESAI DIBUAT 
- Modifikasi Template V ​ IDEO SELESAI DIBUAT 
- Membuat Projek Vue Baru ​VIDEO SELESAI DIBUAT 
- Menyiapkan Vue-Router V ​ IDEO SELESAI DIBUAT 
- Halaman Landing 
- Navigation 
- Slider 
- Featured 
- Footer 
- Halaman Katalog Produk 
- Kategori 
- Produk List 
- Featured 
- Halaman Detail Produk 
- Informasi Produk 
- Add to Cart 
- Add to Wishlist 
- Halaman Checkout 
- List Produk Di Keranjang 
- Informasi Harga 
- Lanjutkan Pembayaran 
- Batalkan Checkout 
 
## Materi Dasar Laravel (Galih) 
- Instalasi Web Server V​ IDEO SELESAI DIBUAT 
- Windows - Laragon ​VIDEO SELESAI DIBUAT 
 - macOS - MAMP ​VIDEO SELESAI DIBUAT 
- Pengenalan Laravel ​VIDEO SELESAI DIBUAT 
- Install Laravel Framework  
- Setup Awal Laravel  
- Database 
- Mailtrap (Email Testing) 
- Pengenalan Routing V ​ IDEO SELESAI DIBUAT 
- Pengenalan Controller ​VIDEO SELESAI DIBUAT 
- Pengenalan Request & Response ​VIDEO SELESAI DIBUAT 
- Pengenalan Blade & Views ​VIDEO SELESAI DIBUAT 
- Memasang Template Admin  
- Mengunduh Template 
- Mengintegrasikan Template 
- Memisahkan Layout dan Konten 
- Merapikan Layout Admin 
 
## Membuat Database (Galih) 
- Pengenalan Database Migration ​VIDEO SELESAI DIBUAT 
- Membuat Tabel 
- Tabel Produk 
- Tabel Kategori Produk 
- Tabel Transaksi 
- Tabel Transaksi Detail 
 
## Membuat Admin (Galih) 
- Pengenalan Eloquent ORM ​VIDEO SELESAI DIBUAT 
- Pengenalan Validasi ​VIDEO SELESAI DIBUAT 
- Membuat Autentikasi Admin 
- Membuat Admin Area 
- Data Produk 
- Model 
- FormRequest 
- Index 
- Create 
- Update 
- Delete 
- Data Kategori Produk 
- Model 
- FormRequest 
- Index 
- Create 
- Update 
- Delete 
- Data Transaksi 
- Model 
- FormRequest 
 - Model Detail 
- Read & Detail 
- Update 
- Delete 
- Membuat Statistik Dashboard  
 
## Membuat API (Galih) 
- Pengenalan Konsep API 
- Pengenalan Eloquent API Resource 
- Membuat API 
- API List Produk 
- API Detail Produk 
- API Checkout 
- Membuat Dokumentasi API menggunakan Postman 
- Testing API 
 
## Integrasi VueJS dengan API (Angga) 
- Integrasi API Landing 
- Integrasi API Daftar Produk  
- Integrasi API Detail Produk 
- Integrasi API Checkout 
 
## Deployment Aplikasi (Galih) 
- Mengamankan Aplikasi 
- Memilih Hosting 
- Upload & Konfigurasi Aplikasi di Hosting 
- Deployment VueJS di Netlify (BONUS) 
 
Tata Cara Order 
Harga Pre Order:  
Rp. 250.000 (15 November - 20 Februari) 
Harga Normal (Setelah Kelas di Publish / Rilis):   

Rp. 350.000 (20 Februari 2020 Kelas Publish) 

*bayar sekali, akses video dan konsultasi selamanya 
 
Silahkan transfer uang sebesar nominal di atas kepada rekening:  
 

BCA ​1392 837 315​ a/n Galih Pratama 

 
Keterangan Transfer: B ​ WALARAVUE<spasi>NamaAnda 
(Jika transfer via ATM tidak perlu pakai keterangan) 
 
Setelah transfer silahkan konfirmasi foto pembayaran dan berikan data diri 
berupa: 
 ● Nama Lengkap 
● Email (@gmail) 
● Foto Bukti Transfer 
 
Kirim data di atas kepada W
​ hatsApp​ : 
0877-310614-00 
👩
 
M
​ iraz​ (Admin ​BelajarKoding​) 

Kami akan balas ​maksimal 1x24 jam chat kamu​.  

Terima kasih dan kami tunggu di kelas ya! :) 
 
Catatan Penting: 
- Video akan diletakan pada G ​ oogle Drive d​ an bebas akses selamanya dan 
dapat di-download untuk belajar secara offline 
- Kelas akan dapat diakses melalui platform BuildWithAngga.com & 
BelajarKoding.com 
- Dengan mengikuti kelas online ini, kalian mendapatkan akses ke 
serangkaian video pembelajaran sesuai dengan materi yang sudah ditulis 
di atas 
- Proses belajar dilakukan secara mandiri setelah kalian mendapatkan akses 
ke video pembelajaran 
- Kelas online ini tidak berupa pembelajaran secara live streaming 
- Video pembelajaran berbahasa Indonesia 
- Materi dari Dasar (tidak perlu khawatir, semua bisa belajar) 
- Semua tools yang diperlukan gratis / ​open-source 
 
Order & Pertanyaan (WhatsApp):  
0877-310614-00  
👩 Miraz​ (Admin B​ elajarKoding​)  
(Jam 10.00 - 21.00 WIB) 
Biasakan membaca terlebih dahulu sebelum bertanya ya:) 
Terima kasih, kita tunggu di kelas ya, guys!