Blog

Insights, tutorials, and thoughts on web development and technology.

Overlay a div with loading spinner image in center

Overlay a div with loading spinner image in center

At times when you are working with Asynchronous Ajax calls, you want to show a loading spinner on the center of the div which notifies the user that the API call is still in progress. Let see how w...

May 17, 2020 · Tushar
Simple Loan Interest Calculator in VueJS

Simple Loan Interest Calculator in VueJS

As a part of this exercise let's build a simple loan EMI calculator using VueJS. Loan EMI calculator is used in multiple websites in the field of home loans, auto loans, student loans, etc. In this...

May 15, 2020 · Tushar
Bootstrap display invalid-feedback server side validation

Bootstrap display invalid-feedback server side validation

I worked on a Bootstrap v4.4 form where the validation is done on the server-side (Laravel) and when I receive errors on the front-end (Vue), I need to apply some custom styling on the form input's to...

May 11, 2020 · Tushar
Laravel 7 Installation with Vue JS

Laravel 7 Installation with Vue JS

In this tutorial, We will cover how to setup a fresh Laravel 7 project along with Vue scaffolding. Let's get going. # Setup Laravel Project I am using a composer package laravel/installer to set...

May 10, 2020 · Tushar
Learn about Single File Components in Vue

Learn about Single File Components in Vue

Till now we have been working with Registering our Vue Components by using Vue.component method. But with Vue CLI the way you can write and register the components is a bit different. Open the App....

May 09, 2020 · Tushar
Project tour of new Vue CLI App

Project tour of new Vue CLI App

In this lesson, let's take a project tour of the app that is generated by Vue CLI / UI. This is the default directory structure of a Vue Project. Let's understand each file and folder one by...

May 08, 2020 · Tushar