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” »

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…

Read More “4 Methods to Search an Array” »

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…

Read More “Understanding State in React Components” »

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” »

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?” »

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” »

Twig provides many filters that mimic the basic features of PHP that are easy to understand for front-end developers. One of those filters is a split filter that allows you to split a delimited string by a single character, returning a repeating array. You can limit the length of the result array providing it as…

Read More “How to split a string into an array with Twig” »

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?” »

Finding out which version of the Twig you have installed in Symfony framework can be useful when solving bugs or installing packages. This tutorial shows how to check Twig version in Symfony. We can use the Environment::VERSION constant to determine Twig version. test.php This constant can be used in the template as follows: templates/test/index.html.twig

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…

Read More “PHP 8.1: read-only properties” »

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” »

The inverse string problem is a general algorithm problem. In this article, we will consider four JavaScript solutions for that. Reversing a string is, well, reversing a string. Okay, here’s the problem statement: Write a function that reverses a string. If you pass “Teach” to the function, it should return “hcaeT” and “listen” should become…

Read More “How to Reverse A String with JavaScript” »

Sometimes, we want to fix getFullyear() is not a function with JavaScript. In this article, we’ll look at how to fix getFullyear() is not a function with 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…

Read More “How to fix getFullyear() is not a function with JavaScript?” »

Sometimes, we want to change the link color of the current page with CSS. In this article, we’ll look at how to change the link color of the current page with CSS. To change the link color of the current page with CSS, we set the color  background-color properties. For instance, we write to set the text color…

Read More “How to change the link color of the current page with CSS?” »

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…

Read More “15 Best Free Open Source eCommerce Platforms” »

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…

Read More “Best Practical CSS Tips” »

PHP sends email using the Inbuilt PHP MAIL() function. This tutorial shows you how you can send emails in PHP using the inbuilt PHP mail() function. If you work with PHP, you need to send emails to users like when the user registered with us, send a reset password link in the mail, if any…

Read More “How to Send Email from Localhost in PHP” »

I’m very happy with the constructor property promotion RFC, it’s passed and will be added in PHP 8. You see, this feature reduces a lot of boilerplate code when constructing simple objects such as VOs and DTOs. In short: property promotion allows you to combine class fields, constructor definition, and variable assignments all into one syntax,…

Read More “PHP 8: Constructor property promotion” »

post is about how to deploy React app in a sub-directory on cPanel. So, for this, you need a React Application setup and a cPanel ready for deployment. You can host React app on Firebase or any free hosting as well. That, I will cover in another post. React App cPanel/WHM Once, you are ready, let’s start…

Read More “How to Deploy a React application on a cPanel” »

Symfony request tutorial shows how to work with request objects in Symfony. We show several ways how to create request objects in Symfony. Symfony Symfony is a set of reusable PHP components and a PHP framework for web projects. Symfony was published as free software in 2005. The original author of Symfony is Fabien Potencier. The…

Read More “How to Symfony Request” »