Prior to ES6, classes have been in use in Javascript. ES6 just comes with a clean, nice-looking syntax for defining classes. It’s good to note that JavaScript’s class is just a more convenient way of creating constructor functions, which are very different from traditional classes. In this article, we will focus on: How to define…

Read More “ES6 classes” »

Debugging is a helpful feature for developers to identify the causes of issues. Most modern application frameworks allow you to enable debug mode, including Laravel. It is a good idea to keep enabling debug mode in your development environment. In your production environment, this value should always be false. This tutorial help to enable/disable debug…

Read More “How to Enable Debug Mode in Laravel” »

To use :hover to modify the CSS of another class, we can use it with another selector. For instance, we write to select the elements with the class wrapper in the elements with class item that we hovered on. We set its color and background-color for those elements.

Sometimes, we want to increase the browser zoom level on page load with CSS. In this article, we’ll look at how to increase browser zoom level on page load with CSS. To increase browser zoom level on page load with CSS, we set the zoom property. For instance, we write to set zoom to 2 on the zoom class. Then the…

Read More “How to increase browser zoom level on page load with CSS?” »

This is a follow-up article to my previous article on Array Destructuring. Except you have an idea of destructuring, you should read it. First, let’s see why object destructuring is needed. We want to extract data from the object and assign it to new variables. Before ES6, how would this happen? See how tedious it is…

Read More “How to Object Destructuring in ES6” »

You are already familiar with the basics of React. Also, having a good understanding of React Router DOM. This post will be totally dependent on these. If you don’t have a React app setup, then you can create it. Else, you can move ahead with the existing React App. Create React App You can create a…

Read More “How to Use useLocation Hook in React Router DOM V6” »

To toggle between a boolean flag in React, you can use the below custom hook that uses setState internally: Since the function returns an array, with a state and a callback function, you can use it in your component, just like you would for other built-in React hooks, like so:

Delete and remove files on ubuntu Linux using the terminal. In this tutorial, you will learn how to delete and remove a file on Ubuntu Linux-based system using a terminal or command prompt. This tutorial will use the rm command. It tries to remove the files specified on the command line. Use the rm command…

Read More “How to Delete and Remove Files on Ubuntu Linux Terminal” »

Sometimes, we want to make the scrollbar visible in mobile browsers with CSS. In this article, we’ll look at how to make the scrollbar visible in mobile browsers with CSS. To make the scrollbar visible in mobile browsers with CSS, we set the scrollbar’s width. For instance, we write to set the vertical width of…

Read More “How to make the scrollbar visible in mobile browsers with CSS?” »

Sometimes we may need to inject the same variable in all the Twig templates. It can be done on each controller by passing a variable to template. However, it is not a good solution. This tutorial shows how to define global variables for Twig templates in Symfony 6 application. Global variables for Twig templates can…

Read More “How to Define Global Variables for Twig Templates in Symfony 6” »

WordPress two-factor authentication (2FA) is a more simple work than you imagine. You can improve the security of your website by adding WordPress two-factor authentication. If you are worried about brute-force attacks and hacking, then you should instantly go for 2FA. The essential step in protecting your WordPress setup is adding a two-factor authentication system. If the…

Read More “How to add two-factor authentication (2FA) to WordPress using the Google Authenticator plugin.” »

WordPress is the widely used CMS for creating blogs. Installing WordPress is a very easy and simple process. It will take too less time to complete the Installation. There are many providers in the market that make the one-step WordPress installation possible by clicking the installer tool. In this tutorial, we are going to see…

Read More “WordPress Installation Steps” »

This tutorial assumes you already have a cPanel hosting service purchased and a domain name registered. If yes, Let’s go straight to the steps (If No, You can comment, I can give you steps on how to get a domain and hosting service) Step 1. Using the Terminal/CMD in your project directory, create a react…

Read More “How to Deploy or Host your ReactJS App in cPanel” »

Sometimes, we want to trigger a button click from another button click event with JavaScript. In this article, we’ll look at how to trigger a button click from another button click event with JavaScript. To trigger a button click from another button click event with JavaScript, we call the element click method. For instance, we write to…

Read More “How to trigger a button click from another button click event with JavaScript?” »

When you are new to the command line, even the simplest of the tasks may leave you searching the internet. Take the removal of files for example. You don’t have the luxury of right-clicking and opting for the delete option here. But when you know the right commands, things are not as scary. To delete…

Read More “How to Delete Files in Ubuntu Command Line” »

Use the following steps to remove or delete unused tables from database in WordPress using plugins garbage collector: Step 1 – Add Plugins Garbage Collector Step 2 – Active Plugins Garbage Collector Step 3 – Search Unused Tables From Database Step 4 – Remove or Delete Unused Tables Step 1 – Add Plugins Garbage Collector…

Read More “How to Delete Unused Database Tables in WordPress” »

Sometimes, we want to change background opacity when the Bootstrap modal is open with CSS. This article will look at how to change background opacity when the Bootstrap modal is open with CSS. To change background Opacity when Bootstrap modal is open with CSS, we set the opacity style in the modal-backdrop class. For instance, we write to set…

Read More “How to change background Opacity when the bootstrap modal is open with CSS?” »

Twig provides many filters that mimic the basic features of PHP that are easy to understand for front-end developers. One of those filters is a split filter that allows you to split a delimited string by a single character, returning a repeating array. You can limit the length of the result array providing it as…

Read More “How to split a string into an array with Twig” »

1. remotive. io 2. flexjobs. com 3. producthunt 4. remoteok. com 5. justremote. co 6. weworkremotely. com 7. dailyremote. com 8. hired. com 9. remote. co 10. remoteleaf. com

WordPress can update your website automatically. It can also update themes and plugins on your site. Choosing to automatically update a website can provide additional security benefits and at the same time, the chances of breaking your site’s style or functionality cannot be ignored. It is more relevant in the case of websites built with…

Read More “How to Disable WordPress Auto Update? Turn Off WordPress Auto Updates” »