How to Add Reset Button in jQuery UI Datepicker
I am using the jQuery UI date picker plugin to add the date picker dialog to the text input field. Since the input field is a read-only element, it is not allowed to clear the selected date. Is there any option to add a reset button in the date picker to clear the date from…
Read More “How to Add Reset Button in jQuery UI Datepicker” »
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…
How To Install Nginx, PHP on Ubuntu 22.04
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…
How to increase browser zoom level on page load with CSS?
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?” »
What is SSH in Linux?
SSH stands for Secure Shell, and it is a network protocol that provides a secure way to access and manage a remote computer over an unsecured network. In the context of Linux, SSH is widely used for secure command-line access to servers, allowing users to execute commands, transfer files, and perform other administrative tasks on…
How to Change SSH Port in Linux
SSH (Secure Shell) is the most popular protocol for connecting remote Linux systems. Changing the SSH port will provide you with an extra layer of security. The new port will be a little harder to identify for hackers. Change SSH Port in Linux Changing the SSH port is a straightforward process in Linux systems. Any…
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 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” »
WordPress Installation Steps
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…
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…
How to Search Recently Modified Files in Linux
This post will help you to find recently modified files in Linux via the command line. The find command works with, defining duration in Minutes or Days. The minutes are defined with -mmin and the day’s value can be defined with -mtime You can also define the search criteria to find files modified within or before the specified…
Read More “How to Search Recently Modified Files in Linux” »
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…
How to install Git on Linux
Linux is a popular and as well as widely used operating system. The installation of Git on Linux is quite simpler when compared to other platforms. However, one has to use the right package manager for Linux distribution.We will proceed with this tutorial to see how to install and set up Git on various distributions…
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>.
ReactJs Properties
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…
Best Practical CSS Tips
1. First letter drop We can use :first-letter it to drop the first letter of the text. The:first-letter selector is used to specify the style of the first letter of an element, it only applies to block-level elements. The effect is as follows. See the Pen Untitled by TeachDeveloper (@TeachDeveloper) on CodePen. 2. Image text wrapping Shape-outside is…
How to Make Toggles With React Hooks
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:
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 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” »
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…