​​🌳DOM, DI и View: деревья в Angular

В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.

Читать...

Пять практических примеров использования регулярных выражений

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

https://blog.openreplay.com/five-practical-use-cases-for-regular-expressions/

Опорная архитектура Node.js-приложений: рекомендации группы инженеров из IBM и Red Hat по разработке и эксплуатации Node.js-приложений

https://nodeshift.dev/nodejs-reference-architecture/

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

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

https://blog.openreplay.com/using-an-event-bus-for-cross-component-communication/

Полный стек TypeScript с tRPC и React

Следующий учебник представляет собой пошаговое руководство по созданию небольшого приложения CRUD с помощью Node + Express на сервере и React на клиенте.

https://www.robinwieruch.de/react-trpc/

Полное руководство по Web Workers

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

https://www.sitepoint.com/developing-faster-javascript-apps-the-ultimate-guide-to-web-workers

​​🛡Внедрение Guards NestJS. Аутентификация и авторизация на основе ролей

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

Читать...

Улучшение Visual Studio Code для новичков

https://habr.com/ru/articles/653465/

Скрипт, выполняющий резервное копирование каталогов и файлов

Замените /path/to/source_directory1 фактическим путем к каталогам и файлам, резервную копию которых вы хотите создать. Аналогичным образом замените /path/to/backup_directory на путь к каталогу, в котором вы хотите хранить файлы резервных копий.

Сохраните скрипт в файл, например, backup_script.sh, и сделайте его исполняемым с помощью следующей команды:
chmod +x backup_script.sh

Затем запустите скрипт:
./backup_script.sh

Регулярные выражения in JavaScript

Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.

https://www.honeybadger.io/blog/javascript-regular-expressions/

Создание расписания конференции с помощью CSS Grid

https://css-tricks.com/building-a-conference-schedule-with-css-grid/

Создание календарей с учетом требований доступности и интернационализации

https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/

Книги по Linux для начинающих и профессионалов: выбираем лучшее

https://habr.com/ru/companies/ru_mts/articles/765308/

Регулярные выражения в реальных задачах

https://habr.com/ru/companies/rosbank/articles/765538/

TypeScript и все что тебе нужно в разработке

https://habr.com/ru/articles/762902/

Техника загрузки изображений-плейсхолдеров в низком разрешении

Улучшаем метрики Web Vitals при помощи предзагрузки картинок в плохом качестве.

https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/

Очень просто и доходчиво о try_files в Nginx

https://fideloper.com/nginx-try-files

JavaScript только что добавил новое ключевое слово для создания переменной под названием using. Это ключевое слово является идеальной заменой let и const в определенных сценариях, таких как подключения к базе данных и обработка файлов.

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

Очистка кэша и кук на стороне клиента

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

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

В HTTP-заголовках можно найти интересное: Clear-Site-Data: "cache", "cookies". Сервер может отправить на клиент заголовок, который попросит браузер почистить куки и/или кэш. Работает везде, кроме Safari. То есть вместо того, чтобы просить пользователя что-то сделать в стрессовой ситуации, когда у него что-то не работает, а он девтулзы не открывал никогда до этого, можно сделать всё самим.

Гарри Робертс советует делать в веб-приложениях отдельную страничку с кнопками «Очистить куки», «Очистить кэш». Так у злоумышленников будет меньше возможностей сбрасывать жертвам ссылки, которые что-то чистят без спросу, потому что можно проверять Referer на сервере.

https://csswizardry.com/2023/10/clear-cache-on-customer-device/