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

How to Convert HTML to Excel using table2excel

Hello, web developers! In this article, we'll see how to convert HTML to Excel using table2excel, Here, we'll export the HTML table to Excel in jQuery. Here, we'll use the table2excel jQuery plugin to export or download Excel files from the HTML table.

Also, you can install it in multiple ways, like Bower, CDN file, etc.

👉 Read article

@webdev_trends
#webdev #laravel #php #json

Laravel Translations: Keys as JSON String or PHP Array?

It's easy to use text translations in Laravel. However, there are two ways to identify a key: as a string (('My profile')) or as an array key (`('users.my_profile'`). Let me tell my opinion on which one is a better choice.

Using translation as a string can be tempting, as it's easier for non-technical people to translate those phrases from JSON than from PHP array.

However, for bigger projects, having one huge en.json may be a pain to maintain. It can also lead to errors or unexpected behavior. Let's examine two problems.

👉 Read article

@webdev_trends
#webdev #php

Extend or implement

I'm probably part of a small group that actually cares about this: the difference between extending an abstract class and implementing an interface (ideally with a trait to provide part of the default implementation). I don't expect many people to follow my reasoning, but hey, it's my blog, I can write whatever thoughts are coming to my mind 😅

👉 Read article

@webdev_trends
❤1
#webdev #php #laravel

How to Pass Data From Route to Controller and View in Laravel 11

Since the 2020 leading up to 2024, the development in Laravel has been a blessing for the devs across the globe. In this small code example we would walk you the path of passing data from a route to a controller and then to a view is a fundamental aspect of Laravel development in general and we see that much often. Laravel 11, as with its previous versions, provides an elegant and efficient way to manage this process. Understanding how to effectively pass data between these components is crucial for building dynamic and responsive web applications.

👉 Read article

@webdev_trends
#webdev #php

Product-focused team vs Body leasing. What’s the Difference?

Product-focused teams and body leasing are popular software development models in the IT sector; however, their operational dynamics are as different as day and night.

The former prioritizes permanent staffing, while the latter relies on temporary staffing.

Now, when you hire staff on a temporary basis, which means they could be gone anytime soon, tell us what sort of commitment levels they’d bring to the table. Think about it! Won’t it be half-hearted? Or maybe one-fourth-hearted?

👉 Read article

@webdev_trends
#webdev #php

The PHP Foundation - future of PHP is in a good hands!

PHP began as a personal project by Rasmus Lerdorf in 1994, initially named Personal Home Page, and has gained popularity since then thanks to its simplicity and availability in most web hosting environments. PHP was originally designed as a set of Common Gateway Interface (CGI) binaries written in C, but over the last two decades, has evolved into a powerful server-side scripting language.

As PHP has grown, so has its need for support and development. Today, this is provided by the PHP Foundation and the PHP development team itself. The foundation plays a key role in PHP’s development, security updates, and engaging with the community. It is a non-profit organization supported purely by sponsors.

👉 Read article

@webdev_trends
#webdev #javascript #react #tutorial

How to use the `useTransition` hook the improve performance in React

React is a popular JavaScript library for building user interfaces. It’s known for efficiency and focus on creating reusable UI components. one of key features in React is the introduction of hooks which are function that hooks into React state. on of those hooks is the useTransition hook. This hook allows the state change to happen without blocking the interface which result in smooth experience.

👉 Read article

@webdev_trends
#webdev #css #anchor #ScrollDivenAnimation

Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations

Anchor positioning and scroll-driven animations are among of the most popular and exciting CSS features of 2024. They unlock a lot of possibilities, and will continue to do so as browser support improves and developers get to know them.

👉 Read article

@webdev_trends
#webdev #podcast

ConTejas Code Podcast

I’ve been a fan of Tejas’ podcast since he started it. He is an extremely gracious host that asks interesting questions and brings out the best in the people he has on. I was thrilled when he asked me to record an episode with him.

👉 Read article

@webdev_trends
#webdev #docker #devops

Why Docker is a Game-Changer for Development, Not Just Production

In today’s fast-paced software development landscape, Docker is not just a tool for deployment but a transformative force in development workflows. While its role in streamlining production environments is well-known, Docker's impact on development is equally significant and often overlooked.

👉 Read article

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