Formation Vue.js

Concevez des sites innovants et applications web réactives grâce à VueJS, le framework JavaScript de nouvelle génération qui rafraîchit automatiquement les pages et les composants avec une navigation fluide.

Public

Cette formation à VueJS est destinée aux développeurs/intégrateurs qui souhaitent dynamiser leurs sites web ou développer une application web en exploitant toute la puissance du framework et de ses composants.

Objectifs

À la fin de la formation, vous êtes capable de concevoir des pages et applications web avec VueJS.

Prérequis

Être familier avec HTML, CSS et connaître les notions de base de JavaScript (variables, fonctions, boucles, conditions) ou d'un langage équivalent

Moyens pédagogiques

Dans le cas de sessions inter-entreprises, à Strasbourg ou à Paris, la formation est dispensée dans les salles pédagogiques adaptées à des apprentissages informatiques : capacité de 1 à 8 personnes, équipement informatique fourni pour chacun des stagiaires, vidéo-projecteur et paperboard.

Suivi et appréciation des résultats

L'exécution physique de l'action de formation est suivie à l'aide de feuilles de présence émargées par demi-journée par les stagiaires et le formateur. Sanction : attestation de fin de stage.

Univers JavaScript

  • Versions de JavaScript, ECMAScript
  • NodeJS et NPM
  • WebPack et Babel
  • Import/export de modules
  • Classes ES6
  • Vérifier la syntaxe avec eslint
  • Choisir son éditeur et ses outils

Vue CLI et Vue UI

  • Bien démarrer un nouveau projet
  • Les options, dépendances et plugins (bootstrap)
  • Gestion des erreurs et des bugs

Fondamentaux de VueJS

  • VueJS, App
  • Structure des fichiers .vue
  • Rendu et Virtual DOM
  • Philosophie des composants
  • Usage de styles CSS et Sass

Composants VueJS

  • template, script et style
  • États, données (data)
  • Propriétés (props) et méthodes
  • Imbrication de composants
  • Attributs spécifiques à Vue : directives
  • Boucles (v-for, etc) et conditions
  • Slots
  • Mixins
  • Références (refs)

Cycle de vie

  • Événements v-on, émission/réception et modificateurs
  • Propriétés computed et watch
  • Gestion des formulaires (v-model, etc)
  • Hooks
  • Transitions et animations

Vuex

  • Vuex et Store
  • Partage de données inter-composants
  • State et getters
  • Actions et mutations

Données avancées

  • API REST, fetch, Axios
  • graphQL et Apollo
  • Filtres

Routage et navigation

  • Vue-router
  • Vues imbriquées et nommées
  • Redirections et alias

Travaux Pratiques

  • Réalisation d'une application VueJS
  • Multi-composants
  • Exploration de toutes les notions vues (avec Vue!)

Besoin d'un financement ?

Une formation est un investissement, pour mieux vous permettre de vous former, des possibilités de financement vous sont proposées.

Voir les différents financements

Avant cette formation, préparez-vous avec :

À la suite de cette formation, nous vous recommandons :

Envie de connaître la date
de nos prochaines formations ?

Calendrier des formations

Nous contacter

09 54 96 50 50 contact alsacreations point fr

Alsacréations
10 Place du Temple Neuf
67000 Strasbourg, France