Course Outline
Core Advanced Vue.js Concepts
- Advanced component lifecycle management
- Advanced handling of props, emits, and custom events
- Advanced reactivity mechanisms (ref, computed, effect, watch, etc.)
- Route control and navigation guards
Scalable State Management with Pinia
- Designing scalable architectures with Pinia
- Advanced composition and store modularisation
- Best practices for managing global and local data
API Integration and Data Layer Design
- Global and custom Axios configuration
- Advanced utilisation of interceptors and error handling
- Integration with Pinia and components
- Data flow orchestration between APIs, stores, and UI components
Modern Vue Development Workflow
- Advanced Vite configuration for Vue.js projects
- Plugin integration and build optimisation
- Best practices for development, testing, and production environments
- Managing environment variables for production (Vault) and CI/CD pipelines
- Code Quality: Setting up and integrating ESLint, Prettier, and SonarQube
- Best practices for automated formatting and static analysis
Framework Specialisation: Quasar Framework
- Optimisation and customisation of Quasar components
- Creating responsive and high-performance UIs with Quasar
- Leveraging Quasar with TanStack, PWA, and ServiceWorkers
TypeScript in Vue.js
- Advanced typing for components and stores
- Defining types for props, emits, and slots
- Reusable patterns and best practices for ensuring 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 Optimisation
- Lazy loading, code splitting, and resource optimisation
- Identifying and resolving performance bottlenecks
- Profiling and fine-tuning Vue.js applications
Materials and Support
- Comprehensive documentation and examples for each module
- Access to recorded materials or online resources
- Q&A sessions and post-training implementation support
Summary and Next Steps
Requirements
- Experience in developing applications using Vue.js
- Proficiency with JavaScript, ES6+, and REST APIs
- Fundamental understanding of frontend build tools and component-based architectures
Target Audience
- Frontend developers with existing Vue.js experience
- Software engineers working on large-scale Vue applications
- Developers seeking to apply best practices in architecture, testing, and optimisation
Testimonials (3)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
I am glad we can get the recordings, slides and files zipped to us so we can always reference back to them when needed. David explained concepts clearly and was able to answer questions that we had. He was very knowledgeable.
Renee Chan - Mackenzie Investments
Course - Vue.js
The vue.js is something that I never worked with and the presentation clarified few of my doubts. But again, online courses are not efficient in acquiring knowledge.
