🛡👩‍💻 Защита приложений PHP: Остановка SQL-инъекций с помощью Prepared Statement

Понимание SQL-инъекций в PHP и защита приложения с помощью prepared statements для надежной защиты базы данных.

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

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

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

📱 @webdev_trends

#webdev #PHP #SQLInjection #Security

👩‍💻 Упрощение CSS-анимации с помощью свойств display и size

До недавнего времени только ограниченное число CSS свойств можно было анимировать. Например, чтобы создать эффект затухания или выцветания, вы обычно использовали свойство opacity, а не свойство display, поскольку последнее не могло быть анимировано. Проблема, однако, заключается в том, что, хотя элемент становится визуально скрытым, он все равно присутствует на странице.

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

📱 @webdev_trends

#webdev #CSS #Animation

👩‍💻 Команды Docker для новичков и профессионалов

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

📱 @webdev_trends

#webdev #Docker #Cheatsheet

👩‍💻 Понимание замыканий в JavaScript: Что это такое, как они работают и чем важны

Если вы работали с JavaScript, то наверняка сталкивались с термином «замыкание».

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

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

📱 @webdev_trends

#webdev #JS #JavaScript #Closure

🛡 Как используется CSS в фишинговых атаках: Техники и профилактика

Узнайте о фишинговых атаках на основе CSS и как хакеры используют CSS для создания поддельных интерфейсов, а также о методах защиты от этих угроз.

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

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

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

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

📱 @webdev_trends

#webdev #CSS #Security #Phishing

👩‍💻👩‍💻 Гипер-отзывчивые веб-компоненты

Внутренний дизайн, контейнерные запросы и cqi типографика.

Недавно мне поручили создать новый компонент: встраиваемый call to action для подписки на email-оповещения.

Этот компонент должен был быть невероятно мобильным, отлично смотреться на любом стороннем сайте, в любом положении, при любом ракурсе, с любым количеством контента. Это должен был быть «гиперреактивный» компонент.

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

📱 @webdev_trends

#webdev #WebComponent

👩‍💻 DevOps автоматизация с помощью Shell скриптов

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

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

📱 @webdev_trends

#webdev #DevOps #Shell #Bash

👩‍💻 AbortController - Как отменить текущие API запросы?

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

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

📱 @webdev_trends

#webdev #JS #JavaScript #AbortController

👩‍💻 Ключевое слово stretch: лучшая альтернатива width: 100% в CSS?

Некоторые элементы HTML, например div или p, по умолчанию растягиваются на всю доступную ширину. Если задать им горизонтальный margin, это не приведет к появлению горизонтальной полосы прокрутки. Это невероятно удобное поведение по умолчанию. Конечно, многие другие элементы по умолчанию не занимают всю ширину. Давайте рассмотрим несколько случаев, когда width: 100% может пригодиться, а затем рассмотрим более новую альтернативу.

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

📱 @webdev_trends

#webdev #CSS #stretch

👩‍💻 Станет ли PHP ещё популярнее в 2025 году?

В 2025 году PHP не только процветает, но и стал незаменимой основой современной веб-разработки. От высокопроизводительных приложений до облачных нативных архитектур и даже бессерверной области - PHP уже давно превзошел традиционную веб-разработку, идеально соответствуя требованиям современного развития. С выходом PHP 8.x в PHP были добавлены такие функции, как JIT-компилятор, Fibers и ряд современных возможностей языка, что повысило его конкурентоспособность и увеличило масштабируемость, эффективность и потенциал для работы со сложными приложениями.

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

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

📱 @webdev_trends

#webdev #PHP

👩‍💻 Web-Slinger.css: Как Wow.js, но с CSS-анимацией прокрутки

Можно ли воссоздать библиотеку JavaScript для анимации прокрутки с помощью современного CSS подхода, используя CSS Scroll-Driven Animations? Да. Да, можно.

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

📱 @webdev_trends

#webdev #CSS #Animation

👩‍💻 Отражение изображений в CSS: Исчерпывающее руководство

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

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

📱 @webdev_trends

#webdev #CSS #Reflection

👩‍💻👩‍💻 Эффективная обработка данных с помощью Laravel и Python

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

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

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

📱 @webdev_trends

#webdev #Laravel #Python

👩‍💻 Текст от края до края

Не сомневайтесь: Fit-to-Width Text Романа Комарова — один из моих любимых CSS-трюков, которые я когда-либо видел. Это... эээ... довольно забавно (это всё, что получите здесь на Хэллоуин, извините). Это просто так странно. В итоге можно изменить размер строки текста так, чтобы он идеально вписывался в левый и правый край контейнера.

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

📱 @webdev_trends

#webdev #CSS #Tricks

👩‍💻 Перемещение по неограниченным размерам с помощью CSS Scroll Timelines

По словам создателя CSS, изначально он задумывал CSS как основную веб-технологию для управления поведением на веб-страницах, а скрипты - как запасной вариант, когда в CSS нельзя было сделать что-то декларативно. Обоснованием подхода, основанного на CSS, было то, что «скриптинг — это программирование, а программирование — это сложно». С момента появления псевдокласса :hover CSS стандартизирует шаблоны, созданные разработчиками на JavaScript, и «собирает» их в стандарты CSS. Если так подумать, то получается, что JavaScript - это халтура, а CSS — официальный способ.

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

📱 @webdev_trends

#webdev #CSS #Tricks

👩‍💻 Серверная пагинация в Angular

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

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

📱 @webdev_trends

#webdev #JS #JavaScript #Angular #Pagination

👩‍💻 Создание резервной копии проекта Laravel в Dropbox

Как быстро создать резервную копию проекта Laravel и сохранить её в Dropbox используя пакеты Spatie Laravel-backup и Flysystem-dropbox.

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

Файлы проекта часто уже управляются системой контроля версий, например Github или Gitlab. Однако хранить там пользовательские данные не рекомендуется. Dropbox может стать отличным выбором для безопасного хранения такого рода данных.

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

📱 @webdev_trends

#webdev #Laravel #Dropbox #Backup

👩‍💻 Обработка ошибок в JavaScript с блоками try, catch и finally

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

Синтаксические ошибки в основном отслеживаются линерами, но также указываются, когда код с ошибками выполняется движком JavaScript, то есть во время выполнения. Ошибки, возникающие во время выполнения, часто называют исключениями. Исключения выбрасывают объект Error, который — если его не обработать проактивно — мгновенно завершает работу скрипта и не позволяет выполнить остальную часть кода.

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

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

📱 @webdev_trends

#webdev #JS #JavaScript #Error

👩‍💻 Почему jQuery 4 - хорошее напоминание, что пора прекратить использовать jQuery

У jQuery долгая и уважаемая история, однако новый релиз jQuery v4 beta не содержит никаких интересных функций для современных веб-разработчиков. Есть несколько причин, по которым сейчас самое время отказаться от использования jQuery:

✅ Современные браузеры и нативные JavaScript API поддерживают все возможности jQuery, делая его ненужным, а его полезные функции устаревшими.
✅ Использование jQuery неоправданно увеличивает размер пакета веб-приложения и снижает производительность по сравнению с нативными реализациями.
✅ Выпуск jQuery 4 подтверждает его устаревание, поскольку в нем нет заметных новых функций, он сосредоточен на выживании и подчеркивает, что нативный JavaScript и современные фреймворки превзошли его.
✅ Переход jQuery на ES-модули и внедрение современных практик в jQuery 4 не добавляет ничего нового для веб-разработчиков
✅ Использование jQuery с современными фронтенд-фреймворками, такими как React, Vue и Angular, может противоречить их архитектуре и рекомендациям по кодированию
✅ Современные фронтенд-фреймворки выпускают production-код с полифиллами, поэтому разработчикам не нужно использовать jQuery API для создания веб-страниц для старых браузеров

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

📱 @webdev_trends

#webdev #JS #JavaScript #jQuery

👩‍💻 Совет по безопасности: Можно ли безопасно десериализовать классы?

[Совет #95] Хотя не следует десериализовывать всё, что получаете от пользователя, иногда нет выбора... так как же сделать это безопасно?

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

📱 @webdev_trends

#webdev #PHP #Security

👩‍💻 Прослушивание событий внутри веб-компонента (извне веб-компонента)

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

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

📱 @webdev_trends

#webdev #JS #HTML #WebComponent