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…
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 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” »
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” »
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 to trigger a button click from another button click event with JavaScript?
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?” »
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…
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” »
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.
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 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…
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 make the scrollbar visible in mobile browsers with CSS?
Sometimes, we want to make the scrollbar visible in mobile browsers with CSS. In this article, we’ll look at how to make the scrollbar visible in mobile browsers with CSS. To make the scrollbar visible in mobile browsers with CSS, we set the scrollbar’s width. For instance, we write to set the vertical width of…
Read More “How to make the scrollbar visible in mobile browsers with CSS?” »
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…
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 Delete Unused Database Tables 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” »
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” »
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 Define Global Variables for Twig Templates in Symfony 6
Sometimes we may need to inject the same variable in all the Twig templates. It can be done on each controller by passing a variable to template. However, it is not a good solution. This tutorial shows how to define global variables for Twig templates in Symfony 6 application. Global variables for Twig templates can…
Read More “How to Define Global Variables for Twig Templates in Symfony 6” »