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
 35 Jam

Jumlah Peserta


Biaya per Peserta

Testimoni (4)

Kursus Mendatang

Kategori Terkait