Vue is a versatile framework used in creating SPA-type websites; It is a modular, component-based technology where a component can be seen as a small piece of code and we can group components together to create more complex components.

Vue is a small, simple and lightweight framework if we compare it with other frameworks like React or Angular, but its simplicity gives us windows like:

• Less steep learning curve than your competition.
• The framework is smaller than the competition (about 470 KB and 18 KB minified).
• It is a versatile framework which means that it can be used together with other solutions such as typescript.
• It is a reactive framework, which means that when your data model is updated the view is updated and vice versa.
• Vue is a progressive framework, which means that we can extend it through other officially supported plugins such as Vuex, Router, Testing, among others.

This book is mostly practical, we will learn the basics of Vue, knowing its main features based on a small application that we will expand chapter after chapter.

This book consists of 5 chapters, with which we will learn in detail the most important and basic features of Vue in version 3:

1. Chapter 1: In this chapter we are going to learn about the basic features of Vue such as its main features, installation modes and project creation, we will make a hello world to present the main features of the web framework.
2. Chapter 2: In this chapter we are going to learn about the 3 blocks of Vue, script block, template and style, in addition to creating small examples to present the main features of Vue.
3. Chapter 3: In this chapter we are going to create our first CRUD type project using Vue and an existing CRUD type Rest Api; that is, a Rest Api with a limited scope using with Oruga UI as a component-based client-side web framework.
4. Chapter 4: In this chapter we are going to create another CRUD type application in Vue using Naive UI instead of Oruga UI as a component-based web framework.
5. Chapter 5: In this chapter we are going to create an application with Pinia and learn how to use this state manager and understand its components, which are the store, state, actions and getters.

About the Author

This book was prepared by Andrés Cruz Yoris, Graduate in Computing, with more than 10 years of experience in the development of web applications in general; I work with PHP, Python and client-side technologies such as HTML, JavaScript, CSS, Vue among others and server-side technologies such as Laravel, Flask, Django and CodeIgniter. I am also a developer in Android Studio, xCode and Flutter for creating native applications for Android and IOS.

I put at your disposal part of my learning, reflected in each of the words that make up this book, my sixteenth book on software development, but the first focused exclusively on JavaScript, for the development of web applications with Vue in its version 3.

About the Book

This guide is intended to take your first steps with Vue 3 using JavaScript; with this, we are going to propose two things:

1. It is not a book that aims to know 100% of Vue in its version 3, or from zero to expert, since it would be too big an objective for the scope of this guide, otherwise, to know what it offers us and create the first web applications with Vue, know the use of components, hooks among other features of the framework.
2. It is assumed that the reader has at least basic knowledge of JavaScript, HTML and CSS.

This book has a practical approach, knowing the key aspects of the technology and moving into practice, gradually implementing small features of an application that has real scope.

To follow this book you need to have a computer with Windows, Linux or MacOS.

The book is currently in development.

 

This book is currently in development and will have more chapters both at the end and in intermediate chapters; The book has two chapters taken from other books (Laravel and Django) that were adapted for this book.