Membangun Aplikasi SPA Laravel VueJS dengan Fitur Authentikasi
Di kelas ini, kamu diajak untuk belajar bersama membangun project SPA (Single Page Application) dengan Full-stack Laravel dan VueJS
Tentang Kelas
Di kelas ini, kamu diajak untuk belajar bersama membangun project SPA (Single Page Application) dengan Full-stack Laravel dan VueJS. Topik yang akan dibahas di sini adalah bagaimana mengkonsumsi API dengan Axios, membuat struktur project modular agar scalable, implementasi state management dengan Vuex dan menggunakan authentikasi yang diberikan oleh backend. Kelas ini menggunakan kelas Laravel 7
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal langkah-langkah membangun project SPA (Single Page Application) dengan Full-stack Laravel dan VueJS
- Dapat mempraktikan dasar-dasar membangun project SPA (Single Page Application) dengan Full-stack Laravel dan VueJS
- Dapat merangkumkan cara membangun project SPA (Single Page Application) dengan Full-stack Laravel dan VueJS
Silabus
- Topik 1: Pendahuluan
- Topik 2: Membangun Aplikasi SPA
Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning
- Siswa dapat menentukan sendiri waktu belajarnya
Fasilitas Pengajaran
- Materi disediakan berupa video
- Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
- Grup telegram: Berisi member CodePolitan Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software: Browser (tidak ada preferensi khusus)
Daftar Materi
| Perkenalan Laravel Vue SPA with Authentication | 01:51 |
| Setup Project dan Laravel Passport | 05:06 | |
| Membuat API Endpoint Register | 09:42 | |
| Membuat API Endpoint Login dan Logout | 06:45 | |
| Menginstall Preset Vue dan Menampilkan Component | 08:39 | |
| Membuat Struktur Folder Project Vue | 06:01 | |
| Implementasi Vue Router pada Modular Component | 10:56 | |
| Kuis Membangun Aplikasi SPA 1 | 00.00 | |
| Membuat Modul Baru dan Component Navigasi | 07:10 | |
| Installasi dan Pengenalan Vuex | 13:25 | |
| Registrasi Menggunakan Vue | 07:44 | |
| Menampilkan Error Message Form di Vue | 05:41 | |
| Membuat Halaman Login dan Error Form Validation | 07:36 | |
| Menyimpan Token di LocalStorage dan Setup Headers Authorization | 09:30 | |
| Menyimpan Data Auth pada State dan Redirect | 06:45 | |
| Mengakses API Endpoint User dan Menyimpan Datanya pada State | 11:07 | |
| Cara Mengamankan Router pada Suatu Component | 12:36 | |
| Membuat Fungsi Redirect Halaman Sebelumnya | 04:18 | |
| Mengatasi Request Page Not Found | 03:57 | |
| Implementasi Fungsi Logout | 05:01 | |
| Kuis Membangun Aplikasi SPA 2 | 00.00 |
Penyusun Materi
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
(64 reviews)
Muhammad Syamsul Arifin
Mudah dipahami,Kontennya menarikMuhammad Syamsul Arifin
Mudah dipahami,Kontennya menarik
Muhammad Rusydan Khotam
Mudah dipahami
Esau Batkunda
Mudah dipahami,Recommended
Dina Nur Auliana
Mudah dipahami
Tiara Asa Nurani
Informatif
Hafiz Rahmad Putra
RecommendedMuhammad Reyhan Hamami
mantap materinya bermanfaat dengan dasar dasar dan bisa di kembangkan lebih jauhMuhammad Reyhan Hamami
Intonasi suaranya jelas, sehingga dapat mengerti apa yang sedang dilakukan, dan fungsi apa yg sedang digunakan, dan kualitas video sangat jelek dan tidak hdAsmadi
Mudah dipahami