Web Dev Trends

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

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

Когда-то, когда я начинал свой путь в мире разработки программного обеспечения, динамические языки, такие как 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

👩‍💻 Как развернуть 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

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

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

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

📱 @webdev_trends

#webdev #React #hooks

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

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

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

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

📱 @webdev_trends

#webdev #Laravel #Docker #CLI

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

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

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

📱 @webdev_trends

#webdev #Laravel #Middleware #Auth

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

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

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

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

📱 @webdev_trends

#webdev #frontend #design #palette

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

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

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

📱 @webdev_trends

#webdev #JS #JavaScript

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

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

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

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

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

📱 @webdev_trends

#webdev #Laravel #Larawire #Volt

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

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

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

📱 @webdev_trends

#webdev #JavaScript #JS #functions

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

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

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

📱 @webdev_trends

#webdev #MacBook #SetUp

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

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

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

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

📱 @webdev_trends

#webdev #Laravel #Python #RESTful #API

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

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

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

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

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

📱 @webdev_trends

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

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

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

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

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

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

📱 @webdev_trends

#webdev #XSS #Security

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

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

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

📱 @webdev_trends

#webdev #PHP #OOP #tips

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

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

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

📱 @webdev_trends

#webdev #JavaScript #JS #File #Blob

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

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

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

📱 @webdev_trends

#webdev #PHP #feature

👩‍💻 Понимание уязвимостей десериализации PHP и предотвращение удаленного выполнения кода

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

Уязвимости десериализации в PHP представляют серьезный риск безопасности, способный привести к удаленному выполнению кода (RCE), одному из самых опасных последствий небезопасной обработки недоверенных входных данных. При эксплуатации эти уязвимости позволяют злоумышленникам выполнять произвольный код на сервере, потенциально получая полный контроль над системой.

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

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

📱 @webdev_trends

#webdev #PHP #Serialization #Security

👩‍💻 Как эффективно управлять зависимостями PHP с помощью Composer

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

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

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

📱 @webdev_trends

#webdev #Composer

👩‍💻 Понимание функции CSS drop-shadow()

В современном веб-дизайне тени широко используются для улучшения внешнего вида и восприятия пользовательских интерфейсов. Одним из распространенных способов применения теней в CSS является использование свойства box-shadow. Однако CSS предлагает более мощную и гибкую альтернативу под названием drop-shadow(). Эта функция является частью свойства filter, позволяющего применять различные визуальные эффекты, такие как размытие, регулировка контраста и тени.

В статье мы рассмотрим функцию drop-shadow(), её синтаксис, варианты использования и то, чем она отличается от box-shadow.

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

📱 @webdev_trends

#webdev #CSS

👩‍💻 Освоение middleware в Laravel: Пред- и пост-обработка запросов

При создании веб-приложений с помощью Laravel контроль над потоком HTTP запросов имеет решающее значение. Middleware Laravel предоставляет мощный механизм для фильтрации и манипулирования HTTP запросами, поступающими в приложение. В этой статье мы рассмотрим, как использовать middleware как для пред-, так и пост-обработки запросов.

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

📱 @webdev_trends

#webdev #Laravel #Middleware #Request