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

• Avoir des connaissances en HTML et CSS
• Etre à l'aise avec Javascript
• 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

Le(s) formateur(s)

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-router, vuefire, vuexfire, vue-promised, vue-motion, vue-tweezing, ... 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é

Guillaume Chau

Guillaume est un membre de la Core Team de Vue.js et travaille sur des composants officiels comme vue-devtools, vue-cli, vue-curated et vue-ui. Il est aussi contributeur d'autres projets Open Source liés à Vue.js, GraphQL et Node.js comme vue-apollo, vue-meteor, vue-virtual-scroller, nodepack et bien d'autres.
Actuellement développeur chez Livestorm, il participe également aux meetups Javascript et Vue.js sur la région de Lyon, ainsi qu'à de nombreuses conférences autour du globe.

Voir son profil détaillé

Thomas Ferro

Thomas est passionné de conception d'applications. Au quotidien, il travaille sur le développement d'applications Web avec notamment le framework Vue.js, depuis maintenant 3 années. Amoureux du travail bien fait et de l'application de bonnes pratiques, Thomas est constamment à la recherche de pistes d'amélioration afin de donner le meilleur de lui-même.
Il a commencé a donner des formations récemment en parallèle de son travail de développeur.

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.