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

Представляем @bramus/caniuse-cli, CLI утилиту для «Can I Use ...».

На прошлой неделе я почувствовал зуд (снова) и создал (offline!) утилиту командной строки для «CanIUse ...» и MDN's browser-compat-data.

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

@webdev_trends
#webdev #Symfony #php

Неделя Symfony #924 (9-15 сентября 2024 года)

На этой неделе активность разработчиков Symfony была сосредоточена на исправлении ошибок в существующих ветках: мы предоставили решение для ошибки parse_url(), обновили данные wcswidth в компоненте String до Unicode 16, а также обновили данные ICU до версии 75.1. Кроме того, мы опубликовали релиз безопасности для решения проблемы потенциального обхода песочницы Twig. Наконец, мы опубликовали полное расписание конференции SymfonyCon Vienna 2024.

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

@webdev_trends
#webdev #JavaScript #js #XML

Как парсить XML в JavaScript (пошаговое руководство)

JSON - это формат, который используется сегодня в большинстве веб-приложений, но XML (Extensible Markup Language) все еще жив и здоров. Многие сервисы продолжают использовать этот давний формат для хранения и обмена структурированными данными.

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

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

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

@webdev_trends
#webdev #php #phpdoc #tutorial

Важность строгой типизации функций и PHPDocs в PHP

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

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

@webdev_trends
#webdev #Laravel #attributes

Атрибуты контейнеров в Laravel

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

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

@webdev_trends
#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