|
Week - 1
|
|
Course introduction, presentation of course structure and assessment method, an overview of modern frontend architectures, comparison of single page and multi page applications, the evolution of frontend frameworks and the role of the Vue library in the ecosystem. |
|
|
Week - 2
|
|
Setup of the Vue development environment, creating a new project with Vite, examination of the project directory structure, anatomy of single file components and introduction to developer tools. |
|
|
Week - 3
|
|
Template syntax, data binding, directives and conditional rendering, list rendering directives, event listeners and modifiers, efficient list rendering with the key attribute. |
|
|
Week - 4
|
|
Fundamentals of the reactivity system, value tracking with ref and reactive, computed values and watchers, non reactive data and prevention of common mistakes. |
|
|
Week - 5
|
|
The Composition API approach, the setup function, grouping logic in a reusable way, comparison with the Options API, rewriting basic components with the Composition API. |
|
|
Week - 6
|
|
Communication between components, data transfer with props, notifying the parent component with emits, two way binding patterns, prop validation and default value management.
|
|
|
Week - 7
|
|
Content placement with slots, named slots, scoped slots, provide and inject, state sharing between distant components.
|
|
|
Week - 8
|
|
Midterm examination.
|
|
|
Week - 9
|
|
Component lifecycle and lifecycle hooks, mounted, updated and unmounted stages, management of asynchronous operations within the lifecycle, resource cleanup examples.
|
|
|
Week - 10
|
|
Client side routing with Vue Router, static and dynamic routes, nested routes, protected routes, navigation guards and design of page transitions.
|
|
|
Week - 11
|
|
Centralized state management with Pinia, defining a store, state, computed values and actions, using multiple stores, sharing state between components and sustainable state design.
|
|
|
Week - 12
|
|
Build tools and module systems, Vite configuration, environment variables, code splitting and lazy loading approaches, production build and deployment preparation.
|
|
|
Week - 13
|
|
Concepts of server side rendering and static site generation, an overview of the Nuxt framework, search engine compatibility, initial performance and data fetching patterns.
|
|
|
Week - 14
|
|
Performance optimization approaches, prevention of unnecessary re rendering, asynchronous components, introduction to testing and deployment processes, examination of a real application example and general recap.
|
|