Vue.js 2 : La formation complète pour débutant

Cette formation vidéo a été conçue pour les programmeurs JavaScript qui veulent apprendre à utiliser le framework Vue.js version 2. Contrairement aux autres frameworks JavaScript, Vue.js peut être adopté au fur et à mesure des besoins. Il peut également cohabiter avec une logique JavaScript existante sans interférer avec elle.

Vous utiliserez Vue.js pour :

• Créer des interfaces utilisateur réactives from scratch (en partant d'une page blanche).

• Ajouter des fonctionnalités à un projet Web existant.

• Créer des applications Web SPA (monopage).

• Créer des applications pour mobiles (Android et iOS).

Aujourd'hui, Vue.js est un framework très populaire. Certainement car il est simple à mettre en place, qu'il offre de très bonnes performances et qu'il peut être utilisé de façon plus ou moins poussée, en fonction des besoins.

Lorsque je me suis lancé dans la création de cette formation vidéo, deux choix s'offraient à moi :

• Créer un fil rouge et y intégrer petit à petit les différents concepts appris tout au long de la formation.

• Créer des exemples indépendants pour apprendre facilement et rapidement les différents concepts de Vue.js.

Je suis formateur en présentiel et j'ai pu expérimenter ces deux approches. Bien que la première ait ses fervents adeptes, la seconde donne de meilleurs résultats au niveau de l'apprentissage, car chaque exemple peut être choisi de façon extrêmement précise, sans avoir à suivre une logique d'intégration globale qui pourrait faire négliger certains aspects de ce qui doit être appris. C'est donc cette seconde approche qui a été adoptée.

Chaque sujet est abordé de façon indépendante et illustre un aspect particulier de Vue.js : propriétés calculées, data binding, directives, gestion événementielle, classes conditionnelles, props, custom events, lifecycle hooks, etc. etc..

De très nombreux exercices vous sont proposés. Lorsqu'on vous demande d'arrêter le défilement de la vidéo, jouez le jeu : arrêtez la vidéo et codez comme vous l'entendez, en partant d'un squelette standard ou d'une page vide. Vous verrez qu'en procédant ainsi, votre apprentissage sera très rapide. Lorsque vous avez fini de coder, vous pouvez reprendre le défilement de la vidéo : une correction vous sera proposée.

Cette formation est très complète. Voici quelques-uns des sujets abordés :

• Programmation standard de la vue et du ViewModel (methods, computed, data binding, binding bidirectionnel, directives (v-model, v-bind, v-html, v-for, v-cloak, v-once, v-if et de nombreuses autres).

• Composants locaux et globaux, communication entre les composants et le ViewModel, hiérarchisation d'une application à l'aide de composants, slots, filtres, watchers, transitions et animations.

• Applications SPA (routage, navigation guards).

• Interface en ligne de commande Vue-Cli (création d'applications, render methods, JSX, composants fonctionnels).

• Gestionnaire d'état Vuex, Vue.observable(), plugins.

• Mixins, directives personnalisées, NuxtJS, applications mobiles.

  
  

Tous les codes sources de la formation sont disponibles.

Je ne peux vous conseiller qu'une chose : expérimentez le code par vous-même, codez et progressez à votre rythme. Petit à petit Vue.js vous semblera de plus en plus familier et vous apprécierez sa puissance et sa souplesse.

Alors ... Happy coding !