Советский UNIX. Как в СССР ковали собственную операционную систему

https://habr.com/ru/companies/ruvds/articles/737214/

Давние желания, сбывающиеся благодаря scroll-driven анимациям: стилизация sticky-элементов в состоянии прилипания, появление и скрытие тени при прокрутке, оглавление с подсветкой текущей секции. Роман Комаров экспериментирует с новой CSS-фичей → https://kizu.dev/scroll-driven-animations/

​​🤔Захват флага: Практика уязвимости веб-приложений на Node.js (часть 1)

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

Читать...

Маленькие полезные сайты

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

https://blog.codepen.io/2023/06/19/chris-corner-little-useful-websites/

Чтобы выделить "победителя" среди методов глубокого клонирования в JavaScript, необходимо протестировать каждый из них. Предлагаем результаты серии модульных тестов.

https://nuancesprog.ru/p/17555/

VK: https://vk.com/@nuancesprog-kakoi-metod-glubokogo-klonirovaniya-v-javascript-naibolee-ef

Дзен: https://dzen.ru/media/nuancesprog.ru/647f90496d418274f91823c6

@nuancesprog #JavaScript

Как выполняются функции в Javascript? Каков порядок их выполнения? Что такое контекст выполнения? Отвечаем на эти вопросы с иллюстрациями.

https://nuancesprog.ru/p/17792/

VK: https://vk.com/@nuancesprog-stek-vyzovov-javascript-obyasnenie-s-pomoschu-illustracii

Дзен: https://dzen.ru/media/nuancesprog.ru/649219a5f205df6eb7361080

@nuancesprog #JavaScript

Есть ли приемлемая альтернатива GIF? Сравнение современных форматов для отображения анимированых изображений в вебе → https://cloudfour.com/thinks/animated-gif-alternative

SSH с высоты птичьего полёта, или разгребаем кучи ключей

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

​​🚀Асинхронность в JS: как выполнять долгие сетевые запросы без блокирования основного потока

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

Читать...

driver.js, библиотека для пошагового знакомства пользователей с продуктом: без зависимостей, работает с любым фреймворком, написана на TypeScript → https://driverjs.com

Создание безопасного REST API в Node.js

В этой статье автор показывает, как создать простой и безопасный REST API для управления пользователями на Node.js.

https://www.toptal.com/nodejs/secure-rest-api-in-nodejs

Linux для игр, Windows для работы. С чего начать, как установить и настроить

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

Стилизуй свой RSS

Дэрек Кэй предлагает интересное. Если у вас есть блог, или вы делаете новостной сайт, или сайт с какой-то обновляемой базой знаний, то скорее всего вы уже прикрутили RSS-ленту. Я, например, RSS пользуюсь постоянно, подписан много на кого через Feedly.

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

Но у нас ведь есть древний способ стилизовать XML-документы — XSLT. В прошедшем недавно ЯЛФ CTF как раз было задание, где нужно было в XML-документе поиграться со стилями и получить нужный для ответа флаг.

Как это работает:
1. Вы заводите XML-документ с данными. RSS — это подмножество XML.
2. К нему прикрепляете XSL-стили. <?xml-stylesheet href="/rss.xsl" type="text/xsl"?>.
3. Внутри XSL описываете шаблон представления данных. По сути — HTML с дополнительными возможностями шаблонизации, среди которых циклы, фильтрация, работа с «объектами», условия и прочее.
4. Туда же добавляете обычные CSS-стили, потому что уже есть привычный HTML-шаблон с тегами и классами, если нужно.
5. Если в RSS-ленту зайдёт робот, он не будет ничего делать со стилями и просто распарсит вашу ленту, как ему надо. То есть ничего не меняется.
6. Если зайдёт по прямой ссылке реальный пользователь, он увидит красивую ленту в стиле вашего сайта. Можно, например, приделать инструкцию, как подписаться на эту ленту.

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

https://darekkay.com/blog/rss-styling/

​​🗣️Создание статичного блога на Angular и Contentful

В этой статье автор продемонстрирует связку Angular и Contentful.

Читать...

Angular в картинках

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

​​🌳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/