Plan du cours
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
Pré requis
- 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
Nos clients témoignent (5)
Les cours étaient très interactifs et les exercices étaient très pratiques.
Heino - NWK Limited
Formation - Laravel and Vue.js
Traduction automatique
Adaptation aux besoins de l'équipe Support pendant la formation Idées d'exercices à faire pour la suite
Louis-Antoine Pottier - Exotec
Formation - Javascript and Vue.js for Beginners
Le fait d'etre dans une formation en solo. C'est super pour poser toutes les questions qu'on souhaite.
Nicolas - Caf du Rhone
Formation - Quasar Framework and Vue.js
Le formateur semblait très compétent en matière de Vue. J'ai apprécié de voir son style de développement et d'apprendre quelques nouveaux concepts à essayer.
Adrian Borrmann - CBC/Radio-Canada
Formation - Advanced Vue.js
Traduction automatique
J'apprécie vraiment le style de codage en direct de Shawn dans son enseignement. Il a démontré ses connaissances et son expérience pratiques sur le sujet.
Nhan Nguyen - Navy Information Warfare Center - Pacific
Formation - Vuetify.js
Traduction automatique