How to make the div move up and down when scrolling the page with CSS?
Sometimes, we want to make the div move up and down when scrolling the page with CSS. In this article, we’ll look at how to make div move up and down when scrolling the page with CSS. To make the div move up and down when scrolling the page with CSS, we make the div…
Read More “How to make the div move up and down when scrolling the page with CSS?” »
How to Delete and Remove Files on Ubuntu Linux Terminal
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” »
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 Symfony parameters and environment variables use
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” »
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 use the Local Storage in Javascript
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…
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…
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…
15 Best Free Open Source eCommerce Platforms
When it comes to open source eCommerce platforms, there are plenty to choose from. Here, we look closely at the 15 best available, which should help guide you in the right direction. I’m not going to lie- finding the perfect platform is difficult. Each one has its own set of pros and cons and has…
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 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.
How to Install a WordPress Plugin for Beginners
WordPress plugins are used to enable addon features to the web application developed in WordPress. Many features do not come with the WordPress core by default. So, if we need to extend the functionality of the WordPress application, then we need to use the plugins. There are many plugins available in the market for WordPress…
Read More “How to Install a WordPress Plugin for Beginners” »
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 change password in the CodeIgniter framework
How to send forgot password in CodeIgniter framework PHP. Here we using 2 files to insert data in MySQL: Forms.php Path: codeIgniter\application\controllers\Forms.php forgot_pass.php Path: codeIgniter\application\views\change_pass.php Forms.php (Controller) <?php class Forms extends CI_Controller { public function __construct() { parent::__construct(); $this->load->database(); $this->load->library(‘session’); $this->load->helper(‘url’); $this->load->model(‘Hello_model’); } public function forgot_pass() { if($this->input->post(‘forgot_pass’)) { $email=$this->input->post(’email’); $que=$this->db->query(“select pass,email from user_login where email=’$email'”); $row=$que->row();…
Read More “How to change password in the CodeIgniter framework” »
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” »
Difference Between Git and GitHub
Git and GitHub are the same and serve the same purpose, but this is not the case. Git is a version control system used to manage different versions of our project whereas GitHub is a Git repository hosting service. Git- Git is a very popular version control system used to manage projects. However, a version…
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.
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 change background Opacity when the bootstrap modal is open 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?” »
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…