3 days (21 hours)

Webinar gratuit

9 Juillet 2020

Migration vers Google Cloud

Inscrivez-vous gratuitement

Course overview

Vue.js (also called Vue), is an open-source JavaScript framework used to build user interfaces.

Through its pragmatism, power and versatility, Vue.js quickly established itself as a major web framework.

Learning outcomes

This course teaches participants the following skills:

  • Master the key architectural concepts of Vue.js
  • Develop the graphical interface for complete web or single page applications with Vue.js
  • Implement the development tools specific to Vue.js
  • Implement major Vue.js plugins


To get the most out of this course, participants should have:

  • Basic knowledge of software development
  • Knowledge of HTML and CSS

Having taken or have equivalent knowledge of the courses: - JavaScript: Language fundamentals - JavaScript: develop web applications

Target audience

This course is intended for the following participants:

Developers, integrators, software architects, technical project managers

Course Outline

1, Introduction to Vue.js - Principles and philosophy - Comparison with other major frameworks - Roadmap - Vue.js Installer

Workshops - Vue.js installation - Quick win: getting started with Vue.js

  1. Core Library
  2. Instance, life cycle and properties
  3. Reactivity
  4. Template
  5. Directives
  6. Workshops:
  7. Implementation reactive properties
  8. Use of directives: conditionals, lists, events, model, style
  9. React to the life cycle of the Vue instance

  10. Components

  11. Definition

  12. Component Registration

  13. Props

  14. Template, slots

  15. Tree structure and communication between components

  16. Dynamic components

  17. Animations and transitions

Workshops: - Creation of a single view using several custom components

  1. Reusability and Composition
  2. Mixins
  3. Filters
  4. Plugins

Workshops: - Creation and use of mixins, filters and plugins

  1. Tools
  2. Vetur, VSCode client
  3. Devtools, browser plugin
  4. Vue CLI, RAD console
  5. TypeScript

Workshops: - Implementation of a complete development environment

  1. Single View Components
  2. Single File Components
  3. Different ways to create a SFC

Workshops: - Create a Single File Component

  1. Vue Router library
  2. Principles
  3. Installation
  4. Router access
  5. Features: dynamic, nested, programmatic navigation …
  6. Navigation Guards

Workshops: - Creation of a Single Page Application with Router

  1. Vuex
  2. Application Structure and State Management Pattern
  3. Installation
  4. Implementation
  5. Alternative Libraries

Workshops: - Centralized state management of an application using Vuex

€1590 ex. VAT

Contact us

You can unsubscribe from our communications at any time.

In order to take into account your request, we must store and process your personal data. If you authorize us to store your personal data for this purpose, check the box below.

By clicking on « Send » below, you authorize SFEIR to store and process the personal data submitted above so that it can provide you with the requested content.