#webdev #laravel #tips #backend

Understanding Reduce Operations in Laravel: A Beginner's Guide

Laravel has a handy Collection helper that can help you work with array data. It takes a functional programming approach to manipulate the data, and one of the operations you can perform is the reduce operation.

The concept of reduction operations might seem daunting at first. However, once you grasp the basic idea, you'll find it's a powerful tool that can simplify your code and make it more expressive. In this article, we'll break down reduction operations into easy-to-understand concepts and provide practical examples using Laravel's collection reduce() method.

👉 Read article

@webdev_trends

#webdev #laravel #symfony #arrays #tips #backend

How to Search in a PHP Associative Array – Fast tips

Associative arrays are a fundamental data structure in PHP, allowing developers to store key-value pairs. They are versatile and commonly used to represent structured data. Searching for specific elements within a PHP associative array is a common task. But the most native functions available in PHP work great with simple arrays.

For this reason we often have to find combinations of functions that allow us to do the same things on associative arrays. Possibly without out-of-memory errors 😁.

In this tutorial, we will explore various methods and techniques to search for values in a PHP associative array.

👉 Read article

@webdev_trends

#webdev #laravel #php #tutorial #backend

Setting Up a Laravel for Local Development Environment

Learn how to set up a local development environment for Laravel with our comprehensive guide. From installation to configuration, we've got you covered with best practices and tools for an efficient Laravel local setup.

👉 Read article

@webdev_trends

#webdev #laravel #twill #tutorial #backend

Getting Started with Twill, an Open Source Laravel-Based CMS

How do companies like OpenAI, The New York Times, Pentagram, and the Art Institute of Chicago manage their brand identity when publishing content online? They all use the same powerful and flexible tool to create bespoke content management systems. Follow along as we explore how leading companies use Twill to differentiate themselves in a competitive online landscape.

👉 Read article

@webdev_trends

#webdev #laravel #inertia #tutorial #backend

Create a custom error page with Laravel and Inertia

How to display a custom error page with Inertia instead of Laravel’s default error pages.

👉 Read article

@webdev_trends

#webdev #javascript #node #beginners

require Vs import In JavaScript

I remember when I started coding I would see some js files using require() to import modules and other files using import. This always confused me as I didn’t really understand what the difference was or why there was inconsistency across projects. If you’re wondering the same thing, continue reading!

👉 Read article

@webdev_trends

#webdev #javascript #nextjs #beginners

Exploring Advanced React: Unlocking the Power of Next.js

In the ever-evolving world of web development, staying ahead of the curve is crucial. Enter Next.js, a powerful React framework that's revolutionizing how we build modern web applications. Let's dive into what makes Next.js special and how it can supercharge your development process, complete with practical examples.

👉 Read article

@webdev_trends

#webdev #javascript

Why URL hashes are my favorite way to fire events

As a young web developer, I often wondered what the best way to fire events was (for example, to make a link display new content on the page, without reloading). I considered using HTML elements as event handlers, by changing a property when firing an event—but this just seemed too in the way. I needed something out of the way of my HTML.

👉 Read article

@webdev_trends

#webdev #javascript #react #reacthooks #customhook

Reusing Logic in React with Custom Hooks: a Practical guide

Custom hooks are a powerful feature in React that are used for more specific purposes unlike React build-in hooks, and it's done by encapsulating common functionalities into independent functions. custom hooks promote re-usability, improve component organization and overall enhance code maintainability.

In this guide will dive into the purposes of using a custom hooks, understanding the fundamental of creating custom hook and how to use it other components. then we will illustrate a real world example by building a fetch API custom hook.

👉 Read article

@webdev_trends

#webdev #javascript #beginners

How to Check if a Key Exists in JavaScript

When working with objects in JavaScript, it’s common to encounter situations where you need to verify the presence of a specific key. Whether you're dealing with API responses, configurations, or dynamic data structures, knowing how to javascript check if a key exists is essential for writing robust and error-free code. In this article, we’ll explore various methods to determine if a key exists in an object, discussing their usage, advantages, and best practices.

👉 Read article

@webdev_trends

#webdev #javascript #proxy #scraping

Beginner's Guide to Web Scraping and Proxy Setup with JavaScript

Use JavaScript code to simulate user operations to obtain the required information. This includes simulating user operations such as opening web pages, clicking links, entering keywords, etc., and extracting the required information from the web pages.

👉 Read article

@webdev_trends

#webdev #javascript #svelte #svelte5

Fine-Grained Reactivity in Svelte 5

We’ve been looking at the up and coming Svelte 5. We looked at basic features like state, props, and side effects. Then we looked at Snippets, which is a lightweight feature Svelte added for re-using bits of HTML within (for now) a single component.

👉 Read article

@webdev_trends

#webdev #sass #css #vite #webpack

Speeding Up Your Sass Compilation in Vite and Webpack

Sass compilation can be a speed bottleneck in your build, but it doesn’t have to be anymore.

👉 Read article

@webdev_trends

#webdev #react #markdown #js #javascript

Creating Polished Content with React Markdown

Prior to John Gruber's invention of Markdown in 2004, WYSIWYG editors were commonly used for editing content on websites and the web in general. However, Markdown introduced a new era of advanced content editing by providing a simpler way to format elements in plain text documents. Today, Markdown has become one of the most popular markup languages worldwide, enabling web writers to create articles that require HTML without the complexity of writing actual HTML code.

Markdown has gained popularity due to its straightforward syntax, making it accessible to anyone familiar with basic text formatting tools. It offers a wide range of features compared to traditional methods, leading to the widespread adoption of Markdown in enterprise web applications that require text formatting capabilities.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Why It Matters ⚡️

In the world of software development, code is not just meant to work—it's meant to be maintained, understood, and extended.

This is where the concept of "clean code" comes in. Chapter 1 of Clean Code emphasizes the importance of writing clean, readable, and maintainable code, laying the foundation for software craftsmanship.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Meaningful Names

When writing code, one of the most overlooked yet critical aspects is naming.

The names we choose for variables, functions, classes, and other entities in our code can significantly impact readability, maintainability, and overall quality.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Functions ⚡️

In software development, functions are the building blocks of any application. They are the primary way we structure our logic, encapsulate behavior, and divide complex tasks into manageable pieces.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Comments ⚡️

Code comments are considered necessary in software development, but the Clean Code book suggests that code should be self-explanatory without needing comments.

We'll explore when to use comments, when to avoid them, and how to write valuable comments in JavaScript code.

👉 Read article

@webdev_trends

#webdev #seo #google #GoogleUpdate

Google Revises Core Update Guidance: What’s Changed?

Google updates core algorithm guidance, offering advice for assessing traffic drops and improving content.

👉 Read article

@webdev_trends

#webdev #laravel #svelte

How to Integrate Svelte with Laravel: The Complete Guide

In this blog, we’ll be exploring the powerful combination of Laravel, InertiaJS, and Svelte to build fast, scalable, and maintainable web applications. But before we dive in, let’s take a brief look at each of these technologies and what they bring to the table.

👉 Read article

@webdev_trends

#webdev #javascript #js #tutorial

What is channels and the benefits of using it when working with events

Event handling is a critical aspect of any application development process. It allows applications to respond to user interactions or system occurrences by executing specific sets of code. There are various ways to manage these events, but one effective method is through the use of channels. Within this blog post, I will explore what channels are and the benefits they offer when working with events.

👉 Read article

@webdev_trends