Formation Vue.js

Créez des interfaces web dynamiques et performantes grâce à notre formation VueJS

Prix (Formation inter-entreprise)

1500€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Vue.js rend facile la création d'interfaces web dynamiques et performantes en utilisant ce que l'on connait déjà : HTML, CSS et Javascript. Il embrasse le pattern de components et, malgré sa simplicité, a tout ce qu'il faut pour créer des grandes applications : un router officiel et un pattern flux propre à lui même. Et tout cela en moins de 30kb !
Vue.js est connu pour avoir rendu le développement front amusant après la js fatigue.

Les objectifs

  • Comprendre la philosophie et le fonctionnement de Vue JS
  • Ecrire des composants vue et découvrir les avantages des fichiers .vue
  • Apprendre à prototyper rapidement des composants
  • Découvrir le Tooling existant
  • Apprendre Vue en développant un annuaire tout le long
  • Apprendre à tester ses composants

Pré-requis

  • Connaissances de HTML et CSS
  • Bonne connaissance en Javascript, voire expérience avec un autre framework front comme React ou Angular
  • Ordinateur portable à apporter

Le programme de la formation Vue.js

Jour 1

  • Introduction
    • Vue.js un framework progressif
    • Data driven interfaces
    • Ecosystème
    • Binding
    • Conditionnelles
    • Boucles
    • Evénements
    • Composants
  • Bases
    • Instance Vue
    • Cycle de vie
    • Templates
    • Interpolation
    • attributs
    • Directives
    • Filtres
    • Computed properties
    • v-model
    • Inputs Natifs
    • Rendering de Listes
    • Caveats
    • (TP) Début de l'annuaire
    • Creation d'une recherche simple
    • Class and Style bindings
    • Rendering conditionnel
    • Gestion d'Evénements
    • (TP) Edition sur place
    • Ajout d'édition sur place des personnes

Jour 2

  • Bases
    • Composants
    • Props
    • Evénements
    • Slots
    • Composants dynamiques
    • v-model
    • (TP) Refactoring annuaire
    • Création d'un composant pour l'affichage
    • Utilisation de vue build
    • Utilisation du template webpack
  • Avancé
    • Réactivité avancé
    • Transitions
    • CSS transitions
    • CSS animations
    • Transitions de listes
    • Transitions dynamiques
    • (TP) Animations
    • Animations sur la recherche
    • Animations sur l'édition
    • Render functions
    • Composants functionels
    • Directives Custom
    • (TP) Optimisations
    • Exemple pratique de l'utilité des composants fonctionnels
    • Création d'une directive custom

Jour 3

  • Extensions
    • Mixins
    • Plugins
    • Single File components
  • Routing avec vue-router
    • Vue Router
    • Routes
    • Modes
    • Lien
    • La vue principale
    • Utilisation basique dans l'annuaire
  • State global avec vuex
    • Vuex
    • State
    • Getters
    • Mutations
    • Actions
    • Modules
    • Utilisation basique dans l'annuaire

Télécharger le programme

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

INRIA
Moody's Analytics
EADS
Peugeot
CNRS
Boursorama

Nos formations en images

Sass et Compass
CasperJS
Ruby on Rails
Ruby

Formation Vue.js

Créez des interfaces web dynamiques et performantes grâce à notre formation VueJS

Vue.js rend facile la création d'interfaces web dynamiques et performantes en utilisant ce que l'on connait déjà : HTML, CSS et Javascript. Il embrasse le pattern de components et, malgré sa simplicité, a tout ce qu'il faut pour créer des grandes applications : un router officiel et un pattern flux propre à lui même. Et tout cela en moins de 30kb !
Vue.js est connu pour avoir rendu le développement front amusant après la js fatigue.

Les objectifs

  • Comprendre la philosophie et le fonctionnement de Vue JS
  • Ecrire des composants vue et découvrir les avantages des fichiers .vue
  • Apprendre à prototyper rapidement des composants
  • Découvrir le Tooling existant
  • Apprendre Vue en développant un annuaire tout le long
  • Apprendre à tester ses composants

Pré-requis

  • Connaissances de HTML et CSS
  • Bonne connaissance en Javascript, voire expérience avec un autre framework front comme React ou Angular
  • Ordinateur portable à apporter

Le programme de la formation Vue.js

Jour 1

  • Introduction
    • Vue.js un framework progressif
    • Data driven interfaces
    • Ecosystème
    • Binding
    • Conditionnelles
    • Boucles
    • Evénements
    • Composants
  • Bases
    • Instance Vue
    • Cycle de vie
    • Templates
    • Interpolation
    • attributs
    • Directives
    • Filtres
    • Computed properties
    • v-model
    • Inputs Natifs
    • Rendering de Listes
    • Caveats
    • (TP) Début de l'annuaire
    • Creation d'une recherche simple
    • Class and Style bindings
    • Rendering conditionnel
    • Gestion d'Evénements
    • (TP) Edition sur place
    • Ajout d'édition sur place des personnes

Jour 2

  • Bases
    • Composants
    • Props
    • Evénements
    • Slots
    • Composants dynamiques
    • v-model
    • (TP) Refactoring annuaire
    • Création d'un composant pour l'affichage
    • Utilisation de vue build
    • Utilisation du template webpack
  • Avancé
    • Réactivité avancé
    • Transitions
    • CSS transitions
    • CSS animations
    • Transitions de listes
    • Transitions dynamiques
    • (TP) Animations
    • Animations sur la recherche
    • Animations sur l'édition
    • Render functions
    • Composants functionels
    • Directives Custom
    • (TP) Optimisations
    • Exemple pratique de l'utilité des composants fonctionnels
    • Création d'une directive custom

Jour 3

  • Extensions
    • Mixins
    • Plugins
    • Single File components
  • Routing avec vue-router
    • Vue Router
    • Routes
    • Modes
    • Lien
    • La vue principale
    • Utilisation basique dans l'annuaire
  • State global avec vuex
    • Vuex
    • State
    • Getters
    • Mutations
    • Actions
    • Modules
    • Utilisation basique dans l'annuaire

Télécharger le programme

Le(s) formateur(s)

Eduardo San Martin Morote

Eduardo San Martin Morote

Eduardo est un membre de la core team Vue.js, il contribue à l'Open Source et est très actif dans l'écosystème Vue avec des projets comme vue-mdl, vuefire, vuexfire, vue-motion, ... Il est aussi Freelance Front End et évite toujours le gâchis en appliquant le principe du Lean un peu partout, des fois un peu trop ! En équipe, il prend plaisir à aider les autres. Les soirs, il fait souvent de la veille technique et partage ce qu'il apprend lors de ses discussions dans la journée. Il organise également le Meetup Vue.js à Paris.

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

  • en répondant à vos questions lors de rendez-vous téléphoniques réguliers
  • en étant présents physiquement à l'amorce du projet
  • en réalisant un audit de vos pratiques quelques semaines/mois après la formation
Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.