Vue.js Développez des applications web modernes en JavaScript avec un framework progressif

30383 CFA

PRÉSENTATION

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.

  Poser une question
Comparer

TABLE DES MATIÈRES

  • 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
    • 1. Définition et installation
      • 1.1 Définition
      • 1.2 Installation
        • 1.2.1 Télécharger le plugin ou utiliser un CDN
        • 1.2.2 Utiliser npm
        • 1.2.3 Utiliser Vue CLI
      • 1.3 Déclaration du routeur
    • 2. Usage
      • 2.1 Définition d’une route
      • 2.2 Résolution d’une route
      • 2.3 Mode historique
      • 2.4 Affichage des composants dans des vues routeur
        • 2.4.1 La vue par défaut
        • 2.4.2 Les vues nommées
      • 2.5 Naviguer à l’aide des liens <router-link>
        • 2.5.1 Fonctionnement
        • 2.5.2 La classe active
        • 2.5.3 Les props de <router-link>
        • 2.5.4 Les routes nommées
      • 2.6 Routes dynamiques
        • 2.6.1 Utilisation des segments dynamiques
        • 2.6.2 Récupérer les segments dynamiques avec $route
        • 2.6.3 Utiliser les segments dynamiques pour passer des valeurs aux props d’un composant
        • 2.6.4 Passage entre deux chemins liés à la même route
      • 2.7 Les routes imbriquées
    • 3. Navigation programmée
      • 3.1 Navigation programmée avec $router
        • 3.1.1 $router.push() et $router.replace()
        • 3.1.2 $router.forward(), $router.back(), $router.go()
      • 3.2 Les intercepteurs de navigation
        • 3.2.1 Des intercepteurs globaux, par route ou par composant
        • 3.2.2 Flux de résolution lors d’un passage d’une route à l’autre
        • 3.2.3 Déclaration d’un intercepteur
        • 3.2.4 Exemple d’utilisation d’un intercepteur global
        • 3.2.5 Exemple de chargement de données avant la navigation
      • 3.3 Les redirections
    • 4. Pour aller plus loin
      • 4.1 Les transitions
        • 4.1.1 Le composant <transition>
        • 4.1.2 Exemple d’une transition entrante et sortante en fondu
      • 4.2 Optimisation des performances
        • 4.2.1 Utilisation du lazy-loading avec les composants asynchrones
        • 4.2.2 Utiliser le préchargement avec la méthode webpackPrefetch
  • Utiliser Vuex pour la gestion d’états.
Catégorie

Avis des clients

0.0
0 avis

Il n'y a pas encore d'avis.

Soyez le premier à donner votre avis sur “Vue.js Développez des applications web modernes en JavaScript avec un framework progressif”

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Plus d'offres pour ce produit!

Questions et demandes générales

Il n'y a pas encore de demandes de renseignements.