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
Testimonials (5)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
Adapting to the needs of the team Support during training Ideas for exercises to do later
Louis-Antoine Pottier - Exotec
Course - Javascript and Vue.js for Beginners
Machine Translated
Being in a solo formation. It's great for asking all the questions you want.
Nicolas - Caf du Rhone
Course - Quasar Framework and Vue.js
Machine Translated
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.