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 Check Twig Version in Symfony
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
How to Display Breadcrumb without Plugin in WordPress
Breadcrumbs are navigation links, used to display links to all pages beyond the homepage. By default, it is placed at the top of the page and helps in back navigation. In WordPress, breadcrumbs play an important role on the posting page. There are many WordPress plugins available to add breadcrumbs to your site. But we…
Read More “How to Display Breadcrumb without Plugin in WordPress” »
How to display the last updated date of a post in WordPress
It is better to show the last updated date in the articles in addition to the created date. This will always help the readers to ensure the freshness of the post. It can easily be done on a WordPress site. There are two methods using which the last updated date can be displayed. The first…
Read More “How to display the last updated date of a post in WordPress” »
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 Object Destructuring in ES6
This is a follow-up article to my previous article on Array Destructuring. Except you have an idea of destructuring, you should read it. First, let’s see why object destructuring is needed. We want to extract data from the object and assign it to new variables. Before ES6, how would this happen? See how tedious it is…
How to Delete Files in Ubuntu Command Line
When you are new to the command line, even the simplest of the tasks may leave you searching the internet. Take the removal of files for example. You don’t have the luxury of right-clicking and opting for the delete option here. But when you know the right commands, things are not as scary. To delete…
How to Symfony Request
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…
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…
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) {…
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 use events listeners and Event Subscriber in Symfony
We use events to perform some tasks if an event occurs, these tasks can be achieved by using the followings: 1. Event Subscriber 2. Event Listeners Event Subscriber vs Event Listeners They both serve the same purpose but have different implementations. Both trigger some functions in the specific time of processing data by Symfony. We can declare…
Read More “How to use events listeners and Event Subscriber in Symfony” »
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:
Here are 10 platforms where you can find your next remote job as a developer.
1. remotive. io 2. flexjobs. com 3. producthunt 4. remoteok. com 5. justremote. co 6. weworkremotely. com 7. dailyremote. com 8. hired. com 9. remote. co 10. remoteleaf. com
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.
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…
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 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…
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…
How to split a string into an array with Twig
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…