Course Outline

Core Advanced Vue.js Concepts

  • Advanced component lifecycle
  • Advanced handling of props, emits, and custom events
  • Advanced reactivity (ref, computed, effect, watch, etc.)
  • Route control and navigation guards

Scalable State Management with Pinia

  • Scalable architectures with Pinia
  • Advanced composition and store modularization
  • Best practices for managing global and local data

API Integration and Data Layer Design

  • Global and custom Axios configuration
  • Advanced use of interceptors and error handling
  • Integration with Pinia and components
  • Data flow between APIs, stores, and UI components

Modern Vue Development Workflow

  • Advanced Vite configuration for Vue.js projects
  • Plugin integration and build optimization
  • Best practices for dev/testing/production environments
  • Environment variables for production (Vault), CI/CD
  • Code Quality: ESLint, Prettier, and SonarQube setup and integration
  • Automated formatting and static analysis best practices

Framework Specialization: Quasar Framework

  • Optimization and customization of Quasar components
  • Building responsive and performant UIs with Quasar
  • Using Quasar with TanStack, PWA, and ServiceWorker

TypeScript in Vue.js

  • Advanced typing for components and stores
  • Defining types for props, emits, and slots
  • Reusable patterns and best practices for type safety

Testing and Code Reliability

  • Unit and integration testing for components and stores
  • Recommended tools (Vue Test Utils, Vitest, etc.)
  • Best practices for maintainability and test automation

Performance and Optimization

  • Lazy loading, code splitting, and resource optimization
  • Identifying and resolving performance bottlenecks
  • Profiling and fine-tuning Vue.js applications

Materials and Support

  • Comprehensive documentation and examples per module
  • Access to recorded materials or online resources
  • Q&A and post-training implementation support

Summary and Next Steps

Requirements

  • Experience developing applications with Vue.js
  • Familiarity with JavaScript, ES6+, and REST APIs
  • Basic understanding of frontend build tools and component-based architectures

Audience

  • Frontend developers with prior Vue.js experience
  • Software engineers building large-scale Vue applications
  • Developers seeking best practices in architecture, testing, and optimization
 35 Hours

Number of participants


Price Per Participant (Exc. Tax)

Testimonials (5)

Provisional Courses

Related Categories