< Our trainings
Introduction to Vue.js
Discover Vue.js mechanism and learn to handle this library to create performing and evolutive applications.
Register
Choose a place
Choose a date
1200€/ attendee
Practical information
Need more information?
Contact us
Goals
Get to know better Vue.js: an user-friendly library allowing to create fast, qualitative and interactive web interfaces using the principle of web components.
Program
Modern JavaScript
- Variables
- Destructuring
- Arrow functions
- Default values
- Classes
- Interpolation
- Use and creation of promises
- Object manipulation
- Modules
Discovering Vue.js
- Reactivity
- The limits of reactivity
- The virtual DOM
The Vue instance
- Integration in an HTML page
- The main.js file
- The main component
Single File Components
- Structure d’un fichier
- Philosophie des composants Vue
Creating a Vue.js project
- Tools
- Discovery of the vue-cli tool
- Typescript
- Class components
- UI
- Folder and file architecture
Plugins
- Using a third party plugin
- Creating a plugin
Zoom on Vue components
- The template
- Reactive data
- Calculated properties
- The methods
- Conditional rendering
- The lists
- Creating directives
- Observers
- Styles
- Events
- The life cycle of a Vue component
Communication between components
- Import and use components
- Props
- Non-props attributes
- Sending and listening to an event
- The global event bus
- Listening to native events
- Modifying props
- Accessing the main view instance
- Accessing the parent view instance
- References to child components
- Dependency injection
Advanced features
- Modules
- Slots
- Form links
- Mixins
- Dynamic components
- Router view
- Transitions and animations
Going further
- Organize and reorganize your code
- Optimizing performance
- Creating a PWA with Vue