Formation Vue.Js Avancé

4,0 rating
Logo Formation Vue.Js Avancé
2070€ HT / personne
3 jours (21 heures)
Paris | à distance | FNE
Il ne reste que quelques places
Option OFFERTE de classe virtuelle (40€/j en supplément)
Disponible en intra-entreprise pour former votre équipe

Présentation

Vous avez assisté à notre formation Vue.JS, et vous souhaitez en connaitre plus ? Vous avez une application Vue.JS, et vous rencontrez des difficultés à la maintenir ? Cette formation vous permettra de devenir expert Vue.JS, vous apprendrez les concepts avancés de Vue.JS et découvrirez l’étendu de son écosystème.

Dans cette formation nous allons voir comment tester à 100% votre projet, comment utiliser les bonnes pratiques dans votre projet d’entreprise, mais également toutes les astuces pour augmenter les performances grâce aux outils Vue.JS.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6.10 sortie en Mars 2019 à la date de l’article).

 

Objectifs

  • Comprendre les concepts avancés du Framework Vue.js
  • Tester complètement son application
  • Augmenter les performances de son application
  • Internationaliser sa WebApp

 

Public visé

Développeurs Vue.JS, Architectes techniques, Chefs de projets, Ingénieur d’études

 

Pré-requis

Connaissances fondamentales sur Vue.JS, ou avoir effectué notre Formation Initiale sur Vue.JS

Programme de notre formation VueJS Avancé

Avant-propos du formateur : Tous les points abordés et les travaux pratiques sont accompagnés de bonnes pratiques et de simplicité.
Le but étant principalement de vous transmettre « Comment penser et créer les bonnes pratiques selon votre cas d’usage ».
Comment organiser son projet pour le garder maintenable et pouvoir ajouter des features rapidement dans le cycle vie de votre webapp.

 

Introduction

  • Vue d’ensemble de Vue.JS
  • Rappels de bases

 

Kickstart

  • Initialisation d’un projet
  • Tours d’horizons de webpack, babel & polyfill

 

Router et Gestion d’erreur

  • Vuex
  • Vue-Router + Call API + Error Handling
  • Vue-router, data fetching et protection de routes
  • Utilisation et création d’un store et d’un “SDK”
  • Error handler central
  • Axios et WebSocket

 

Révision et cas d’usage

  • Slots
  • Injection
  • Directive (création et utilisation de directive custom)

 

Pattern

  • Quels patterns utiliser et quand ?
  • Ou placer les filtres/extend/directives et autres “helpers”
  • Liste des choix et possibilités
  • Plugins
  • Mixins
  • Composant dynamique
  • Import dynamique
  • Template dynamique

 

Internationaliser sa webapp

  • Internationalization – i18n
  • Les bases – utilisations de fichiers statiques
  • Comment rendre les langues dynamiques ?

 

Transition / Animation et Lazy Loading

  • Transition pour Vue-router
  • Transition sur liste
  • Ajouter une animation plus complexe
  • Lazy-loading : Images et components

 

Server-Side

  • Faire le choix selon le besoin
  • Nuxt
  • Boilerplate
  • Express-Vue
  • WebComponent + Classic Server Side
  • Full Static

 

Architectures complexes

  • Présentation et explication d’architecture globale plus ou moins complexe
  • Interface de création de page « drag and drop » de composants

 

Pour aller plus loin avec Vue

  • Routing avec vue-router
  • Bus d’événements avec vuex
  • Ajax avec axios
  • Mixins
  • Plugins
  • Routing
  • Requêtes Ajax
  • Server-Side Rendering
  • Concept de virtual DOM
  • Système de routage
  • Gestion des événements
  • Vue Mixins
  • Système de slots
  • Partage de données entre composants
  • Réutilisation des composants dans d’autres applications Vue (plugin)
  • Deployment
  • Linters
  • Debug et introduction et initiation rapide aux tests unitaires & fonctionnels
  • Introduction rapide au Server-Side Rendering
Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Edouard

Edouard

Je suis un développeur full-stack, spécialisé dans la création d’application web, progressive web app et application mobile en javascript.
Je préconise VueJS (ou React) pour le frontend.
Pour le backend, je suis expérimenté sur les domaines suivants : API REST, Mongo, SQL, Redis, micro-services, websockets, blockchain.

Témoignages

4,0 rating
17 janvier 2020

Le formateur est sympathique, s’adapte bien aux demandes. Très bon échange.

Anthony B. de Projid
Afficher tous les témoignages
4,0 rating
17 janvier 2020

Le formateur est sympathique, s’adapte bien aux demandes. Très bon échange.

Anthony B. de Projid
4,0 rating
17 janvier 2020

Très bien

Brice H. de Projid
4,0 rating
17 janvier 2020

Formation qui dans la globalité est satisfaisante.

Kevin C. de Projid
4,0 rating
17 janvier 2020

Bon formateur et bonne formation malgré un début flou (manque de préparation pour le premier jour) 🙂

Charly B. de Projid
Noter la formation
2070€ HT / personne
3 jours (21 heures)

Paris | à distance | FNE
Il ne reste que quelques places
Option OFFERTE de classe virtuelle (40€/j en supplément)
Disponible en intra-entreprise pour former votre équipe

Une question ? Un projet ?

Pour des informations complémentaires, n’hésitez pas à nous contacter.