Kerangka Materi
Konsep Utama Vue.js Lanjutan
- Siklus hidup komponen lanjutan
- Penanganan prop, emit, dan peristiwa kustom yang canggih
- Reaktivitas lanjutan (ref, computed, effect, watch, dll.)
- Kontrol rute dan penjaga navigasi
Manajemen Status Skala Besar dengan Pinia
- Arsitektur skala besar dengan Pinia
- Komposisi lanjutan dan modularisasi toko
- Praktik terbaik untuk mengelola data global dan lokal
Integrasi API dan Desain Lapisan Data
- Konfigurasi Axios global dan kustom
- Penggunaan lanjutan interceptor dan penanganan kesalahan
- Integrasi dengan Pinia dan komponen-komponen
- Aliran data antara API, toko-toko, dan komponen UI
Alur Kerja Pengembangan Vue Modern
- Konfigurasi Vite lanjutan untuk proyek Vue.js
- Integrasi plugin dan optimasi build
- Praktik terbaik untuk lingkungan dev/testing/produksi
- Variabel lingkungan untuk produksi (Vault), CI/CD
- Kualitas kode: setup dan integrasi ESLint, Prettier, dan SonarQube
- Praktik terbaik untuk pemformatan otomatis dan analisis statis
Spesialisasi Framework: Quasar Framework
- Optimalisasi dan kustomisasi komponen Quasar
- Membangun UI yang responsif dan performa dengan Quasar
- Menggunakan Quasar dengan TanStack, PWA, dan ServiceWorker
TypeScript dalam Vue.js
- Pengetikan lanjutan untuk komponen dan toko-toko
- Mendefinisikan tipe untuk prop, emits, dan slots
- Pola yang dapat digunakan kembali dan praktik terbaik untuk keamanan tipe
Pengujian dan Keandalan Kode
- Pengujian unit dan integrasi untuk komponen dan toko-toko
- Alat yang direkomendasikan (Vue Test Utils, Vitest, dll.)
- Praktik terbaik untuk kemudahan pemeliharaan dan otomatisasi pengujian
Kinerja dan Optimalisasi
- Pemuatan lazy, pembagian kode, dan optimalisasi sumber daya
- Mengidentifikasi dan menyelesaikan leher botol kinerja
- Profiling dan penyetelan halus aplikasi Vue.js
Materi dan Dukungan
- Dokumentasi dan contoh komprehensif per modul
- Akses ke materi tercatat atau sumber daya online
- Q&A dan dukungan implementasi pasca-pelatihan
Ringkasan dan Langkah Berikutnya
Persyaratan
- Pengalaman mengembangkan aplikasi dengan Vue.js
- Kenyamanan dengan JavaScript, ES6+, dan REST APIs
- Pemahaman dasar tentang alat build frontend dan arsitektur berbasis komponen
Audience
- Pengembang frontend dengan pengalaman Vue.js sebelumnya
- Insinyur perangkat lunak yang membangun aplikasi Vue skala besar
- Pengembang yang mencari praktik terbaik dalam arsitektur, pengujian, dan optimalisasi
Testimoni (4)
Pelajaran sangat interaktif dan latihan-latihannya praktis.
Heino - NWK Limited
Kursus - Laravel and Vue.js
Diterjemahkan Mesin
Instruktur tampak sangat paham tentang Vue. Saya menghargai gaya pengembangan yang ditunjukkan dan mempelajari beberapa konsep baru untuk dicoba.
Adrian Borrmann - CBC/Radio-Canada
Kursus - Advanced Vue.js
Diterjemahkan Mesin
Saya sangat menyukai gaya pengkodean langsung Shawn dalam mengajarkan kursus ini. Dia menunjukkan pengetahuan dan pengalamannya yang praktis tentang materi tersebut.
Nhan Nguyen - Navy Information Warfare Center - Pacific
Kursus - Vuetify.js
Diterjemahkan Mesin
Menyelesaikan lab untuk menambah fungsionalitas baru (lab kalkulator & lab perdagangan)
Darren White - DAS
Kursus - Vue.js
Diterjemahkan Mesin