Formations Web & Cloud Formation Vue.JS Avancé

Formation Vue.Js Avancé

Rated 4 out of 5
Logo Formation Vue.Js Avancé
Prix 2070€ HT / personne
Durée 3 jours ( 21 heures )
Paris | à distance | FNE
Il ne reste que quelques places
NOUVEAU - Cafés et déjeuners offerts à partir du 11 octobre
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

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.11).

 

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

Pour aller plus loin

Formation Vue.js

Formation Vue en TypeScript

Formation Vue en JavaScript

Formation Angular

Formation React

Formation MEVN

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

Rated 4 out of 5
31 mars 2021

Compétences et écoute du formateur
J’aurais aimé avoir plus d’exercices pratiques

REMY B. de chez IDENTIT
Afficher tous les témoignages
Rated 4 out of 5
31 mars 2021

Compétences et écoute du formateur
J’aurais aimé avoir plus d’exercices pratiques

REMY B. de chez IDENTIT
Rated 4 out of 5
31 mars 2021

Comme elle était privative, on a pu vraiment poser des questions et voir beaucoup de notions. Voir même poser des questions pour avoir la réponse le lendemain.
De plus, on a ressenti qu’Edouard connait vraiment le framework.
Comme la formation a été validée tard, le support de formation et le plan n’ont pas pu être énormément travaillés et nous n’avons donc que nos notes et le repos Github en fin de formation (un support de formation avec la théorie aurait été un plus) . Même raison qui a fait qu’on a eu peu d’exercices sur les différentes notions.
Un formateur qui connait le framework et une bonne formation qui aurait pu être encore mieux si les délai avait rendu possible une meilleure préparation de celle-ci

PAUL T. de chez IDENTIT
Rated 4 out of 5
31 mars 2021

Formateur à l’écoute et compétant. Il a également pu adapter sa formation à notre besoin, top!
Plus de démonstration que de pratique.
Je viens tout juste d’être formée à cette techno et manque de pratique donc le niveau était assez haut, d’où mes réponses « insatisfait » pour la partie « formation ».

WENDY N. de chez IDENTIT
Rated 4 out of 5
17 janvier 2020

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

Anthony B. de Projid
Rated 4 out of 5
17 janvier 2020

Très bien

Brice H. de Projid
Noter la formation
Prix 2070€ HT / personne
Durée 3 jours ( 21 heures )

Paris | à distance | FNE
Il ne reste que quelques places
NOUVEAU - Cafés et déjeuners offerts à partir du 11 octobre
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp