Get in Touch
 Duration 35 hours

Course Outline

Core Advanced Vue.js Concepts

  • Advanced component lifecycle management.
  • Refined handling of props, emits, and custom events.
  • Deep dive into advanced reactivity (ref, computed, effect, watch, etc.).
  • Route control and implementation of navigation guards.

Scalable State Management with Pinia

  • Designing scalable architectures using Pinia.
  • Advanced composition techniques and store modularization.
  • Best practices for managing both global and local data.

API Integration and Data Layer Design

  • Configuring global and custom Axios instances.
  • Advanced use of interceptors and robust error handling.
  • Seamless integration with Pinia and components.
  • Orchestrating data flow between APIs, stores, and UI components.

Modern Vue Development Workflow

  • Advanced Vite configuration for Vue.js projects.
  • Plugin integration and build process optimization.
  • Best practices for development, testing, and production environments.
  • Managing production environment variables (Vault) and CI/CD pipelines.
  • Code Quality: Setting up and integrating ESLint, Prettier, and SonarQube.
  • Best practices for automated formatting and static analysis.

Framework Specialization: Quasar Framework

  • Optimizing and customizing Quasar components.
  • Creating responsive and high-performance UIs with Quasar.
  • Leveraging Quasar alongside TanStack, PWA, and ServiceWorker technologies.

TypeScript in Vue.js

  • Advanced typing for components and stores.
  • Defining precise types for props, emits, and slots.
  • Implementing reusable patterns and best practices for type safety.

Testing and Code Reliability

  • Unit and integration testing for components and stores.
  • Utilizing recommended tools such as Vue Test Utils and Vitest.
  • Best practices for maintaining code and automating tests.

Performance and Optimization

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

Materials and Support

  • Comprehensive documentation and examples provided for each module.
  • Access to recorded sessions or additional online resources.
  • Q&A sessions and post-training implementation support.

Summary and Next Steps

Requirements

  • Practical experience in developing applications using Vue.js.
  • Proficiency in JavaScript, ES6+, and REST APIs.
  • A foundational understanding of frontend build tools and component-based architectures.

Target Audience

  • Frontend developers with existing Vue.js experience.
  • Software engineers involved in building large-scale Vue applications.
  • Developers aiming to adopt best practices in architecture, testing, and optimization.

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories