Заметки разработчика

Давайте поговорим о различных способах управления переноса текста на веб-странице. CSS даёт множество инструментов, позволяющих сделать текст таким, каким мы хотим его видеть. Также рассмотрим трюки с использованием HTML и специальных символов.

https://www.dev-notes.ru/articles/css/deep-dive-into-text-wrapping-and-word-breaking/

JOIN в MySQL — это мощный инструмент, позволяющий объединять данные из нескольких таблиц на основе соответствия критериям.

https://www.dev-notes.ru/articles/database/mysql-joins-tutorial-with-examples/

В Laravel 11 middleware по умолчанию перенесено в сам фреймворк, а конфигурация передаётся через класс bootstrap/app.php.

https://www.dev-notes.ru/articles/laravel/security-tip-laravel-11-middleware/

В веб-разработке понимание внутренней работы Document Object Model (DOM) имеет решающее значение. Два понятия, которые часто встречаются в дискуссиях о DOM, — это Virtual DOM и Shadow DOM.

https://www.dev-notes.ru/articles/frontend/virtual-dom-vs-shadow-dom/

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

https://www.dev-notes.ru/articles/frontend/working-with-css-variables/

Узнайте, как настроить TypeScript для создания приложений Node.js с pnpm, Node.js, TypeScript и ES Modules для удобной разработки.

https://www.dev-notes.ru/articles/typescript/build-node-app-with-typescript/

Introducing Context for Laravel. 📝

Add contextual data to the current request and it will be included in all log entires written by that request.

But, what's magical (in the best way) is that contextual data is also retained by any queued jobs dispatched by that request, allowing you to easily trace execution flows through distributed systems. 🧙

Available in Laravel 11 today.

https://laravel.com/docs/11.x/context

👩‍💻 @taylorotwell

CSS уже не тот, что в 1996 году, и SASS тоже вырос с момента своего создания — какому из них отдать предпочтение сегодня? Рассмотрим плюсы и минусы обоих вариантов.

https://www.dev-notes.ru/articles/css/sass-vs-css/

Компиляция ресурсов с помощью webpack отнимает много времени. Каждый раз, когда проект собирается в CI, ресурсы приходится компилировать снова и снова.

https://www.dev-notes.ru/articles/devops/optimising-webpack-in-ci/

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

https://www.dev-notes.ru/articles/php/8.4/implicitly-marking-parameter-type-nullable-deprecated/

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

https://www.dev-notes.ru/articles/php/adding-text-to-an-image-using-php-and-gd/

Рассмотрим самые интересные и ожидаемые функций JavaScript, появление которых запланировано на 2024 год.

https://www.dev-notes.ru/articles/javascript/five-new-features-ecmascript-2024/

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

https://www.dev-notes.ru/articles/typescript/how-generics-work/

Прекратите использовать приёмы микрооптимизации в PHP, жертвуя читабельностью кода ради мнимого повышения производительности. Более того, перестаньте учить этим трюкам новичков. В этом нет смысла.

https://www.dev-notes.ru/articles/php/stop-using-these-5-outdated-optimization-tricks/

Узнайте, как отключить сообщения "packages are looking for funding" в проекте или глобально.

https://www.dev-notes.ru/articles/javascript/disable-packages-are-looking-for-funding/

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

https://www.dev-notes.ru/articles/typescript/tsconfig-cheat-sheet/

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

https://www.dev-notes.ru/articles/html/against-self-closing-tags-in-html/

Я создал несколько примеров сниппетов :has(), используемых в реальных клиентских проектах.

https://www.dev-notes.ru/articles/css/using-css-has-in-the-real-world/

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

https://www.dev-notes.ru/articles/database/common-pitfalls-in-sql-query-writing-and-how-to-avoid-them/