0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Vue.js 3 By Example

You're reading from Vue.js 3 By Example Blueprints to learn Vue web development, full-stack development, and cross-platform development quickly

Product type Paperback

Published in Apr 2021

Publisher Packt

ISBN-13 9781838826345

Length 320 pages

Edition 1st Edition

Languages

Typescript

Tools

Vue

Concepts

Front End Web Development

Author (1):

John Au-Yeung

View More author details

Table of Contents (10) Chapters

Preface

1. Chapter 1: Creating Your First Application in Vue 3

2. Chapter 2: Building a Vue 3 Progressive Web App FREE CHAPTER

3. Chapter 3: Building a Slider Puzzle Game with Tests

4. Chapter 4: Building a Photo Management Desktop App

5. Chapter 5: Building a Multipurpose Calculator Mobile App with Ionic

6. Chapter 6: Building a Vacation Booking App with the PrimeVue UI Framework

7. Chapter 7: Creating a Shopping Cart System with GraphQL

8. Chapter 8: Building a Chat App with Vue 3, Laravel, and Socket.IO

9. Other Books You May Enjoy

Chapter 4: Building a Photo Management Desktop App

So far, we have only built web applications with Vue 3. In this chapter, we will build a photo management desktop app with the Vue Electron plugin. We will learn how to easily build cross-platform desktop apps with Electron and Vue. This is useful because we can build cross-platform desktop apps without much additional effort. This will save us time and get us good results.

In this chapter, we will focus on the following topics:

Understanding components
Creating a project with Vue CLI Plugin Electron Builder
Adding a photo submission UI
Adding a photo display
Adding routing to the Photo Manager app
Using our app with photo management APIs

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

John Au-Yeung

John Au-Yeung

John Au-Yeung is a frontend developer who has extensive experience with the latest frontend technologies. He has an MSc in information technology and a BSc in mathematics. He is also a part-time blogger who writes about the latest frontend development technologies. In addition, he is an author of many self-published books about JavaScript programming. He has extensive experience with Vue and React and loves working with both. JavaScript programming is his focus and is what he does every day.

See other products by John Au-Yeung

Other recommended products

Related to this chapter

Testing Vue.js Components with Jest

Testing Vue.js Components with Jest

Through this comprehensive guide, you'll learn several techniques to develop robust and bug-free applications, including shallow rendering, snapshot testing, and dependency mocking.

Oct 2019 2h 56m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you’ll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Full-Stack Vue.js 2 and Laravel 5

Full-Stack Vue.js 2 and Laravel 5

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end. In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

Dec 2017 12h 32m

Full-Stack Vue.js 2 and Laravel 5

Full-Stack Vue.js 2 and Laravel 5

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end. In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

Dec 2017 12h 32m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m