#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

#webdev #github #git #cli #gh

How to level up your Git game with GitHub CLI

Using Git in the CLI can improve your development speed and power. Here are our top eight commands for using GitHub via your command line.

Developers love working with the tools that make sense for them. At GitHub, we understand developers want to use GitHub in various ways. This includes using GitHub from the web, or even having a lightweight web editor with GitHub.dev. Developers can experience a full editing environment on the internet with Codespaces, use GitHub integrations with various editors, such as VS Code or JetBrains, and even use GitHub Desktop or GitHub from your mobile device with GitHub Mobile. Did you know, you can also use GitHub directly from the terminal?

👉 Read article

@webdev_trends

#laravel #feature #backend #webdev

📺 Here is What's New in Laravel

1️⃣ Is Facade Fake
2️⃣ Allow Custom View Path
3️⃣ Ask About Markdown Template
4️⃣ Assert Jobs NOT
5️⃣ Deduplicate
6️⃣ Collapse With Keys


➡️ https://youtu.be/LE0pZuCnCGU

@webdev_trends

#laravel #php #tips #webdev

When building your PHP web applications, it's important to keep your dependencies up-to-date and also to prevent installing Composer dependencies with known security vulnerabilities. This helps you to ensure that your application is secure and that you're benefiting from the latest features and bug fixes.

But it's really easy to fall behind on your dependency updates between general day-to-day development tasks. Thankfully, Composer provides us with a handy tool that you can use to get an overview of which packages you're using that have available updates.

In this Quickfire article, we're going to take a quick look at the composer outdated command to help you find outdated packages in your PHP project.

👉 Read article

@webdev_trends