18, Avenue de l’Europe – Parc technologique du Canal

31520 Ramonville-Saint-Agne

05 61 32 99 49

Vue.js

Référence F186780
Tarif présentiel ou distanciel 1500 €
Session ouverte A partir de 2 personnes
Intra-entreprise Nous consulter

Public concerné

Cette formation est ouverte aux développeurs/architectes ayant des bases de Javascript, HTML et CSS.

Prérequis

Avoir une très bonne connaissance de HTML 5, de CSS 3, et de JavaScript.

Durée : 3 jours

Objectifs 

  • Comprendre les concepts clés de Vue.js
  • Être capable de développer une application Single Page App complète avec Vue.js
  • Connaître les outils indispensables au développement d’applications Vue.js

Méthodes et Moyens pédagogiques

Formation réalisée en présentiel ou en distanciel selon votre choix. Exposés, cas pratiques, synthèse. Un poste par stagiaire, vidéoprojecteur, tableau blanc, ordinateurs.

Support de cours fourni à chaque stagiaire.

Modalités de suivi et d’évaluations

Feuille de présence émargée par demi-journée par les stagiaires et le formateur Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires Questionnaire d’évaluation de la satisfaction en fin de stage Auto-évaluation des acquis de la formation par les stagiaires Attestation de fin de formation

Informations pratiques : Accessibilité , modalités et délais d’accès.

Contenu de formation 

L’écosystème du développeur JS moderne

  • La spec ECMAScript
  • La syntaxe ES6+.
  • Les nouveautés d’ES9/ES10.
  • Babel & Webpack

Premiers pas avec Vue.js

  • Principes clés de Vue.js.
  • Vue.js vs React vs Angular.
  • Roadmap et prochaines versions
  • Créer et gérer un projet avec vue-cli
  • La base d’une application : l’instance Vue
  • Créer son premier composant Vue.js
  • Gérer les événements du DOM
  • Débugger avec vue-devtools

Répartir son code dans des composants

  • L’imbrication de composants et les props
  • Passer du contenu à un composant : les slots/children
  • Déclencher des événements custom
  • Le cycle de vie des composants

Enrichir ses templates

  • Filters et computedProps : simplifier l’écriture des templates
  • Templates vs render methods & JSX
  • Composants fonctionnels
  • Animations & transitions : améliorer l’expérience utilisateur

Gérer la navigation

  • Développer un système de routing maison
  • Principes de Vue router
  • Configurer des routes
  • Sécuriser une application : les Navigation Guards
  • Transitions entre écrans

Gestion des données avec Vuex

  • Vuex : concepts de base
  • Installation et mise en œuvre
  • Étendre Vuex avec les plugins
  • Librairies alternatives

Développer une application connectée

  • Charger et envoyer des données avec AJAX : les différents scénarios
  • Gestion des formulaires
  • Two-way data binding VS one way data flow
  • Vuex et les formulaires
  • Validation de la saisie utilisateur

Aller plus loin avec Vue.js

  • Mixins et plugins
  • Regrouper son code dans des Single File Components .vue
  • Créer des custom directives
  • Typage flow/TypeScript
  • Rendre son code robuste grâce aux Prop types
  • Compilation & optimisation des performances
  • Server Side Rendering
  • Développement d’applications mobiles
DEMANDER UN DEVIS ÊTRE RAPPELÉ

Dates inter-entreprises

Toulouse

Top