Vue.js 3 - La formation complète pour débutants

Cette formation vidéo a été conçue pour les programmeurs JavaScript qui veulent apprendre à utiliser la version 3 du framework Vue.js.

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

• Ajouter des fonctionnalités à un projet Web existant

• Créer des applications Web SPA

• Créer des applications pour mobiles Android et iOS

• Créer des projets complexes à plusieurs programmeurs

Si Vue.js est si populaire, c'est certainement parce qu'il est simple à mettre en place, qu'il offre de très bonnes performances (surtout la version 3) 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. Ceci étant dit, un projet de plus grande ampleur vous sera proposé à la fin des deux premières parties de la formation. Vous pourrez ainsi mettre en pratique bon nombre des techniques que vous avez apprises.

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, directives personnalisées, Vuex, Pinia, Firebase, NativeScript-Vue, composant Teleport, API de composition, etc. etc..

De très nombreux exercices vous sont proposés sous la forme de challenges. 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 en Vue 3 : contrôle du DOM, définition et partage de données, propriétés calculées, data binding, directives, gestion évènementielle, classes conditionnelles.

• Composants locaux et globaux, communication entre les composants et l'application, hiérarchisation des composants pour créer une application complexe, slots, filtres, watchers, transitions et animations, communication asynchrone avec des services Web.

• Applications SPA (routage, indicateurs de navigation).

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

• Création d'applications avec Vite.

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

• Mixins, directives personnalisées, applications mobiles, composant Teleport, API de composition.

Tous les codes sources et ressources sont fournis en accompagnement de chaque vidéo.

Un manuel illustré complet est accessible à la fin du cours. Il reprend le contenu intégral de la formation.

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 !