Web Dev Trends
21 subscribers
697 photos
6 videos
690 links
Полезные статьи и новости веб разработки
Download Telegram
#webdev #laravel #helper

When everything fails, you can always trust the Laravel rescue helper

Your application probably has a number of minor and more significant bugs. Some bugs will destroy your application, making it impossible to use, while others can be ignored.

👉 Read article

@webdev_trends
#webdev #programming #CleanCode

Benefits of writing clean, maintainable code

I have been writing code now for close to 20 years, but for the vast majority of that, I never really paid much attention to how my code looked, how maintainable it was long term, I was only really interested in if it worked and did what it was supposed to, but it was full of bad practices and I had a lot of bad habits.

👉 Read article

@webdev_trends
#webdev #laravel #tips #php

Laravel Model Tips

Laravel provides a huge amount of cool features that help improve our development experience (DX). But with the regular releases, stresses of day-to-day work, and the vast amount of features available, it's easy to miss some of the lesser-known features that can help improve our code.

In this article, I'm going to cover some of my favourite tips for working with Laravel models. Hopefully, these tips will help you write cleaner, more efficient code and help you avoid common pitfalls.

👉 Read article

@webdev_trends
#webdev #laravel #vite #php #JavaScript

Asset Prefetching Strategies with Vite in Laravel 11.21

The Laravel team released v11.21 this week, which includes asset prefetching strategies for Vite, a convenience method to force-destroy models with soft deletes, testing helper updates, and more.

👉 Read article

@webdev_trends
#weddev #laravel #larawire

PatricioOnCode joins us to talk about Mingle JS which allows you to mix React and Vue components in Livewire.

EPISODE LINKS:

✅ Mingle JS https://minglejs.unitedbycode.com
✅ PHP WASM https://www.youtube.com/watch?v=L-MAzsDm5d0
✅ Play with Laravel, save the code, and share it with others https://github.com/ijpatricio/playwithlaravel
✅ VoxPopSites: https://voxpopsites.com
✅ VoxPop Preview: https://www.youtube.com/watch?v=tnJFburXQfU
✅ Patricio's links: https://pinkary.com/@PatricioOnCode

Video 👉 https://youtu.be/HLGR63uHMNo 👈

@webdev_trends
#webdev #laravel #php

Laravel 11 Add or Remove Multiple Input Fields with jQuery

Hello, laravel web developers! In this guide, we'll see how to add or remove multiple input fields in Laravel 11 using jQuery. we'll create a dynamic add/remove more input field functionality with Laravel 11.

Here, we'll create a form with input fields and add more buttons to add multiple input fields at a time. So, you can create dynamically add or remove multiple input fields with jQuery.

👉 Read article

@webdev_trends
#webdev #php

PHP Attributes: how to use PHP Attributes and create custom attribute classes – Fast Tips

PHP attributes were introduced in PHP 8.0. This version marked a significant milestone for the language, bringing several new features and improvements, including the introduction of attributes for adding metadata to code declarations.

The first time I had to deal with attributes was due to an issue in the Inspector’s PHP library. Check on GitHub. Before digging deeper into the solution, let’s take an overview of what attributes are and how they can be used in your PHP code.

Attributes are a powerful feature that allows you to add metadata to declarations like classes, methods, or properties. These metadata can be retrieved programmatically, opening up new possibilities for cleaner, more organized, and efficient code.

👉 Read article

@webdev_trends
#webdev #symfony #symfony64 #symfony7 #php

Symfony 6.4/7.0 curated new features

It seems like I forgot to post the curated list of features for Symfony 6.4 and 7.0. 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 6.4 without changing anything in your code.

👉 Read article

@webdev_trends
#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