Book Image

Vue.js 2 Web Development Projects

Book Image

Vue.js 2 Web Development Projects


Overview of this book

Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces. This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5. You'll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data. By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5.
Table of Contents (15 chapters)

Setting up the project

In this first part, we will cover Meteor and get a simple app up and running on this platform.

What is Meteor?

Meteor is a full-stack JavaScript framework for building web applications.

The mains elements of the Meteor stacks are as follows:

  • Web client (can use any frontend library, such as React or Vue); it has a client-side database called Minimongo
  • Server based on nodejs; it supports the modern ES2015+ features, including the import/export syntax
  • Real-time database on the server using MongoDB
  • Communication between clients and the server is abstracted; the client-side and server-side databases can be easily synchronized in real-time
  • Optional hybrid mobile app (Android and iOS), built in one command
  • Integrated developer tools, such as a powerful command-line utility and an easy-to-use build tool
  • Meteor-specific packages (but you can also use npm packages)

As you can see, JavaScript is used everywhere. Meteor also encourages you to share code between the client and the server...