👩‍💻 Пожалуйста, не используйте одни и те же модели для записи и чтения в 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

👩‍💻 Поиск и навигация по Git коммитам

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

Очевидное решение - использовать Git blame для просмотра коммита (и связанного с ним pull request), в который был добавлен код.

В pull request часто есть описание (или ссылка на проблему с описанием), проясняющее изменение, или обсуждения, добавленные во время проверки кода — это очень ценно! Если это не удается, сам коммит часто содержит связанные изменения, обеспечивающие контекст кода.

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

📱 @webdev_trends

#webdev #Git #Commit

👩‍💻 Умнее, чем 'Ctrl+F': Прямые ссылки на контент веб-страниц

Исторически сложилось так, что можно было ссылаться на определенную часть страницы только в том случае, если эта часть имела ID. Всё, что было нужно сделать, — это поставить ссылку на URL и добавить фрагмент документа (ID). Если хотелось сослаться на определенную часть страницы, нужно было поставить якорь на эту часть, чтобы сослаться на нее. Так было до тех пор, пока не появились Фрагменты текста!

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

📱 @webdev_trends

#webdev #HTML #Link