👩‍💻 Асимметричная видимость для PHP свойств

Одной из менее заметных функций, появившихся в PHP 8.4, является ассиметричная видимость для PHP свойств. Это обновление текущей видимости, а также ряд усовершенствованных возможностей по сравнению с readonly, хуками свойств или магическими методами. Это не для всех, но может оказаться весьма кстати. Давайте посмотрим!

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #PHP #feature

👩‍💻 Понимание разницы между File и Blob объектами в JavaScript

В JavaScript для представления двоичных данных используются объекты File и Blob, но они служат для разных целей и имеют ряд отличительных характеристик. Рассмотрим их различия.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JavaScript #JS #File #Blob

👩‍💻 Пожалуйста, не используйте одни и те же модели для записи и чтения в PHP

Модели - это отличный инструмент для взаимодействия с хранилищем данных. Мы можем определить, как выглядят данные, и это гарантирует, что они совместимы с хранилищем данных, обычно базой данных. Когда есть модель, проверяющая вводимые данные и помогающая их записывать, может возникнуть соблазн использовать её и для извлечения данных. За исключением некоторых базовых CRUD-приложений, это обычно не очень хорошая идея. Давайте посмотрим, почему.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #PHP #OOP #tips

👩‍💻 Понимание и предотвращение XSS-атак в JavaScript приложениях

Поймите опасность межсайтового скриптинга (XSS) и узнайте, как защитить приложения от этих опасных угроз на стороне клиента.

Межсайтовый скриптинг (XSS) остается одной из самых распространенных и опасных уязвимостей в веб-приложениях на базе JavaScript. Эти атаки позволяют злоумышленникам внедрять вредоносные скрипты на веб-страницы, доверяемые пользователями. Выполняясь на стороне клиента, эти скрипты могут похищать конфиденциальные данные, манипулировать содержимым веб-страниц или даже выдавать себя за пользователей.

В статье мы рассмотрим XSS-атаки, узнаем, как они работают, какие бывают типы XSS и, самое главное, как защитить свои веб-приложения от этих угроз на стороне клиента.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #XSS #Security

👩‍💻 Управление памятью в JavaScript с помощью WeakRef и FinalizationRegistry

Сегодня мы погрузимся в тему управления памятью в JavaScript - но не в традиционном смысле сборки мусора. Вместо этого мы изучим мощные возможности WeakRef и FinalizationRegistry. Эти инструменты дают разработчикам контроль над слабыми ссылками и асинхронной финализацией объектов, позволяя более тонко и эффективно работать с памятью.

Сборщик мусора JavaScript автоматически управляет памятью для большинства объектов, но некоторые сценарии, такие как кэширование или долгоживущие объекты, могут привести к утечкам памяти.

Если вы устали от того, что объекты задерживаются в памяти дольше положенного, или ищете способы управления ресурсами без лишних утечек памяти, это руководство для вас. Давайте начнем!

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JavaScript #JS #Memory #WeafRef #FinalizationRegistry

👩‍💻 👩‍💻 Создание RESTful API с Laravel и Python

В этой статье я расскажу как создать RESTful API, используя Laravel для управления структурой и конечными точками и Python для сложной обработки бэкенда. Сочетая простоту Laravel с гибкостью Python, мы создадим мощный, эффективный API, способный решать сложные задачи простым способом.

Такой подход позволяет использовать Laravel для маршрутизации и структуры API, а Python - для решения сложных задач обработки данных, машинного обучения или анализа данных.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #Python #RESTful #API

👩‍💻 Как настроить Mac для работы с веб-дизайном

Среди причин, по которым многие разработчики предпочитают использовать MacBook, — высокая производительность системы, интуитивно понятные инструменты и надежные средства защиты, регулярно обновляемые Apple. Чтобы сделать его еще лучше, можно оптимизировать Mac, установить браузеры, инструменты разработчика и другие приложения, чтобы идеально настроить Mac для веб-дизайна. Вот несколько советов, которые помогут.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #MacBook #SetUp

👩‍💻 Стрелочная функция vs обычная функция в JavaScript. Какую из них использовать?

JavaScript предоставляет два основных способа определения функций: стрелочные и обычные функции. Хотя на первый взгляд они могут показаться похожими, есть несколько ключевых различий, влияющих на то, как выполняется код и как он структурирован. Давайте разберем эти различия, чтобы было понятно, когда использовать каждый тип.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JavaScript #JS #functions

👩‍💻 Создание компонентов Livewire с Volt

Раньше при создании компонентов Livewire для приложений Laravel приходилось разделять код бэкенда и фронтенда на отдельные файлы. Иногда это может вызвать путаницу, особенно в больших проектах. Но с помощью Volt можно создавать однофайловые компоненты Livewire, в которых код бэкенда и фронтенда находится в одном файле.

В этой статье мы рассмотрим, что такое Volt и чем компоненты Volt отличаются от традиционных компонентов Livewire. Затем рассмотрим, как писать тесты для компонентов Laravel Volt.

К концу статьи вы будете понимать, что такое Volt, и чувствовать себя уверенно, используя его в своих проектах.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #Larawire #Volt

👩‍💻 6 основных функций JavaScript, которые должен знать каждый разработчик

JavaScript - универсальный язык, на котором работает большая часть Интернета. Среди множества его возможностей некоторые функции выделяются своей практичностью и оптимизацией производительности. В этой статье мы рассмотрим шесть важнейших функций JavaScript, которые могут расширить инструментарий кодера: Debounce, Throttle, Currying, Memoization, Deep Clone, а также одну бонусную функцию.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JS #JavaScript

😮 5 лучших сайтов генераторов цветовой палитры в 2024 году

Вы уставились в экран, потягиваете третью чашку кофе и все еще не можете определиться с идеальной цветовой гаммой для очередного шедевра? Не волнуйтесь, любители дизайна и креативные волшебники! Мы прочесали весь интернет, чтобы представить пять лучших сайтов генераторов цветовой палитры, способных превратить творческий хаос в гармоничные оттенки. И знаете что? Мы признали Colorbrew действующим чемпионом.

Давайте окунемся в красочный мир генераторов палитры, которые так же интересны, как и функциональны!

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #frontend #design #palette

👩‍💻 Настройка Middleware Auth в Laravel 11

Если вы уже работали с Laravel, то наверняка знакомы с редиректами аутентификации, например, отправляющими гостей на страницу входа в систему или перенаправляющими аутентифицированных пользователей со страниц, на которые они не должны заходить. В Laravel 11 появился новый, более простой способ решения этой проблемы. В этой статье мы рассмотрим, как реализовать новые настройки middleware auth.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #Middleware #Auth

👩‍💻 👩‍💻 Создание CLI-приложения с Laravel и Docker

Laravel предоставляет надежный CLI-фреймворк, построенный на основе популярного компонента Symfony Console, позволяющий перенести лучшие возможности Laravel в командную строку. Хотя Laravel традиционно используется для создания веб-приложений, некоторые приложения нуждаются в надежных CLI командах, которые можно запускать через Docker в производственных средах.

Если создаёте проект только для CLI, то можно рассмотреть вариант использования проекта сообщества Laravel Zero. Всё, что обсуждается в этой статье, будет работать с Laravel или Laravel Zero (с некоторыми изменениями в образе Docker).

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #Docker #CLI

👩‍💻 UseReducer и его отличие от UseState

React предлагает два ключевых хука для управления состоянием: useState и useReducer. Хотя оба предназначены для работы с состоянием в функциональных компонентах, они используются в разных сценариях. В этой статье мы рассмотрим различия между ними и расскажем, когда следует использовать каждый из них, а также приведем примеры для лучшего понимания

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #React #hooks

👩‍💻 Как развернуть backend приложение на DigitalOcean используя Docker и Encore

Это руководство рассказывает о том, как развернуть приложение Encore на DigitalOcean с помощью новой команды encore build, входящей в состав открытого CLI Encore.

Это удобно, если вы предпочитаете ручное развертывание автоматизации, предлагаемой облачной платформой Encore. Даже при ручном развертывании Encore упрощает процесс, предоставляя инструменты для сборки и настройки приложения.

Давайте рассмотрим, как развернуть приложение Encore на платформе DigitalOcean App Platform с помощью Docker и encore build.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Docker #Encore #DigitalOcean

✏️ Ирония статической типизации в динамических языках

Всегда забавно наблюдать за тем, как со временем эволюционируют языки программирования.

Когда-то, когда я начинал свой путь в мире разработки программного обеспечения, динамические языки, такие как Python, PHP и JavaScript, ценились за их гибкость и лаконичный синтаксис, подходящий для быстрой разработки.

Однако по мере развития этих слабо типизированных языков в них стали появляться черты сильно типизированных языков, что сделало их похожими на C++ и Java:

👩‍💻 Python: Возможности подсказки типов, введенные с версии 3.5 в 2015 году и расширенные в версии 3.12 в 2022 году.
👩‍💻 PHP: Объявленные типы появились в версии 7 в 2015 году.
👩‍💻 JavaScript: Расширен выпуском TypeScript в 2012 году, который определяется как «JavaScript с синтаксисом для типов».

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JS #PHP #Python

👩‍💻 Лучшие практики, советы и трюки Laravel в 2025 году

В преддверии 2025 года Laravel продолжает оставаться одним из лучших вариантов для веб-разработки, предлагая разработчикам инструменты для создания мощных и эффективных приложений. В этой статье описаны основные лучшие практики, советы и рекомендации, способные повысить качество кода и оптимизировать рабочий процесс, независимо от того, используете ли вы Laravel 9, 10 или 11. Эти советы помогут максимально использовать возможности Laravel и улучшить навыки разработки, независимо от того, являетесь ли вы начинающим или опытным разработчиком.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #tips

👩‍💻 20 TypeScript Tricks Every Developer Should Know 🚀

TypeScript - мощный инструмент для современной разработки JavaScript, обеспечивающий безопасность типов и предоставляющий расширенные возможности.
Хотя многие разработчики знают основы, существуют скрытые жемчужины и практические трюки, которые могут сделать код более эффективным, чистым и удобным для сопровождения.
Давайте рассмотрим 20 трюков TypeScript, которые должен знать каждый разработчик, с примерами и практическими подходами! 💻

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #TypeScript #TS #tips

👩‍💻 Понимание пропсов в React: Подробное руководство

В мире React пропсы (сокращение от properties) играют важнейшую роль в построении динамичных и интерактивных пользовательских интерфейсов. Они являются механизмом, позволяющим передавать данные от родительских компонентов к дочерним, обеспечивая однонаправленный поток данных, упрощающий управление состоянием. В этой статье мы рассмотрим, что такое пропсы, как их эффективно использовать, а также лучшие практики, которым стоит следовать.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #React #Props

👩‍💻 Как перенести устаревший PHP код в объектно-ориентированную структуру с помощью PDO

Перенос устаревшего PHP-кода на современный объектно-ориентированный подход не только повышает читаемость и удобство сопровождения кода, но и улучшает безопасность и масштабируемость. Сочетая принципы объектно-ориентированного программирования (ООП) с PHP Data Objects (PDO) для взаимодействия с базами данных, разработчики могут создавать более эффективные, безопасные и многократно используемые приложения. Переход от процедурного кода к ООП с PDO может показаться сложным, но при правильном подходе и использовании лучших практик этот процесс становится управляемым и целесообразным.

В этой статье мы рассмотрим основные шаги и лучшие практики для преобразования устаревшего PHP-кода в объектно-ориентированную структуру с помощью PDO, включая стратегии проектирования классов, обработки операций с базой данных и поддержания организации кода.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #PHP #MySQL

👩‍💻 Scroll-Driven... Sections

На днях я просматривал очень круто оформленную статью, полную иллюстраций на основе прокрутки, и, мы, как веб-разработчики, будем навечно прокляты, задался вопросом, что они использовали для её создания. Спойлер: это GSAP и ScrollTrigger.

В этих технологиях нет ничего постыдного, они великолепны. Но поскольку анимация на основе скролла теперь стала веб-стандартом с растущей поддержкой, возникает вопрос, можем ли мы сделать это с помощью нативных технологий.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #CSS #ScrollDriven