Image de NordWood Themes

Vue.JS Framework JavaScript

Objectifs

Si vous êtes perdu face aux nombreux frameworks JavaScript modernes, Vue.js est la réponse à la complexité grandissante des solutions existantes. Puissant, rapide et couvrant toutes les fonctionnalités que l'on attend actuellement d'un toolkit GUI moderne, il reste facile à apprendre et à utiliser, tout en ne pesant que 18kb une fois compressé et minifié.

Ce cours vous apprend à créer l'interface d'une application Web dynamique ou d'une SPA en utilisant le framework Vue.js. Cet outil très flexible et pourtant léger, codé par l'équipe du géant chinois alibaba.com, est spécialisé dans la manipulation performante et simple de l'affichage dans le navigateur.

À l'issue de cette formation, vous aurez appris à tirer partie de Vue.js et bénéficierez de sa flexibilité pour savoir :

  • Améliorer une page existante de façon non obstrusive, comme le permettrait jQuery

  • Construire un templating dynamique et automatique de toute la page, comme le ferait Angular.JS 1

  • Créer vos propres widgets réutilisables et intégrer ceux de la communauté pour aboutir à une architecture complètement basée sur des composants réutilisables, comme avec React.JS.

A qui s'adresse cette formation

Public :

Ce cours s'adresse principalement aux développeurs front-end désireux de créer des pages web dynamiques ou des SPA (single-page applications).

 

Prérequis :

Pour suivre ce cours Vue.js dans de bonnes conditions, il est indispensable de maîtriser HTML et JavaScript.

Contenu du cours

Avantages et inconvénients de Vue.js

Les origines du framework Vue.js
Pourquoi choisir Vue.js?
Comparaison avec les frameworks :
- jQuery
- AngularJS 1
- ReactJS

Utilisation simple de Vue

Utilisation simple, sans outils de build
Présentation de "hello world"
Savoir intégrer Vue.js incrémentalement

Utilisation sous forme de templates (comme AngularJS)

Le one-way data binding
Connaître les méthodes d'utilisation de Vue.js
Les computed properties
Directives de contrôle de flux
Directives de gestion d'évènements
Présentation des principaux filtres
Les composants fournis avec Vue.js
Connaître les pièges les plus courants

Utilisation sous forme de composant (comme ReactJS)

Découpler les widgets du HTML
Présentation du cylcle de vie des composants
Modules complets "stand alone"
Connaitre la hiérarchie et la composition
Maîtriser les états et la communication entre composants

Routing avec Vue-router

La déclaration des vues
La manipulation de l’historique
La navigation

Data store avec Vuex

Bus de communication
Mutation de l’état de l’application

Présentation d'Ajax avec Axios

Gérer des sources de données extérieures asynchrones
Application REST avec Vue.js

Vue dans une stack JS moderne : npm, webpack et Babel

Installation via le package manager
La construction via webpack
Pre-processing avec Babel

TechnoWide

3 rue du Golf

Parc Innolin

CS 60073

33701 MERIGNAC CEDEX

Bordeaux

  • LinkedIn Social Icon
© 2020 TechnoWide - tous droits réservés