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” »
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…
How to PHP Get Max Value From Array
PHP gets the max/maximum/largest value from the array. This tutorial has the purpose to explain to you several easy ways to find or get the maximum or largest value from an array in PHP. Here, we will take e.g. PHP gets the maximum value in an array, get the largest number in the array PHP…
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” »
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” »
Dealing with deprecations
1. Deprecations are helpful It’s a common complaint: “why do my PHP scripts break with minor version updates??”. And quite right: PHP has a tendency to add deprecation notices in minor releases, which tend to be audibly present when upgrading a project. It’s important to understand what deprecations are about: they aren’t errors, they are notices….
CSS
What is CSS ? CSS for Cascading Style Sheets CSS describes how HTML elements are to be displayed on the screen, on paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files Syntax CSS is…
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 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?” »
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 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 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?” »
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…
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 Recover Deleted WhatsApp Messages
Recover Deleted Messages From Google Drive & iCloud For Android For Android users, one of the best ways to restore your deleted WhatsApp messages is to restore your backup from Google Drive. But It is only possible if you have set your backup option ON in App. If you have not set a backup option…
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 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” »
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…
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” »
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) {…