Alliant théorie et pratique avec ses nombreux exemples, ce livre sur Vue.js, framework JavaScript facile à prendre en main, s’adresse à tout développeur Front End désireux de développer des applications web fluides, dynamiques et réactives. Bien que des connaissances sur les langages HTML, CSS et JavaScript soient un plus pour appréhender la lecture de ce livre, un chapitre dédié à JavaScript permettra au lecteur d’être à jour des nouvelles syntaxes apparues ces dernières années...
Alliant théorie et pratique avec ses nombreux exemples, ce livre sur Vue.js, framework JavaScript facile à prendre en main, s’adresse à tout développeur Front End désireux de développer des applications web fluides, dynamiques et réactives. Bien que des connaissances sur les langages HTML, CSS et JavaScript soient un plus pour appréhender la lecture de ce livre, un chapitre dédié à JavaScript permettra au lecteur d’être à jour des nouvelles syntaxes apparues ces dernières années.
Après une introduction sur le concept de DOM virtuel et d’architecture MVVM dont Vue.js s’inspire, le lecteur passe rapidement à la pratique avec l’installation et la configuration des outils d’aide au développement. Il apprend à utiliser Vue.js sur un nouveau projet ou sur un projet existant et devient ainsi en mesure de manipuler le DOM d’une page web, de mettre en place les comportements attendus suite aux actions de l’utilisateur ou encore de gérer des styles CSS à l’aide des directives introduites par le framework. Un chapitre est également dédié à la création de formulaires dynamiques.
Dans la suite du livre, l’auteur détaille la manière d’organiser son code en composants et d’architecturer une application en fonction de sa taille, en ayant notamment recours à la mutualisation du code. Le lecteur apprend également à utiliser l’empaqueteur de modules Webpack pour compiler et déployer une application en production.
Ayant pris soin de rappeler les concepts de sécurité liés aux applications web (CORS, cookies, jetons JWT, attaques CSRF et XSS, protocole OAuth 2.0), l’auteur explique ensuite comment consommer des API dans une application de manière sécurisée, d’abord sous la forme d’une API REST puis sous la forme d’une API GraphQL.
Pour finir, le lecteur appréhende le routage avec Vue Router pour simuler les URLs de l’application dans un navigateur, ainsi que la centralisation de la gestion des données avec le plug-in Vuex.
Partager un état global entre plusieurs composants
1. Problématique
a. Le flux de donnée unidirectionnel
b. Utiliser les props et les évènementspour partager et accéder à l’état global
c. Utiliser un bus d’évènement pourréagir aux actions
2. Utilisation d’un store pour centraliser les données
a. Déporter les états dans un objetpartagé
b. Tracer les mutations
c. Utiliser Vuex
Installer et utiliser le store Vuex
1. Installation
a. Avec un CDN
b. Avec npm ou yarn
c. Avec Vue CLI
2. État
a. Définir et accéder à unedonnée de l’état
b. Utiliser mapState() pour générerles propriétés calculées
3. Accesseurs
a. Accéder à une donnée d’étatvia un accesseur
b. Utiliser mapGetters() pour générerles propriétés calculées
4. Mutateurs
a. Muter une donnée de l’état du store
b. Muter plusieurs données avec une mutation
c. Muter un objet ou un tableau
d. Utiliser un fichier de constantes pour lister lestypes de mutations
e. Utiliser mapMutations() pour générerles propriétés calculées
f. Les mutations avec la directive v-model
5. Actions
a. Utiliser les actions pour des traitements asynchrones
b. Utiliser mapActions pour générerles méthodes
c. Chaîner des actions asynchrones
Utiliser les modules pour organiser son store
1. Séparer le store en plusieurs fichiers
2. Utiliser les modules Vuex
Conclusion
Conclusion
Version papier
RAS DE PLUS
AnonymeVersion papier
Le livre est très bien fait
Anonyme
Yoann GAUCHARD
Après avoir débuté en SSII en tant que développeur et testeur, Yoann GAUCHARD s’est ensuite tourné vers les technologies web et mobile. Aujourd’hui développeur fullstack indépendant, passionné par les technologies web, il est spécialisé dans la conception et la réalisation de sites web avec Symfony ainsi que dans le développement d’applications web mobiles et de Progressive Web Apps avec Vue.js. Son expertise et ses compétences profitent autant à ses clients (start-up, PME/TPE et grands groupes), qu’aux stagiaires d’une école d’informatique à qui il dispense des formations. Aujourd’hui, il souhaite, avec l’écriture de ce livre, partager ses connaissances au plus grand nombre.
Yoann GAUCHARD vous dit tout sur la sortie
de son nouveau livre Vue.JS, aux Editions ENI :
Pourquoi l'a-t-il écrit ?
À qui se destine-t-il ?