Aller au contenu principal
Afficher le fil d'ariane

AELION : 07. Vue.js - Développement d'applications web

Organisme

AELION
95 CHE DE GABARDIE
31200 TOULOUSE
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

21 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Questionnaire d’évaluation des pré-requis avant le stage, de satisfaction en fin de stage, évaluation des acquis en fin de formation. Feuille de présence, attestation de fin de formation.

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
840€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
3600€ HT / groupe
4 stagiaires minimum

Public

Développeurs web, intégrateurs, architectes logiciel, chefs de projet…

Pré-requis

Avoir une bonne connaissance pratique de HTML et la maîtrise et de JavaScript (ES5 minimum).

Objectifs pédagogiques

- Maîtriser l’environnement du développeur JS 

- Comprendre les principes clés de Vue.js 

- Savoir développer une SPA avec Vue.js 

- Connaître les outils indispensables au développement d'applications web dynamiques avec Vue.js 

- Appliquer les bonnes pratiques à un projet Vue.js

Programme détaillé

IDENTIFIER L’ENVIRONNEMENT DU DEVELOPPEUR JS

  • A l’issue de cette séquence, vous êtes capable d’utiliser les syntaxes de code moderne de Javascript (ES6 et +). Vous identifiez la notion de composant (Web components). Vous comprenez l’intérêt des Frameworks (notamment de Vue.js), et les mécanismes qui se cachent derrière ces derniers.
  • Les Single Page Applications
  • Les limites de Javascript et de jQuery
  • Lenteurs du DOM
  • Positionnement de Vue.js

IDENTIFIER ET DEFINIR LES PRINCIPES CLES DE VUE.JS

  • A l’issue de cette séquence, vous êtes capable d’installer et de configurer un projet Vue.js. Vous savez identifier et utiliser les concepts de bases (composants, model, etc.).
  • Migration vers Vue.js et les versions de Vue.js
  • MVVM selon Vue.js
  • Les outils nécessaires liés à l'utilisation de Vue.js (Vue CLI, etc.)
  • Les notions et syntaxes de bases
  • Notion de component
  • La liaison de données
  • Les structures de contrôle
  • Notion d'event

DEVELOPPER UNE SPA AVEC VUE.JS

  • A l’issue de cette séquence, vous êtes capable d’utiliser les syntaxes et manipulations de base de Vue.js. Vous savez identifier les mécanismes d’organisation du code avec des directives, mixins ou plugins et sait les différencier.
  • Les essentiels de vue.js
  • Cycle de vie d'une requête dans Vue.js et son rôle
  • Les modèles
  • Notion d'interpolation
  • Attributs, filtres et directives
  • Les propriétés calculées
  • Différence entre v-model et v-bind
  • Le v-model
  • Gérer des listes
  • L'affichage conditionnel
  • Event management
  • Les composants dynamiques
  • Echange de données entre composants
  • L’organisation des composants
  • Mixins
  • Custom Directives
  • Render Functions & JSX
  • Plugins

CONNAITRE LES CONCEPTS ET OUTILS INDISPENSABLES AU DEVELOPPEMENT D'APPLICATIONS WEB DYNAMIQUES AVEC VUE.JS (1/2)

  • A l’issue de cette séquence, vous êtes capable d’utiliser des librairies externes (notamment mettre pour l’utilisation de composants graphiques). Vous savez utiliser les mécanismes de routing.
  • Utiliser une librairie de composants graphiques avec Vuetify
  • Créer une navigation avec Vue-router
  • Présentation des routes
  • Les modes
  • Les liens
  • Vue initiale et liens

CONNAITRE LES CONCEPTS ET OUTILS INDISPENSABLES AU DEVELOPPEMENT D'APPLICATIONS WEB DYNAMIQUES AVEC VUE.JS (2/2)

  • A l’issue de cette séquence, vous êtes capable d’utiliser des librairies externes (notamment la consommation d’API REST). Vous identifiez les mécanismes de gestion d’état.
  • Gérer des états avec Vuex
  • Présentation de Flux et Redux
  • Gestion de store
  • Consommer des API REST avec Axios

APPLIQUER LES BONNES PRATIQUES A UN PROJET VUE.JS

  • A l’issue de cette séquence, vous êtes capable d’identifier les concepts de qualité et l’intérêt de compiler ses applications web. Vous savez qu’il existe des outils pour monitorer la performance des applications web et aider à leur évolution.
  • La rétrocompatibilité pour les vieux navigateurs
  • La qualité du code avec les tests
  • Un code plus maintenable avec TypeScript et ES Lint
  • Un code plus performant avec les outils de builds (production & deployment)

Sessions

Filtrer les résultats

45 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat