#webdev #symfony #symfony71 #php84

Symfony 7.1 curated new features

Like for 6.4/7.0, I forgot to post the curated list of features for Symfony 7.1. Let's fix this.

As for any other Symfony release, our backward compatibility promise applies and this means that you should be able to upgrade easily to 7.1 without changing anything in your code.

👉 Read article

@webdev_trends

#webdev #javascript #learning

The Differences Between var, let, and const Through the Prism of the ECMAScript Standard.

Many articles explain the differences between var, let, and const using terms such as hoisting, Temporal Dead Zone(TDZ), functional and block scope, etc., often without referencing the standard. Some of those terms are not even included in the language standard. It's perfectly fine to explain the topic without referencing the language standard. However, I explain the topic by referencing it for those who want to dig a bit deeper, as understanding the ECMAScript standard is crucial for a comprehensive grasp of JavaScript.

👉 Read article

@webdev_trends

#webdev #javascript #learning

How to Detect if a User is in Dark Mode In Js

Have you ever wondered how websites seamlessly switch between light and dark modes based on your preferences? It’s not magic—it's a clever use of modern web technologies. In this post, I'll reveal the simple yet powerful technique behind detecting whether a user prefers dark mode and how you can use this information to enhance the user experience on your website.

👉 Read article

@webdev_trends

#webdev #react #javascript #learning

React Prop Drilling: Should You Use It?

React Prop Drilling is drilling of the data, from the parent component to the child component. This is passing the data which should be accessible throughout the levels.

👉 Read article

@webdev_trends

#webdev #node #javascript #api

Top Free APIs You Need to Know in 2024

As per market trends and scenario APIs (Application Programming Interfaces) are essential tools for developers, allowing them to integrate third-party services into their applications. Here is an extensive list of free APIs available in 2024 and onwards across various categories, along with website links, descriptions, and sample code for each.

👉 Read article

@webdev_trends

#webdev #javascript #tutoria

Cook Up Your Code: JavaScript Design Patterns

Picture this: you're standing in your kitchen ready to cook up a tasty meal. You've got all the ingredients laid out, but you're missing a recipe to follow. You start to experiment, but soon you feel overwhelmed. You add too much salt to one dish, burn another. Without a clear plan, cooking becomes a mess of guesswork.

Creating software can feel just like this. You have all the tools and know-how, but adding new features can become a frustrating puzzle without a well-organized approach. Do you understand what your code needs to do, but are you working out the best way to make everything work together? That's where things get complicated. One tiny error, and you find yourself tumbling down a hole filled with bugs and tangled code.

👉 Read article

@webdev_trends

#webdev #javascript #tutoria

Software Design Patterns: The Secret Sauce Behind Every Great App

Imagine building a LEGO set without a manual. Sure, you might end up with something that vaguely resembles a spaceship, but more likely, you’ll end up with a pile of colorful chaos. In the world of coding, design patterns are like that LEGO manual—they give you a proven blueprint to solve common problems, making your code cleaner, more efficient, and easier to maintain.

But don’t worry, this isn’t a dry lecture on coding principles. Think of it as a fun little guide to some of the most common design patterns in JavaScript, complete with real-life analogies that make these concepts easy to digest.

👉 Read article

@webdev_trends

#webdev #javascript #tutoria

🔍 SSR vs. CSR: Understanding the Differences and When to Use Them

When building modern web applications, choosing the right rendering strategy is crucial. Two popular approaches are Server-Side Rendering (SSR) and Client-Side Rendering (CSR). In this post, we'll explore the differences between SSR and CSR, their pros and cons, and when to use each.

👉 Read article

@webdev_trends

#webdev #javascript #node #beginners

🚀 Node.js vs. Express.js: Mastering Server-Side JavaScript Development

In the dynamic world of web development, choosing the right tools can make or break your project. Node.js and Express.js stand out as powerful options for server-side JavaScript. Let's explore these technologies in depth, providing you with the knowledge to make an informed decision for your next project.

👉 Read article

@webdev_trends

#webdev #javascript

16 Brand New APIs Every Developer Should Use

If you looking to add some serious oomph to your next programming project, I’ve compiled a list of 16 brand new free APIs that can help you build amazing things, without rubbing the bank.

👉 Read article

@webdev_trends

#webdev #javascript #jsx #typescript #webcomponent

Build Reactive Web Components with SSR

Traditional way of writing Web Components is not very SSR (Server Side Rendering) friendly. In this post, I show you how you can build reactive Web Components that work with SSR and with any JavaScript framework (Vue, React, Svelte, Solid, Brisa) or Vanilla JS.

👉 Read article

@webdev_trends

#webdev #javascript #typescript #beginners

Mastering TypeScript Generics: Enhancing Code Reusability and Type Safety

TypeScript has revolutionized the way we write JavaScript, bringing static typing and enhanced tooling to our development process. One of its most powerful features is generics, which allow us to create reusable components that work with a variety of types. In this post, we'll dive deep into TypeScript generics, exploring how they can improve your code's flexibility and type safety.

👉 Read article

@webdev_trends

#webdev #javascript #beginners

A basic Introduction to JavaScript

JavaScript was introduced in 1995 to add programs to web pages in the Netscape Navigator browser. The language has since been adopted by all other major graphical web browsers. It has made modern web applications possible, with which you can interact directly without doing a page reload for every action. JavaScript is also used in more traditional websites to provide various forms of interactivity and cleverness.

👉 Read article

@webdev_trends

#webdev #javascript #beginners

Mastering JavaScript Functions: Your Guide to Normal vs. Arrow Functions

In JavaScript, functions are a fundamental building block of the language, allowing developers to define reusable blocks of code. Two primary types of functions in JavaScript are normal functions and arrow functions. While they may seem similar at first glance, they have distinct differences in terms of syntax, behavior, and use cases. This article will delve into these disparities step by step, providing detailed examples and covering all scenarios to help you grasp the nuances between normal functions and arrow functions effectively.

👉 Read article

@webdev_trends

#webdev #frontend #css #TailwindCSS #Tailwind #tutorial

How to use Tailwinds `safelist` to handle dynamic classes

Tailwind CSS is a popular utility-first CSS framework that allows developers to create custom designs quickly and efficiently. By default, Tailwind CSS generates a wide range of utility classes, which can lead to large file sizes. To address this issue, Tailwind CSS comes with a built-in feature called PurgeCSS that removes unused styles from the production build, making the final CSS file smaller and more performant. However, this automatic removal may sometimes cause issues when certain styles are used dynamically or conditionally in your application. In this article, we'll dive deep into the safelist feature in Tailwind CSS, learn how to whitelist specific styles, and explore various scenarios where using safelist can be helpful.

👉 Read article

@webdev_trends

#webdev #frontend #JavaScript #clipboard

Writing to the Clipboard in JavaScript

In my last article, I showed you how to enable your website to read a visitor’s clipboard. Now I’m going to follow up that guide with a look at writing to the clipboard. It goes without saying that in any use of this type of functionality, you should proceed with care and, most of all, respect for your visitors. I’ll talk a bit about what that means later in the article, but for now, let’s look at the API.

👉 Read article

@webdev_trends

#webdev #database #MySQL #sql

Basic MySQL Queries: A Comprehensive Guide

MySQL is one of the most popular relational database management systems (RDBMS) used for web applications and other data-driven applications. Whether you’re a beginner or someone looking to brush up on your MySQL skills, understanding the basic queries is essential. This blog will walk you through some fundamental MySQL queries that you can use for database operations, table manipulations, and data management.

👉 Read article

@webdev_trends

#webdev #tutorial #docker #nginx #github

Setting Up a VPS with Nginx, Docker, and GitHub Actions

In this article, we'll be walking through setting up a VPS using Nginx, Docker and Github Actions.

This setup will allow you to deploy your web projects seamlessly as soon as you push code to Github repos.

👉 Read article

@webdev_trends

#webdev #php #tutorial

How to Build Your First PHP Package

If you want to create a PHP package from scratch and share it with other PHP developers, Composer is a dependency manager that makes the process easy! Thanks to Composer, PHP has one of the top package ecosystems. Let's dive in together and walk through the steps to create a PHP package.

👉 Read article

@webdev_trends

#webdev #laravel #php #tutorial

Laravel 11 Add Chart to PDF Using html2canvas

Hello, laravel web developers! In this article, we'll see laravel 11 add chart to pdf using html2canvas. Here, we'll use echart.js for the bar chart and install the dompdf composer package to generate a PDF file in laravel. and we'll use the html2canvas jQuery plugin to create an image of a chart.

In this guide, we'll show you how to add dynamic Echart bar charts to PDF documents in a Laravel application.

By converting HTML content, including charts, into images using HTML to canvas, and then generating a PDF, you can easily include charts in your reports.

👉 Read article

@webdev_trends

#webdev #symfony #php #tutorial

Dynamic Route loading in a non standard Symfony structure

When you divert from Symfonys standard structure there are some things that do not work out of the box anymore. One of it is routing.

👉 Read article

@webdev_trends