Vue.js - Développement d'applications web modernes en JavaScript - Complément vidéo : Réalisation d' Complément vidéo : Réalisation d'un jeu de rapidité et d'adresse
Auteur : Yoann GAUCHARD
Livre Vue.js - Développement d'applications web modernes en JavaScript
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.
Vidéo Réalisation d'un jeu de rapidité et d'adresse avec Vue.js
Cette vidéo s'adresse aux développeurs qui souhaitent concevoir un jeu de rapidité et d'adresse avec le framework JavaScript progressif Vue.js...
Introduction
Notions essentielles de JavaScript
Comprendre les fondamentaux de Vue.js
Utiliser les formulaires
Utiliser les composants
Mutualiser des fonctionnalités
Créer et déployer une application avec Vue CLI
Consommer des API REST et GraphQL
Utiliser Vue Router pour la navigation
Utiliser Vuex pour la gestion d'états
1. Partager un état global entre plusieurs composants
1.1 Problématique
1.1.1 Le flux de donnée unidirectionnel
1.1.2 Utiliser les props et les évènements pour partager et accéder à l'état global
1.1.3 Utiliser un bus d'évènement pour réagir aux actions
1.2 Utilisation d'un store pour centraliser les données
1.2.1 Déporter les états dans un objet partagé
1.2.2 Tracer les mutations
1.2.3 Utiliser Vuex
2. Installer et utiliser le store Vuex
2.1 Installation
2.1.1 Avec un CDN
2.1.2 Avec npm ou yarn
2.1.3 Avec Vue CLI
2.2 État
2.2.1 Définir et accéder à une donnée de l'état
2.2.2 Utiliser mapState() pour générer les propriétés calculées
2.3 Accesseurs
2.3.1 Accéder à une donnée d'état via un accesseur
2.3.2 Utiliser mapGetters() pour générer les propriétés calculées
2.4 Mutateurs
2.4.1 Muter une donnée de l'état du store
2.4.2 Muter plusieurs données avec une mutation
2.4.3 Muter un objet ou un tableau
2.4.4 Utiliser un fichier de constantes pour lister les types de mutations
2.4.5 Utiliser mapMutations() pour générer les propriétés calculées
2.4.6 Les mutations avec la directive v-model
2.5 Actions
2.5.1 Utiliser les actions pour des traitements asynchrones
2.5.2 Utiliser mapActions pour générer les méthodes
2.5.3 Chaîner des actions asynchrones
3. Utiliser les modules pour organiser son store
3.1 Séparer le store en plusieurs fichiers
3.2 Utiliser les modules Vuex
Conclusion
Index
Date de parution : 09-2021
Ouvrage de 617 p.
17.8x21.6 cm
Épuisé