Vue 3: Everything you need to work as a Frontend Developer

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:

Chapter 1 - Introduction to Vue: 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.

Chapter 2 - Script, template and style blocks in Vue: 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.

Chapter 3 - Consume a Rest Api type CRUD with Vue and Oruga UI: 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.

Chapter 4 - Consume a CRUD-type Rest Api with Vue and Naive UI: 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.

Chapter 5 - State Manager - Pinia: 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 Book

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

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.
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.