Kelas Online Fullstack Laravel VueJS [PDF]

Citation preview

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 



(Product Designer)  Mengajar VueJS   



 



 



Galih Pratama 



(CTO di LEXAR.id)  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 ​ WALARAVUENamaAnda  (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!