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
Testimoni Oleh Siswa
(64 reviews)
Muhammad Syamsul Arifin
Selasa, 18 Oktober 2022 pukul 22.18
Mudah dipahami,Kontennya menarik
Muhammad Syamsul Arifin
Selasa, 18 Oktober 2022 pukul 22.17
Mudah dipahami,Kontennya menarik
Muhammad Rusydan Khotam
Jumat, 7 Oktober 2022 pukul 22.20
Mudah dipahami

Esau Batkunda
Sabtu, 1 Oktober 2022 pukul 20.49
Mudah dipahami,Recommended
Dina Nur Auliana
Jumat, 16 September 2022 pukul 05.50
Mudah dipahami
Tiara Asa Nurani
Minggu, 11 September 2022 pukul 13.23
Informatif
Hafiz Rahmad Putra
Rabu, 7 September 2022 pukul 16.44
Recommended
Muhammad Reyhan Hamami
Kamis, 28 Juli 2022 pukul 23.34
mantap materinya bermanfaat dengan dasar dasar dan bisa di kembangkan lebih jauh
Muhammad Reyhan Hamami
Rabu, 6 Juli 2022 pukul 13.02
Intonasi suaranya jelas, sehingga dapat mengerti apa yang sedang dilakukan, dan fungsi apa yg sedang digunakan, dan kualitas video sangat jelek dan tidak hd
Asmadi
Senin, 27 Juni 2022 pukul 21.05
Mudah dipahami
