Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Frontend Development Projects with Vue.js 3
Frontend Development Projects with Vue.js 3

Frontend Development Projects with Vue.js 3: Learn the fundamentals of building scalable web applications and dynamic user interfaces with Vue.js , Second Edition

Arrow left icon
Profile Icon Maya Shavin Profile Icon Raymond Camden Profile Icon Clifford Gurney Profile Icon Hugo Di Francesco
Arrow right icon
₹799.99 ₹2978.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.4 (15 Ratings)
eBook Mar 2023 628 pages 2nd Edition
eBook
₹799.99 ₹2978.99
Paperback
₹3723.99
Subscription
Free Trial
Renews at ₹800p/m
Arrow left icon
Profile Icon Maya Shavin Profile Icon Raymond Camden Profile Icon Clifford Gurney Profile Icon Hugo Di Francesco
Arrow right icon
₹799.99 ₹2978.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.4 (15 Ratings)
eBook Mar 2023 628 pages 2nd Edition
eBook
₹799.99 ₹2978.99
Paperback
₹3723.99
Subscription
Free Trial
Renews at ₹800p/m
eBook
₹799.99 ₹2978.99
Paperback
₹3723.99
Subscription
Free Trial
Renews at ₹800p/m

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Table of content icon View table of contents Preview book icon Preview Book

Frontend Development Projects with Vue.js 3

Starting Your First Vue Project

In this chapter, you will learn about the key concepts and benefits of Vue.js (Vue), how to set up the project architecture using the terminal (or command line), and how to create a simple Vue component with local data following the component fundamentals.

This chapter will cover the following topics:

  • Understanding Vue as a framework
  • Setting up a Vite-powered Vue application
  • Exploring data properties as a local state
  • Writing components with <script setup>
  • Understanding Vue directives
  • Enabling two-way binding using v-model
  • Understanding data iteration with v-for
  • Exploring methods
  • Understanding component lifecycle hooks
  • Styling components
  • Understanding CSS modules

By the end of this chapter, you will be able to describe the fundamentals of Vue lifecycle hooks and expressions and use various styling approaches and HTML syntax flavors to control the HTML template competently.

Left arrow icon Right arrow icon
Download code icon Download Code

Key benefits

  • Work through mini projects, exercises, and activities to learn Vue.js in a practical way
  • Create dynamic components and user interfaces that are fast and intuitive
  • Find out how you can get the most out of the Vue.js 3 framework and build an end-to-end project

Description

Are you looking to use Vue.js 3 for building web apps but don't know where to begin? Frontend Development Projects with Vue.js 3 will help you get to grips with the core concepts of this JavaScript framework using practical examples that simulate real-world web projects. With this updated edition, you’ll experience all aspects of the new and improved Vue.js 3 as you work on mini projects such as a chat interface, a shopping cart, a price calculator, a to-do app, and a profile card generator for storing contact details. These realistic projects are presented as bite-size exercises that you can enjoy even as you challenge yourself. Throughout the book, you'll discover how to manage data in Vue components, define communication interfaces between components, and handle static and dynamic routing to control application flow. You'll also work with Vite and Vue DevTools and learn how to handle transition and animation effects for an engaging user experience. Finally, you’ll see how to test your app and deploy it to the web. By the end of this Vue.js book, you'll have the skills that enable you to work like an experienced Vue developer to build professional apps that can be used by others and have the confidence to tackle real-world frontend web development problems.

Who is this book for?

This book is designed for Vue.js beginners. Whether this is your first JavaScript framework, or if you're already familiar with React or Angular, this book will get you on the right track. To understand the concepts explained in this book, you must be familiar with HTML, CSS, JavaScript, and Node package management.

What you will learn

  • Set up a development environment and start your first Vue.js 3 project
  • Modularize a Vue application using component hierarchies
  • Use external JavaScript libraries to create animations
  • Share state between components and use Pinia for state management
  • Work with APIs using Pinia and Axios to fetch remote data
  • Validate functionality with unit testing and end-to-end testing
  • Get to grips with web app deployment

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Mar 17, 2023
Length: 628 pages
Edition : 2nd
Language : English
ISBN-13 : 9781803236315
Languages :
Tools :

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : Mar 17, 2023
Length: 628 pages
Edition : 2nd
Language : English
ISBN-13 : 9781803236315
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
₹800 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
₹4500 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just ₹400 each
Feature tick icon Exclusive print discounts
₹5000 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just ₹400 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 9,681.97
Architecting Vue.js 3 Enterprise-Ready Web Applications
₹2978.99
Frontend Development Projects with Vue.js 3
₹3723.99
Vue.js 3 Design Patterns and Best Practices
₹2978.99
Total 9,681.97 Stars icon

Table of Contents

19 Chapters
Part 1: Introduction and Crash Course Chevron down icon Chevron up icon
Chapter 1: Starting Your First Vue Project Chevron down icon Chevron up icon
Chapter 2: Working with Data Chevron down icon Chevron up icon
Chapter 3: Vite and Vue Devtools Chevron down icon Chevron up icon
Part 2: Building Your First Vue App Chevron down icon Chevron up icon
Chapter 4: Nesting Components (Modularity) Chevron down icon Chevron up icon
Chapter 5: The Composition API Chevron down icon Chevron up icon
Chapter 6: Global Component Composition Chevron down icon Chevron up icon
Chapter 7: Routing Chevron down icon Chevron up icon
Chapter 8: Animations and Transitions Chevron down icon Chevron up icon
Part 3: Global State Management Chevron down icon Chevron up icon
Chapter 9: The State of Vue State Management Chevron down icon Chevron up icon
Chapter 10: State Management with Pinia Chevron down icon Chevron up icon
Part 4: Testing and Application Deployment Chevron down icon Chevron up icon
Chapter 11: Unit Testing Chevron down icon Chevron up icon
Chapter 12: End-to-End Testing Chevron down icon Chevron up icon
Chapter 13: Deploying Your Code to the Web Chevron down icon Chevron up icon
Index Chevron down icon Chevron up icon
Other Books You May Enjoy Chevron down icon Chevron up icon

Customer reviews

Top Reviews
Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.4
(15 Ratings)
5 star 66.7%
4 star 13.3%
3 star 13.3%
2 star 6.7%
1 star 0%
Filter icon Filter
Top Reviews

Filter reviews by




Nicolas Alexander Rau Nov 04, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I recommend this ebook because It´s a quite good reference for the Vue JS Framework.
Feefo Verified review Feefo
Patsy Phelan Jan 19, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Feefo Verified review Feefo
Milos Pavlovic Aug 01, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Feefo Verified review Feefo
Nina Ortega Mar 24, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I received this book for free from a connection through LinkedIn and I was eager to read through it since I use Vue.js a lot in my work and personal projects.I found this book to be an amazing resource. The two specific things I loved were the design of the book, the colors, sizes, and fonts used added so much to the read and made it a lot easier to follow than other books that I have read.The instructions in the book were also clear and easy to follow which is something that I really appreciated. Instead of digging through the same font text to find a line of code all the code is written out in different color text blocks in a different font.I definitely recommend this book to people like me, who struggle reading jargon-heavy documentation and just want a clear and direct set of instructions and explanations.
Amazon Verified review Amazon
Evony Apr 09, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
For starters, this book is worth so much more than the price shown. Since I already have extensive experience building apps with Vue.js 3, this book is a good source for solid documentation if you are a beginner to this JavaScript library.Secondly, this book incorporates up to date tools such as vite and the composition API. It even covers complex state management so no matter if you’re building large or small, this book scales with the project scope.It is extremely thorough with the examples that it provides. This is truly a resource that I would recommend for any front end developer who is building with Vue because you really don’t need anything else.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How do I buy and download an eBook? Chevron down icon Chevron up icon

Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else
How can I make a purchase on your website? Chevron down icon Chevron up icon

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)
Where can I access support around an eBook? Chevron down icon Chevron up icon
  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see www.packtpub.com/support and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to www.packtpub.com/account
  • To contact us directly if a problem is not resolved, use www.packtpub.com/contact-us
What eBook formats do Packt support? Chevron down icon Chevron up icon

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

What are the benefits of eBooks? Chevron down icon Chevron up icon
  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space
What is an eBook? Chevron down icon Chevron up icon

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.