Vuejs 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.

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.

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.

Bootstrap Vue.js

Vue 3 Form Validation Example With Explanation

Let’s see How to validate form inputs in Vue.js 3 With this Vue 3 form validation example that covers the most commonly used inputs.

Bootstrap Vue.js

How To Make A Vue 3 Shopping Cart

Let’s make an e-commerce shopping cart in Vue.js 3 using Vuex and Web Storage to save the items in the browser for the next session after the user closes the website.