Sending mails over the internet has become one of the most significant features every web application would love to integrate. In this article, we will see how to send email templates using Nodemailer as our transporter service, Handlebars, as our email templating engine. What We will be building We will build a simple application where […]
Getting user input is crucial for many web apps as it enables the web app to give the user a more personalized experience. However, getting user input is not so straightforward because you have to: Make sure you are getting the right input from the user Make sure the input is in the correct format […]
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 […]
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 […]
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, 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 […]
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 […]
Just like every other application out there that grows in size, Vue.js applications also deteriorate in performance as the application grows. In this article, we’ll briefly discuss some of the techniques in optimizing Vue.js applications. Let’s get cracking. The ways to optimize a Vue.js application Here are a few tips to make your Vue applications […]
In this article, we will be building an authentication system in Vue using expressjs, MongoDB and JSON web token(JWT) for the authentication. we will start by creating a simple REST API that will enable a user to signup and login with their details. Before we kick off Learn Vue.js and modern, cutting-edge front-end technologies from […]
One of the best features that JavaScript frameworks are known for is their reactivity and Vue is no exception. In this tutorial, we’ll be looking at how to add reactive properties in a component’s instance after initialization. Before we kick off Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with […]
