Web Dev Trends
21 subscribers
697 photos
6 videos
690 links
Полезные статьи и новости веб разработки
Download Telegram
#webdev #Symfony #php #tutorial

Контроль доступа с помощью Symfony Voters

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

В этой статье я рассмотрю Symfony Voters, помогающий вам управлять некоторыми сложными случаями контроля доступа.

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

@webdev_trends
#webdev #html #css #javascript #js #frontend

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

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

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

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

@webdev_trends
#webdev #Laravel #php

12 вопросов для собеседования по Laravel: Работодателю и кандидату

Существует множество статей с «вопросами для собеседования по Laravel», но в основном они звучат как тест на базовые знания.

✅ Какая последняя версия Laravel?
✅ Что такое Composer?
✅ Какие маршрутные файлы включены в Laravel?

Ответы на такие вопросы не помогают определить, насколько кандидат подходит для работы в реальных проектах.

Поэтому мы решили составить свой собственный список вопросов.

Мы рассмотрим их с двух сторон:

Как интервьюер: что бы я спросил, если бы нанимал Laravel-разработчика?
Как кандидат: к чему мне готовиться?

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

@webdev_trends
#webdev #JavaScript #js

Обработка больших чисел в JavaScript

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

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

@webdev_trends
#webdev #Laravel #deployment #php

Как развернуть приложение Laravel с PostgreSQL с помощью Laravel Forge

Недавно потребовалось повысить производительность приложения Laravel. Приложение уже было развернуто с помощью Laravel Forge, но оно использовало базу данных Neon, что вызывало значительные проблемы с производительностью.

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

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

@webdev_trends
#webdev #Axios #Fetch #JavaScript #js

Axios vs Fetch API: Что выбрать

С ростом сложности современных веб-приложений выполнение HTTP-запросов становится обычной задачей. Два популярных подхода к их обработке в JavaScript - это Axios и Fetch API. Несмотря на то, что оба широко используются, они имеют явные различия в плане возможностей, простоты использования и обработки ошибок. В этой статье мы рассмотрим плюсы и минусы каждого из них и выясним, какой вариант может лучше подойти для ваших нужд.

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

@webdev_trends
#webdev #Laravel #middleware #php

Как задать псевдоним Middleware в Laravel 11

После того как в Laravel 11 был удален класс Kernel, как назначить псевдоним middleware? Давайте посмотрим.

Практически все, что обычно делается в классе Kernel, теперь перенесено в bootstrap/app.php. Сейчас это не так очевидно, но теперь приложение будет выглядеть легче благодаря меньшему количеству кода.

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

@webdev_trends
#webdev #css #bem #frontend

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

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

@webdev_trends
#webdev #JavaScript #js #vite

Создавайте веб-приложения невероятно быстро с помощью Vite

Давайте посмотрим правде в глаза: процесс сборки фронтенда слишком долго был медленным и сложным. Независимо от того, работаете ли вы с Webpack, Parcel или с вашим собственным монстроподобным Франкенштейном (мы все там были), настройка и сборка веб-приложения может быть очень сложной.

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

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

@webdev_trends
#webdev #css

Выбор предыдущих элементов

Недавно я увидел видео с названием, которое заставило меня почувствовать себя очень старым: «Crazy CSS Using By Master CSS».

Демонстрация, которую они показывают в видео, фантастически крута. Это ряд карт с эффектом наведения. Карточка, на которую наводится курсор, имеет эффект, при котором кажется, что она движется к вам в 3D. Мало того, две карты после наведенной карты имеют свои собственные уникальные эффекты, усиливающие 3D. Но самый главный штрих заключается в том, что две карты перед парящей картой тоже двигаются, что долгое время было «невозможным» в CSS. Больше нет!

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

@webdev_trends
#webdev #git #github

Git: Почему контроль версий - лучший друг разработчика

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

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

@webdev_trends
🔝 Топ-10 архитектурных ошибок Angular, которых стоит избегать

В 2024 году Angular продолжает меняться к лучшему все более быстрыми темпами, но общая картина остается неизменной, что делает архитектурное ноу-хау вечным и стоящим вашего времени!

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

📱 @webdev_trends

#webdev #Angular #JavaScript #js
Please open Telegram to view this post
VIEW IN TELEGRAM
#git

👩‍💻 Как восстановить удалённую ветку Git

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

🖥 Читать статью

📱 @dev_notes_ru
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Магия, скрывающаяся за новым хелпером defer() в Laravel

Недавно в Laravel появился новый хелпер под названием defer(), с помощью которого можно отложить выполнение обратного вызова до того момента, когда будет отправлен успешный ответ.

Таким образом, можно переложить трудоемкую работу (например, вызов внешнего API) на обратный вызов и отправить ответ пользователю как можно скорее.

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

📱 @webdev_trends

#webdev #Laravel #helper #defer
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 12 советов к написанию тестов уровня Senior («Desiderata тест в JavaScript»)

Слово «Desiderata» происходит от латинского слова, означающего «желаемое».

Кент Бек написал статью под названием «Test Desiderata». Вместе с Келли Саттон они создали на YouTube плейлист, посвященный этой статье, в котором рассказывается о желательных свойствах автоматизированных тестов. Некоторые из этих свойств являются компромиссами, и не каждый тест должен ими обладать.

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

📱 @webdev_trends

#webdev #JavaScript #js #testing
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Как восстановить удаленную ветвь в Git: Пошаговое руководство для разработчиков

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

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

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

📱 @webdev_trends

#webdev #git #howto
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Компоненты высшего порядка неправильно понимаются в React

Опросив сотни «senior» разработчиков React, вы будете удивлены, как много из них не могут ответить на этот простой вопрос:

«Что такое компонент высшего порядка?».

И еще меньше могут ответить на последующий вопрос: «Зачем нужны компоненты высшего порядка в React?».

Другими словами: «Сознательно ли кто-то из команды React создал компоненты высшего порядка как концепцию и ввел их в React?».

В этой статье вы найдете правильные ответы на эти вопросы и узнаете все, что нужно знать о HOC.

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

📱 @webdev_trends

#webdev #React #JavaScript #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Рефакторинг проектов PHP: Внедрение пространств имен для лучшей организации кода

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

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

📱 @webdev_trends

#webdev #php #namespace #refactoring
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Mock-объекты в тестировании PHPUnit

При разработке модульных тестов важно, чтобы они были сосредоточены на тестируемом коде, не затрагивая внешние системы или зависимости. В PHPUnit на помощь приходят так называемые mock-объекты. Они позволяют имитировать поведение реальных объектов в контролируемом виде, что делает тесты более надежными и простыми в сопровождении. В этой статье мы подробно рассмотрим, что такое mock-объекты, в чём их преимущества и как эффективно использовать их в PHPUnit.

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

📱 @webdev_trends

#webdev #php #phpunit #mock #testing
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Временные и подписанные URL-адреса для локальной файловой системы в Laravel

Если вы давно работаете с Laravel, то, возможно, знаете о функции, позволяющей создавать временные и подписанные URL-адреса для файлов. Это отличная возможность, позволяющая делиться файлами с другими пользователями в течение определенного времени.

Проблема с этой функцией в том, что она работает только с драйвером хранилища AWS S3. Поэтому, если вы работаете над приложением в локальной среде и хотите протестировать эту функцию, необходимо использовать драйвер хранилища S3 и реальный S3 bucket, что довольно неудобно, поскольку для использования этой функции необходимо предварительно завести учетную запись AWS.

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

📱 @webdev_trends

#webdev #Laravel #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Как безопасно отменить коммиты в Git: Базовые рекомендации для разработчиков

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

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

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

📱 @webdev_trends

#webdev #git #howto
Please open Telegram to view this post
VIEW IN TELEGRAM