
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
INTERMEDIATE53 penilaian462 peserta
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


Testimoni Oleh Siswa
4.8
(53 reviews)
5 Bintang
85%
4 Bintang
11%
3 Bintang
4%
2 Bintang
0%
1 Bintang
0%
Emanuel Ario Wibisono
InformatifTofan Bagus Apriyanto
Mudah dipahamijames lontoh
Mudah dipahami,Kontennya menarik,Keren sekali,Recommended,InformatifNur Arif Setiawan
Mudah dipahami,Kontennya menarik,Keren sekali,Recommended,InformatifMuhammad Fahru Rozi
Keren sekaliPamela Sarnia
InformatifSetiana, S.Kom
Mudah dipahami,Kontennya menarik,Keren sekali,Recommended,InformatifTri Putra Ardiyansah
Mudah dipahami,Recommended,Keren sekali,Kontennya menarik,InformatifNursyafriady
okAdam Badruzzaman
Kontennya mudah dipahami
Lihat Rekaman