This article discusses what local storage is and the JavaScript methods that we can use to manipulate it. What is Local Storage? Local storage is a web storage object that is available in a user’s browser. It allows JavaScript browsers to store and access data right in the browser. Basic CRUD operations (create, read, update…

Read More “How to use the Local Storage in Javascript” »

Now, Open a terminal and start following the below steps. Step 1 . Install Ngnix. our system is updated now we will install Nginx. Ngnix is installed, Now we will configure the firewall, we will allow port 80 and port 443. Now open your IP in the web browser you will see the output, If…

Read More “How To Install Nginx, PHP on Ubuntu 22.04” »

I’m very happy with the constructor property promotion RFC, it’s passed and will be added in PHP 8. You see, this feature reduces a lot of boilerplate code when constructing simple objects such as VOs and DTOs. In short: property promotion allows you to combine class fields, constructor definition, and variable assignments all into one syntax,…

Read More “PHP 8: Constructor property promotion” »

Parameter The Symfony parameter is a variable stored in the service container. Use parameters when you want to separate out values that regularly change as well as for reusable purposes.We should prefix with ‘app’ to prevent conflicting with parameters from Symfony and 3rd party bundle, the following example is a parameter for sender email: #…

Read More “How to Symfony parameters and environment variables use” »

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?” »

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:

Breadcrumbs are navigation links, used to display links to all pages beyond the homepage. By default, it is placed at the top of the page and helps in back navigation. In WordPress, breadcrumbs play an important role on the posting page. There are many WordPress plugins available to add breadcrumbs to your site. But we…

Read More “How to Display Breadcrumb without Plugin in WordPress” »

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” »

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.

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” »

Most Popular Programming Languages Javascript Python Java C/C++ C# PHP GO Kotlin Scala R 1. JavaScript According to the stats, there are almost 1.8 billion websites in the world. And about 95% of them run with the help of Javascript. A Bit of Javascript History Javascript originated in the labs of Netscape as part of…

Read More “TOP 10 MOST POPULAR PROGRAMMING LANGUAGES IN 2022” »

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” »

Welcome to the tutorial on Git. Here you will learn how to Create a Repository, and how to clone or copy other repositories. A Repository is a project that is tracked and managed by Git. Thus, Git tracks changes by storing snapshots of project versions in a .git file. Git Config There is a need…

Read More “How to create the first Git Repository” »

A component props is an object that holds information about that component. They are similar to attributes in HTML. In fact, they are passed to the components the same way attributes are passed to HTML. Here’s the code for the component we made in my previous article. Adding Properties to Components So let’s say we want to…

Read More “ReactJs Properties” »

Sometimes, we want to change the link color of the current page with CSS. In this article, we’ll look at how to change the link color of the current page with CSS. To change the link color of the current page with CSS, we set the color  background-color properties. For instance, we write to set the text color…

Read More “How to change the link color of the current page with CSS?” »

We use events to perform some tasks if an event occurs, these tasks can be achieved by using the followings: 1. Event Subscriber 2. Event Listeners Event Subscriber vs Event Listeners They both serve the same purpose but have different implementations. Both trigger some functions in the specific time of processing data by Symfony. We can declare…

Read More “How to use events listeners and Event Subscriber in Symfony” »

Sometimes, we want to move an entire div element up x pixels with CSS. In this article, we’ll look at how to move an entire div element up x pixels with CSS. To move an entire div element up to x pixels with CSS, we set the margin-top property. For instance, we write to move the div…

Read More “How to move an entire div element up x pixels with CSS?” »

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?” »

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” »

post is about how to deploy React app in a sub-directory on cPanel. So, for this, you need a React Application setup and a cPanel ready for deployment. You can host React app on Firebase or any free hosting as well. That, I will cover in another post. React App cPanel/WHM Once, you are ready, let’s start…

Read More “How to Deploy a React application on a cPanel” »