#webdev #laravel #php

Laracon US 2024: Laravel Cloud, Inertia v2, VS Code and Laravel 11 "Minor" Features

After watching the Laracon US live stream on YouTube last night, I compiled a "quick overview" of 4 BIG things Taylor Otwell introduced on stage, with screenshots and code examples I managed to capture.

So, not in the order Taylor presented them, but in the order of importance, in my opinion, let's go.

👉 Read article

@webdev_trends

#webdev #pest3 #php #testing

A Guide to Architecture Testing Presets in Pest 3

If you’re anything like me, you’re always looking for ways to improve your code quality and maintainability (but not at the expense of your ability to ship, right?). Writing architecture tests with Pest 2 is one of the ways to do it. But now, Architecture Testing Presets is Pest 3 will make it effortless.

👉 Read article

@webdev_trends

#webdev #html #css #frontend

The Dialog Element with Entry and Exit Animations

Una Kravets blogged the other day that animating entry effects are now supported in the latest stable version of all major browsers. The new cool way to do it, that is. We’ve long had trickery like applying a @ keyframe animation with a to frame that would behave like an “entry effect”, but it was a bit awkward and didn’t work in all situations. Specifically one like using the new and very useful <dialog> element.

👉 Read article

@webdev_trends

#webdev #html #css #frontend

What Skills Should You Focus on as Junior Web Developer in 2024?

Let’s say Junior Web Developer means you’re either just starting out learning, you’ve got a job but are early in your career, or somewhere between those. Our goal with this guide is to give you things to learn that we believe will serve you well. That is, they will make you a better developer and ideally a more employable and promotable employee.

👉 Read article

@webdev_trends

#webdev #ci

How I automate electron-to-chromium updates

For the past 6 or so years I’ve been maintaining the electron-to-chromium package and I realise I never wrote a blog post about it. Electron-to-chromium is an NPM package that maps Electron versions to Chromium versions so you can input e.g. Electron 32 and get back Chrome 128.

This is useful because a lot of tools will happily take “Chrome >= 128” as a configuration option for e.g. transpilation and minification, but it’s pretty annoying to look up the chromium version of your electron release each time.

👉 Read article

@webdev_trends

#webdev #laravel #php #backend

How to create a scheduled Task in Laravel ?

Hello everyone! Today, I’m going to walk you through the process of creating a scheduled task in Laravel. We’ll take the example of sending a daily marketing email to users.

👉 Read article

@webdev_trends

#webdev #laravel #php #backend #firebase

How to Integrate Firebase with Laravel 11?

Laravel and Firebase are two powerful tools that can significantly enhance the development of modern web applications. Laravel, a popular PHP framework, provides a robust foundation for building scalable and maintainable applications. Firebase, a backend-as-a-service (BaaS) platform, offers a suite of features that simplify common development tasks, such as authentication, real-time database, cloud storage, and more.

By integrating Firebase into a Laravel project, developers can leverage the benefits of both frameworks, resulting in more efficient, scalable, and feature-rich applications. This article will guide you through the process of integrating Firebase into a Laravel 11 application, providing step-by-step instructions and code examples.

👉 Read article

@webdev_trends

#webdev #php #backend #beginners

Why Some Developers Prefer to Manually Configure PHP Environments Instead of Using Deployment Tools

In modern software development, PHP is a widely used programming language. However, for many developers, setting up a PHP environment is no easy task. Manually configuring a PHP environment often involves multiple complex steps, including installing the PHP interpreter, configuring a web server (such as Apache or Nginx), setting up a database (such as MySQL or PostgreSQL), and managing various extension modules. These steps are not only time-consuming but also prone to errors, making it a nightmare, especially for novice developers.

👉 Read article

@webdev_trends

#webdev #php #ai #a11y #beginners

How to auto-generate the image Alt-Text using AI and Transformers PHP

In this article, we’ll walk you through generating alternative text (alt text) from an image using the TransformersPHP library.

Alt text is crucial for accessibility and SEO, providing a textual description of images for screen readers and search engines.

👉 Read article

@webdev_trends

#webdev #php #ai #llm

How to auto-generate the image Alt-Text using AI and Transformers PHP Library for Working with LLM, Agents and RAG

I kicked of a small PHP package, with the aim of making it easy to work with LLMs, Agents and RAG in PHP.

It's just got a single method/class just now :) (release fast!?)

Wondering if it is something that sound's interesting to the PHP community. Why should Python guys have all the fun!

👉 Read article

@webdev_trends

#webdev #php #composer #backend

Why do you need to run composer install?

Dependencies or libraries are essentially code or programs written by someone else that you use in your project to accomplish specific tasks without having to write everything from scratch.

👉 Read article

@webdev_trends

#webdev #laravel #php #backend

Streamlining Email Handling with Laravel Mailables

Laravel Mailables provide an expressive, object-oriented approach to composing emails in your applications. This feature simplifies the process of creating and sending emails, making your code more readable and maintainable. Let’s explore how to leverage Mailables effectively in your Laravel projects.

👉 Read article

@webdev_trends

#webdev #laravel #php #db #database #backend

Bootstrapping Your Laravel App with Database Seeding

Database seeding is a crucial feature in Laravel that allows developers to populate their database with initial or test data. This process is essential for creating consistent development environments, setting up demo data, and facilitating robust testing. Let’s dive into how you can leverage Laravel’s seeding capabilities effectively.

👉 Read article

@webdev_trends

#webdev #php #tips #backend

7 Mind-Blowing PHP Mistakes I’ve Made (So You Don’t Have To)

Hey there, fellow code warriors! 👋

If you’re anything like me, you’ve probably spent countless nights debugging PHP code, wondering why on earth your seemingly perfect script is throwing tantrums. Well, grab a cup of coffee (or tea, I don’t judge), and let me spill the beans on some of the most face-palm-worthy PHP mistakes I’ve made in my career. Trust me, these are doozies!

👉 Read article

@webdev_trends

#webdev #laravel #php #backend

Laravel 11 Custom Forgot Password Example

Hello, laravel web developers! In this article, we'll see how to create a custom forgot password in laravel 11. In laravel 11 create a custom forgot password. Laravel provides its own password reset functionality, but if you want to create a custom password reset feature.

In this guide, we will help you build it in PHP Laravel. You can also create custom password resets for different models, allowing for more tailored functionality

👉 Read article

@webdev_trends

#webdev #laravel #php #backend

Laravel API Resources with Relations: Methods to Avoid N+1 Query

Laravel has API Resources but, loaded with relationships, they may cause performance issues. There are conditional methods to help you avoid it.

These methods allow you to show/hide attributes/relationships based on certain conditions.

👉 Read article

@webdev_trends

#webdev #laravel #php #backend #security

Security Tip: Validating (Secure) URLs!

[Tip #90] Did you know Laravel's URL validator lets you control which protocols you accept? Here's my recommendation...

Laravel's Validator is an essential piece to preventing unexpected and malicious inputs from making their way into our apps. It includes a long list of built-in validation rules that handle most common scenarios, with options to tweak these rules to refine the validation needed.

Today, we're taking a look at the url validator, which verifies input fields contain valid URLs, and lets you define the allowed protocols for the URLs provided.

👉 Read article

@webdev_trends

#webdev #JavaScript #js #tutorial

JavaScript Var vs Let vs Const: Key Differences & Best Uses

In JavaScript, variables are fundamental building blocks that allow you to store and manipulate data throughout your code. Whether you're tracking user input, managing state, or simply holding a value to use later, variables are indispensable in any JavaScript application. As JavaScript has evolved, so too have the ways in which we define these variables.

Today, there are three primary ways to declare a variable in JavaScript: var, let, and const. Each of these keywords offers distinct behaviors, and understanding when to use each one is crucial for writing clean, efficient, and bug-free code.

👉 Read article

@webdev_trends

#webdev #JavaScript #js #tutorial

JavaScript: The Silent Killer of Your App’s Performance.

JavaScript is essential for creating dynamic and interactive web applications, but it can also be the silent killer of your app’s performance if not handled properly. This post explores how JavaScript’s weak typing can lead to hidden dangers that degrade your app’s speed and reliability.

👉 Read article

@webdev_trends

#webdev #JavaScript #js #tutorial

From Static to Dynamic: Building a Responsive One-Page Website

From Static to Dynamic: Building a Responsive One-Page Website
Hey there, fellow code enthusiasts! Today, I want to share my recent experience building a responsive one-page website for a fictional café called "The Last Stop Café". This project was a great exercise in combining HTML, CSS, and JavaScript to create a smooth, user-friendly experience. Let's dive into some key takeaways that you can apply to your own projects!

👉 Read article

@webdev_trends

#webdev #react #JavaScript #js #tutorial

Optimizing Performance in React with memo: A Comprehensive Guide

React is renowned for its efficient rendering process, but as applications grow, performance bottlenecks can arise. One common issue is unnecessary re-rendering of components. This is where memo comes into play. In this article, we'll dive into the memo API in React, its benefits, and how to use it effectively with examples.

👉 Read article

@webdev_trends