To select all child elements recursively using CSS, we have used universal selector(*) with parent selector. In this article we are having eight paragraph elements out of which six are wrapped inside div container, our task is to select all child elements recursively using CSS. Steps to select all child elements recursively using CSS We will be following below mentioned steps to select all child elements recursively using CSS: We have used eight paragraph elements and six paragraph elements are wrapped inside div container. All the six paragraph elements are direct child elements ... Read More

JavaScript is a versatile language that is widely used for creating dynamic web applications. One of the most common data structures used in JavaScript is the array. An array is a collection of elements that can be of any type, including objects. In this article, we will discuss how to create an array with multiple objects having multiple nested key-value pairs in JavaScript. What are arrays? An array is a special type of object that stores a collection of values. These values can be of any data type, such as numbers, strings, booleans, and even other arrays. Arrays are a ... Read More

In this tutorial, we’re going to learn how to play a video from a particular time in video.js Player. Video.js is a well-known and widely used open-source HTML5 video player. It enables you to develop a video player for a broad range of video formats, including traditional video formats like mp4, WebM, Flv, and others, as well as current video-playing formats such as YouTube, Vimeo, and Twitch. So, for the purpose of this tutorial, we’re going to play a video from a particular time in the video.js player. Starting or playing a video from a specific time has a ... Read More

In this tutorial, we'll look at how to hide the seek bar or progress bar of a video player using video.js. Video.js lets you create video players for a video of video formats like mp4, WebM, and FLV and also for modern video playback formats like YouTube, Vimeo, Flash, etc. Video.js is widely used on a number of websites because of the extensive plugin support it provides alongside supporting a wide range of devices like desktops, mobiles, etc. For the purpose of this tutorial, we're to customize our video player by disabling or hiding the control bar of the video ... Read More

The javascript attribute names are case insensitive, so browsers are made in a way to interpret any uppercase characters to lowercase. This means, while using the DOM elements, camel Cased props names need to use their kebab-based (hyphen-delimited) equivalents. So let’s say that you are not sure of the type of value you might receive from the props in Vue.js. Usually, you will want every prop to have a specific type of value. But in a case when you want a prop to have a list of value types, you can use the following syntax to apply the same. props: ... Read More

Vue can be defined as a progressive framework for building user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. In the below article, we will see how to add elements to an array. An array is basically a collection of elements. This process of adding elements into an Array can be used in real life in different scenarios. For E.g.: It can be used for creating a shopping ... Read More

Let’s say you have two nested components i.e. a component inside another component. How will you be able to access the child methods from the parent? To access the child method from the parent method you could use ref. Or you can also access the descendants of a parent via the method this.$root (a parent component) which can access the child components using the this.$children array. In the same way, the child can access its parent via the this.$parent. The vue.js basically warns against these for the below two reasons − It tightly couples the parent to the ... Read More

The difference between a computed property and a method is that computed properties are cached, these properties only change when their dependency change. A method will be evaluated every time it is being called. The only useful situation is when the user wants the getter and needs to have the same parameterized. The same situation occurs in vuex also. Example Copy and paste the below code snipped in your Vue project and run the Vue project. You shall see the below output on the browser window. FileName - app.js Directory Structure -- $project/public -- app.js ... Read More

Whenever we insert an image in the front end of any system, it is very important to show the user proper data and images to enhance the user experience. In any project, an image is basically loaded from the remote path URL or from the application. An image may not be loaded properly in the below scenarios − Configuring the wrong image URL Poor Internet/Network connection It is very important to check if an image is loaded or not, because if an image does not load due to poor network connection we can try loading the image ... Read More

Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. We can dynamically add or remove elements from a list in VueJS using the v-model directive. All the possibilities are binded to a single channel while using this directive. When the user selects an option out of several options, the same will be added to the list. On ... Read More