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
Delivery Options
Private Group Training
Our identity is rooted in delivering exactly what our clients need.
- Pre-course call with your trainer
- Customisation of the learning experience to achieve your goals -
- Bespoke outlines
- Practical hands-on exercises containing data / scenarios recognisable to the learners
- Training scheduled on a date of your choice
- Delivered online, onsite/classroom or hybrid by experts sharing real world experience
Private Group Prices RRP from €11400 online delivery, based on a group of 2 delegates, €3600 per additional delegate (excludes any certification / exam costs). We recommend a maximum group size of 12 for most learning events.
Contact us for an exact quote and to hear our latest promotions
Public Training
Please see our public courses
Testimonials (4)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
The trainer seemed very knowledgable about Vue. I appreciated seeing his development style and learning some new concepts to try.
Adrian Borrmann - CBC/Radio-Canada
Course - Advanced Vue.js
I really like Shawn's live coding style in teaching the course. He demonstrated his practical knowledge and experience on the subject.
Nhan Nguyen - Navy Information Warfare Center - Pacific
Course - Vuetify.js
Completing the labs to add new functionality (calculator & trading labs)