The composition API is a new and optional way of creating and organizing components in a Vue 3 application. The Composition API allows reactive component logic to be defined more intuitively by allowing all the code for a specific feature (search, for example), to be grouped together. Using the Vue composition API will make your […]
We will be looking at how we can use Firebase Realtime Database and Vuejs to build a chat app. Once users are signed in, we’ll learn how to store user chats in the Firebase Realtime database which allows our chat app to update in realtime. The client application is going to be built in Vue […]
In this tutorial, we will be building a shopping cart with Vue and Vue-material-design. In the course of this article, you will learn how to use Vuex and Vue material design In a Vue application by building a shopping cart. You can check Live demo & source code if you want to refer to it or […]
In this Vuejs electron tutorial, we will build a note-taking desktop application. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application. Prerequisites Familiarity with HTML, CSS, and JavaScript (ES6+). Vs code […]
Single-page applications (SPAs) continue to gain more and more popularity every day. As the complexity of these SPAs increases, the need for dynamic/realtime data increases as well. APIs provide a way to bridge the gap between the SPA and the backend. There are times, however, when the required API is not available or it’s just […]
In this article, we will build a text messaging app using Nodejs, Twilio, and Vuejs. Twilio is a cloud-based service that enables powerful communication between mobile devices, applications, services, and systems throughout the business in order to bridge the gap between conventional communication. Prerequisites Familiarity with HTML, CSS, and JavaScript (ES6+). Vs code or any […]
In this article, you will learn how to Consume Restful Data in a Vue application using Axios by creating a simple Vue web application that keeps track of all the Corvid-19 cases around the world. Our App will consume data from Microsoft API that will provide us with all the information we need about the […]
In this tutorial, we will be building a simple drawing app with Vuejs and Html5 Canvas. Basically the HTML <canvas> element is used to draw graphics on a web page. Vuejs is a progressive Javascript framework for building user interfaces. Here’s the demo of our app! Prerequisites Familiarity with HTML, CSS, and JavaScript (ES6+). Vs […]
In this article, we will learn how to write test in vue using Jest as a test runner. So what is exactly is Jest?… Jest is a delightful JavaScript Testing Framework that focuses on simplification of unit testing. A unit test is a method that invokes another piece of code and checks the correctness of […]
This tutorial is targeted at the Vue developer who wants to dive into Vue graphQL. You need a workable knowledge of Vue to follow along. Table of Content: what is graphQL What is Apollo Setting up graphQL server with node.js and Apollo server Installing Vue.js using vue CLI Installation and setup of Apollo client building […]
This tutorial is targeted at developers who know the basics of Bootstrap and Vue.js framework but need a practical example to properly grasp the above technologies. If you are an absolute beginner, I would suggest you take some absolute beginner crash courses before heading over to this. With that said, Let’s get started. Before we […]
Introduction: This is a brief tutorial that is intended to bring an absolute beginner up to speed with Vuex. Previous knowledge of Vue.js is required to follow along. we hope to cover the following key factors by the end of the tutorial: What is Vue.js store/Vuex How Vuex works The Vuex store Working with state […]
Web applications handle lists of data for various reasons: showing a list of registered users, checkout page with items to be purchased or a log of previous transactions. A list is such a common construct that it’s a good fit for an abstraction. Vue makes it convenient to render lists of data with a nice […]
Using Vuejs mixins is a way to re-use functionality across multiple components in your web application. This is a good idea if you have multiple components sharing the same functionalities. Vuejs Mixins can contain any component options and when used, they are combined with the component’s options. How to use mixins in Vue Firstly, you […]
Working on a Vue.js application, there’s a high chance that components or items are going to be inserted, updated from the DOM. It’s always good practice to ease that process to obtain a great user experience. In this article, I’ll be giving a brief overview of the difference in making a Vue application smooth by […]
