Vue.js Archives | Ahmed Shaltout

Vue.js

Screen Recording Using Javascript And Vue.js Tutorial

We will use MediaDevices Web APIs to screen record and preview the video, downloading and uploading it using Vue 3 and Javascript.

Vue.js

Vue 3 Multi Steps Form Using Pinia Store

Let’s code a multi-step registration form with validation using Vue.js 3. We will use Vueladite for validation and Pinia store as a state management system to store the form data and steps.

AI Vue.js

AI Security Camera Using TensorFlow.js And Vue

In this tutorial, we will make an intelligent security webcam using a pre-trained object detection model in javascript that can detect objects and play alarm until the thing goes away. It can detect a person, dog, cat, etc.

Vue.js

How To Use Dropzone.js With Vue 3

Let’s Create drag and drop upload Vue.js 3 component with Dropzone, the JavaScript libraries to handle dropped files. We use the original pure JavaScript Dropzone.js.

Laravel Vue.js

Vue 3 With Laravel Echo WebSockets | Chat App 05

Let’s connect our Vue.js application with the server via WebSocket, we will use Laravel Echo for real-time updates and connection.

Vue.js

Vue.js Chat App Frontend | Chat App 04

Let’s create Vue 3 Chat app frontend that will use Laravel RESTful API and WebSockets That we have made in the previous tutorials for creating a real-time chat app.

Laravel Vue.js

Building Laravel & Vue.js Chat App 00 | Introduction

This course is for building Laravel WebSockets and Vue 3 real-time chat applications. We will go step by step in 5 sessions.

Vue.js

Vue.js 3 Localization Tutorial With Vue I18n Example

Let’s make a Vue 3 multi-language web application that allows the user to change the interface language.

Bootstrap Vue.js

How To Make Navbar Link Active Per Page In Vue 3 And Bootstrap 5

Let’s make the navbar page link active when the user opens the page in Vue Router and Bootstrap 5.

Vue.js

Vuelidate Date And Time Validation Example Tutorial

Let’s make 3 examples of validation date and time in Vue 3 using the Vue.js model validation library Vuelidate. In the last example, we will use the Moment.js package.