Vue.js 3 par la pratique
eBook - ePub

Vue.js 3 par la pratique

  1. French
  2. ePUB (adapté aux mobiles)
  3. Disponible sur iOS et Android
eBook - ePub

Vue.js 3 par la pratique

À propos de ce livre

Ce manuel pratique est dédié à Vue.js 3, le framework JavaScript qui a le vent en poupe. Je m'appelle Michel Martin et je vais vous accompagner tout au long de ce manuel très complet pour débutants. Pour être en mesure de la suivre, vous devez avoir des notions de HTML, de CSS et de JavaScript. Rien d'autre! Vous avez pris une excellente décision en décidant de vous former à Vue 3 et je suis vraiment content de vous retrouver ici. Dans les dix dernières années, les pages Web sont devenues de plus en plus puissantes et dynamiques grâce au langage JavaScript. Beaucoup de code qui s'exécutait côté serveur s'exécute désormais côté client. Le code JavaScript devient de plus en plus conséquent et difficile à gérer sur de gros projets. C'est là qu'interviennent les frameworks JavaScript, tels que Vue, React et Angular. De nos jours, les applications Web sont de plus en plus courantes et de plus en plus complexes. À un tel point que JavaScript aussi montre ses limites. Aujourd'hui, les frameworks modernes, tels que Vue, React et Angular offrent la possibilité de coder en TypeScript. Cette formation va vous montrer comment coder des projets Vue.js 3 en Vanilla JavaScript (c'est-à-dire en pur JavaScript) et en TypeScript. Comme vous allez le voir tout au long de ce manuel, Vue 3 est performant et relativement facile à prendre en main pour qui connait déjà les langages JavaScript, HTML et CSS. Contrairement à Angular et React, Vue.js vous permet d'incorporer du code Vue.js dans des projets existants, sans tout devoir réimaginer. Bien entendu, vous pouvez créer des projets complets avec Vue.js, en partant d'une feuille blanche. Vue.js permet de découper vos applications Web en composants réutilisables, chacun possédant son propre code HTML, CSS et JavaScript/TypeScript. Vous pouvez même créer des sites Web dynamiques de type SPA (Single Page Application), ou des widgets que vous pourrez facilement intégrer à des projets Web existants. Tout au long de cet ouvrage, vous trouverez des challenges dans lesquels vous devrez coder de petites applications en Vue.js 3. Jouez le jeu pour progresser encore plus vite dans votre apprentissage du framework. Une correction est systématiquement proposée à la suite de chaque challenge. Happy Coding!

Foire aux questions

Oui, vous pouvez résilier à tout moment à partir de l'onglet Abonnement dans les paramètres de votre compte sur le site Web de Perlego. Votre abonnement restera actif jusqu'à la fin de votre période de facturation actuelle. Découvrez comment résilier votre abonnement.
Pour le moment, tous nos livres en format ePub adaptés aux mobiles peuvent être téléchargés via l'application. La plupart de nos PDF sont également disponibles en téléchargement et les autres seront téléchargeables très prochainement. Découvrez-en plus ici.
Perlego propose deux forfaits: Essentiel et Intégral
  • Essentiel est idéal pour les apprenants et professionnels qui aiment explorer un large éventail de sujets. Accédez à la Bibliothèque Essentielle avec plus de 800 000 titres fiables et best-sellers en business, développement personnel et sciences humaines. Comprend un temps de lecture illimité et une voix standard pour la fonction Écouter.
  • Intégral: Parfait pour les apprenants avancés et les chercheurs qui ont besoin d’un accès complet et sans restriction. Débloquez plus de 1,4 million de livres dans des centaines de sujets, y compris des titres académiques et spécialisés. Le forfait Intégral inclut également des fonctionnalités avancées comme la fonctionnalité Écouter Premium et Research Assistant.
Les deux forfaits sont disponibles avec des cycles de facturation mensuelle, de 4 mois ou annuelle.
Nous sommes un service d'abonnement à des ouvrages universitaires en ligne, où vous pouvez accéder à toute une bibliothèque pour un prix inférieur à celui d'un seul livre par mois. Avec plus d'un million de livres sur plus de 1 000 sujets, nous avons ce qu'il vous faut ! Découvrez-en plus ici.
Recherchez le symbole Écouter sur votre prochain livre pour voir si vous pouvez l'écouter. L'outil Écouter lit le texte à haute voix pour vous, en surlignant le passage qui est en cours de lecture. Vous pouvez le mettre sur pause, l'accélérer ou le ralentir. Découvrez-en plus ici.
Oui ! Vous pouvez utiliser l’application Perlego sur appareils iOS et Android pour lire à tout moment, n’importe où — même hors ligne. Parfait pour les trajets ou quand vous êtes en déplacement.
Veuillez noter que nous ne pouvons pas prendre en charge les appareils fonctionnant sous iOS 13 ou Android 7 ou versions antérieures. En savoir plus sur l’utilisation de l’application.
Oui, vous pouvez accéder à Vue.js 3 par la pratique par Michel Martin en format PDF et/ou ePUB ainsi qu'à d'autres livres populaires dans Informatique et Programmation en JavaScript. Nous disposons de plus d'un million d'ouvrages à découvrir dans notre catalogue.

Informations

Éditeur
Mediaforma Learning
Année
2021
ISBN de l'eBook
9782373270679
Sujet
Informatique
Sujet
Programmation en JavaScript

Partie 1 – Premiers pas en Vue.js 3

Dans cette première partie, vous allez découvrir les principes de base de Vue.js 3 et vous allez commencer à programmer dans Visual Studio Code.

Pourquoi Vue.js 3

La version 3 de Vue.js a été publiée le 18 Septembre 2020. Une question se pose : devez-vous passer à la version 3 ou rester en version 2 ? Eh bien, plusieurs arguments font pencher la balance en faveur de la version 3 :
  • Vue 3 est plus rapide que Vue 2 : la taille du bundle créé par Webpack est réduite de plus de 40%, et le temps de chargement de la page est réduit jusqu'à 55%.
  • Le code source de Vue 3 a été complètement réécrit en TypeScript. Le langage TypeScript est donc pris en charge de façon native dans Vue 3.
  • Une nouvelle API (la composition API) est proposée en alternative à l'API historique (Options API). Utilisée dans les projets de grande envergure, elle facilite l'organisation du code et le partage des éléments réactifs à tous les niveaux de l'application.

Préparation de l'environnement de développement

Après cette brève introduction, je vous propose d'installer l'environnement de développement que vous utiliserez tout au long de ce manuel.

L'éditeur de code Visual Studio Code

Allez sur https ://code.visualstudio.com/ et installez Visual Studio Code en cliquant sur le bouton :
  • Download for Windows si votre ordinateur fonctionne sous Windows 10
  • Download Mac Universal si votre ordinateur fonctionne sous Mac OSX
  • .deb si votre ordinateur fonctionne sous une distribution Debian ou Ubuntu de Linux
  • ou .rpm si votre ordinateur fonctionne sous une distribution Red Hat ou Fedora de Linux
Image

Les extensions que vous devez utiliser dans VS Code

Plusieurs extensions de Visual Studio Code sont vraiment intéressantes lorsque vous développez en Vue.js. Cette section va vous montrer comment les installer.

L'extension Emmet

L'extension Emmet est intégré dans VS Code. Vous l'utiliserez pour créer un squelette standard HTML5. Créez un nouveau fichier HTML. Pour cela, cliquez du bouton droit dans le volet gauche de VS Code et sélectionnez New File dans le menu contextuel. Donnez un nom quelconque au nouveau fichier et une extension html. Par exemple test.html.
Pour créer un squelette standard HTML5, tapez html :5 et appuyez sur la touche Entrée du clavier. Voici le résultat :
Image
Les possibilités du plugin Emmet ne s'arrêt...

Table des matières

  1. Un cadeau avant de commencer la lecture
  2. Partie 1 – Premiers pas en Vue.js 3
  3. Partie 2 – Les composants Vue.js
  4. Partie 3 - Les applications SPA (Single Page Applications)
  5. Partie 4 - L'interface en ligne de commande Vue-Cli
  6. Partie 5 - Le gestionnaire d'état Vuex
  7. Partie 6 - Plus loin avec Vue.js