How to Use useLocation Hook in React Router DOM V6
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” »
How to Convert PHP CSV to JSON
JSON format is a widely used format when dealing with API development. Most of the existing API responses are in JSON format. Converting CSV content to JSON format in PHP is easy. In this article, we will look at various methods of achieving this conversion. The above quick example in PHP converts the CSV file…
How to create the first Git Repository
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…
4 Methods to Search an Array
There are different methods in JavaScript that you can use to search for an item in an array. The use of these methods depends on your specific use case. For instance, do you want to get all items in an array that meet a specific condition? Do you want to check if any item meets…
How to Display Breadcrumb without Plugin in WordPress
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” »
How to move an entire div element up x pixels with CSS?
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?” »
How do sum values from an array of key-value pairs in JavaScript?
To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead. For instance, we write to call start.getFullYear to return the 4-digit year number of the start date. Conclusion To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead.
How to check PHP version using the command line
If you have access to the command line or terminal, then you can check your PHP version by running the php -v or php –version command. Here’s an example of the output: You can see that the command shows the PHP version as PHP 8.1.5. But sometimes you may not have access to the command line, or you may install…
Read More “How to check PHP version using the command line” »
How to Deploy a React application on a cPanel
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…
What’s new in PHP 8.2
PHP 8.2 will be released on November 24, 2022. In this post, we’ll go through all features, performance improvements, changes, and deprecations one by one. Readonly classes rfc This RFC builds on top of them and adds syntactic sugar to make all class properties readonly at once. Instead of writing this: You can now write this: Functionally, making…
Difference between var, let, and const in JavaScript
A lot of shiny new features came out with ES2015 (ES6). And now, since it’s 2020, it’s assumed that a lot of JavaScript developers have become familiar with and have started using these features. While this assumption might be partially true, it’s still possible that some of these features remain a mystery to some devs….
Read More “Difference between var, let, and const in JavaScript” »
How to Object Destructuring in ES6
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…
Common Mistakes with Conditionals
This article will go over some mistakes that are easy to make when writing more complex programs with conditional. Mistake 1: Not treating expressions as distinct:Let’s say we want to print something if your variable $num is equal to 1 or 2 or 3. Why doesn’t the following code work? $num = 5; if ($num === 1 || 2 || 3) {…
How to Deploy or Host your ReactJS App in cPanel
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” »
10 Programming Habits that every Developer Should Adopt
Write Human-Friendly Code Always remember that you are not writing code for machines but for others too. So it is essential to come up with a readable code. It is true that programming is like writing a good poem. The tone should be very consistent, the words should be descriptive & sentence well-structured. Here are…
Read More “10 Programming Habits that every Developer Should Adopt” »
How to use events listeners and Event Subscriber in Symfony
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” »
How to Create Live Search in HTML table with jQuery
This tutorial shows you client-side searching in an HTML table with jQuery this is a very simple and easy code snippet you can use it in small apps reporting where you want to add fast searching you can use this code snippet as a 10-line of code to make a simple. The code for this…
Read More “How to Create Live Search in HTML table with jQuery” »
HTML Basic Examples
In this chapter, we will show some basic HTML examples. Don’t worry if we use tags you haven’t learned about yet. HTML Documents All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>.
How to Enable Debug Mode in Laravel
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…
ES6 classes
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…