VueJS

In this tutorial, we will generate FullStack Single Page Application(SPA) using MongoDB, Express, Vue, and Node.js CRUD Example Tutorial step by step. For this example, we will not use Vuex for state management because this app will be simple and not complicated. We will create an application to create, update, read, and delete the post. … Read more

Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google in 2014.   Firebase is a mobile platform that helps you quickly establish high-quality web and mobile apps, grow your user base, and earn more money.   Vue.js is an open-source JavaScript framework for building user interfaces. Integration into projects … Read more

Vue.js is responsive, touch compatible, easy to use, attractive, and feature-rich with icons, actions, etc. In this demo, when we save any data in the database, we will display a notification saying that the item has been successfully saved, or if we show any error, we can show it. For the backend, we use Laravel … Read more

This example shows how we can use Parcel as a module bundler for Vue.js web development. Most of the time, we have used webpack as a module bundler. It is very famous right now. But configuring the webpack is tedious. You need to have some knowledge about webpack plugins and configuration. Parcel solves this problem. It arrives with a Zero configuration. … Read more

Events are typically combined with functions, which will not be executed before the event occurs. In this tutorial, we will see how to listen for DOM events that we can use to trigger methods. Vue allows us to handle events triggered by the user. Handling events helps add interactivity to a web application by responding … Read more

I am using Vue 3.0. So first, we will install the Vue.js using Vue CLI, and then we will install the vue-dropzone library. Then configure it, and we are ready to accept the file. Vue File Upload Using vue-dropzone Dropzone.js is an open-source library providing drag-and-drop file uploads with image previews. DropzoneJS is lightweight, doesn’t … Read more

VuePress comprises two parts: a minimalistic static site generator with a Vue-powered theming system and a default theme optimized for writing technical documentation. Each page generated by VuePress has its own pre-rendered static HTML, providing excellent loading performance and is entirely SEO-friendly. Once a page is loaded, Vue takes over the static content and turns … Read more

We build a frontend in Vue.js and then send a network request to the node.js server, and the node will query the data to the elastic server. Finally, it will get a response and send the JSON response back to the Vue.js client. First, we create a Vue.js frontend, then create a Node.js server and … Read more

We use CSS3 properties to accomplish the goal. Apply animation effect on hover in Vue.js is very easy. First, we create a simple card with text and images. Then, when we hover that card, the image size will be increased but not spread out of the card. So we use the CSS transition property. Also, … Read more

Vue Laravel CRUD is vital for learning laravel and vue from scratch. CRUD (Create, Read, Update, and Delete) are the primary data operations and one of the first things you learn as a Laravel developer. We will learn how to build a small web application that creates, reads, updates, and deletes MySQL database. In addition, … Read more

Vue is already an excellent Javascript library that allows you to create dynamic front-end applications. Vue.js is also great for single-page applications (SPA).  Vue Router is the official router for Vue.js. It profoundly integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Features include: Nested route/view mapping. It is a modular, … Read more