How to use setTimeout and setInterval methods in JavaScript
There are times when you don’t want to execute a function immediately. You want it to delay its execution or run repeatedly after a certain time interval. JavaScript provides us with two methods to achieve that: setTimeout and setInterval. In this article, we will discuss these two methods and how we can use them to…
Read More “How to use setTimeout and setInterval methods in JavaScript” »
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…
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” »
PHP 8.1: read-only properties
Writing data transfer objects and value objects in PHP have become significantly easier over the years. Take for example a look at a DTO in PHP 5.6: And compare it to its PHP 8.0’s equivalent: That’s already quite the difference, though I think there’s still one big issue: all those getters. Personally, I don’t use them…
How to use :hover to modify the CSS of another class?
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.
Important most things you should know about JSX
What JSX is JSX is a syntax extension for JavaScript. Basically, it extends JavaScript so that constructs like HTML/XML can be used with JavaScript. It allows developers to use HTML syntax to compose JavaScript components. This makes it possible to have a clear and familiar syntax for defining DOM tree structures with attributes. Although it…
Read More “Important most things you should know about JSX” »
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 Get Environment Variables in Laravel ReactJS
This article will provide examples of react js environment variables. I would like to share with you how to get the env variable in the laravel react site. if you want to see an example of how to get environment variables in react js then you are in the right place. we will help you…
Read More “How to Get Environment Variables in Laravel ReactJS” »
Understanding State in React Components
A difference between state and props is that while the data stored by props are fixed throughout their lifetime, state store data that can be changed over time. This change can be in response to user actions, network responses, or anything. Also, while props are set by the parent component, state is changed internally by the component itself. A component’s state should be considered private data. This…
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…
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 clear your cache in npm
If you ever get weird errors in npm like Please run npm cache clean you may need to clean or refresh your npm cache. To fix this, you can try running npm cache clean. Run: “npm cache verify” for npm version 5 and up However if you’re running npm v5 and above, npm is supposed to be self-healing,…
How to add two-factor authentication (2FA) to WordPress using the Google Authenticator plugin.
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…
How to add page numbers in PDF in CodeIgniter
Step 1: Install CodeIgniter 4 To install CodeIgniter 4 we can install it through Composer or download CodeIgniter 4 directly here: Install via composer: Step 2: Change CodeIgniter Environment CodeIgniter is the default environment product, a security feature to add security when settings go wrong when it’s live. To change the environment, we will rename or…
Git basics: The simple commands to begin with
Git config command This command is used to configure settings accompanying your use of git on your local machine/computer. Here are the major settings and configurations executed with this command. You can configure these settings on a global or local level. NB:Your username and email should be the same as those on your GitHub or…
Best JavaScript Minifying Tools
Several JavaScript minification technologies are used by developers to reduce code size and improve performance. Each developer, on the other hand, has their own preferences and uses a different tool. There are a lot of JavaScript minification tools out there, and each one has its own set of advantages and disadvantages, so you’ll have to…
How to check the PHP version
Newer PHP versions come with more features and improvements while deprecating some obsolete features. Old PHP codes might not work with more recent PHP versions and vice versa. It is, therefore, essential to use the correct PHP version for your code. You can check the PHP version on your system by running the php command from the command line. There are also some PHP functions that you can use…
How to make a div always float on the screen in the top right corner with CSS?
Sometimes, we want to make a div always float on the screen in the top right corner with CSS. In this article, we’ll look at how to make a div always float on the screen in the top right corner with CSS. To make a div always float on the screen in top right corner…
Read More “How to make a div always float on the screen in the top right corner with CSS?” »
How to remove index.php from URL in CodeIgniter 4
CodeIgniter 4 projects, you’ll notice that the URL has an extra argument. It is index.php in your project URL. So, if you don’t want this extra dimension you can remove it. This will create a clean URL for your website. There are several ways to remove this index.php in CodeIgniter 4. You can create a…
Read More “How to remove index.php from URL in CodeIgniter 4” »
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>.