Веб-стандарты. Страница 23

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

https://youtu.be/Ic8pitwDIlI

Прогрессивное улучшение уже умерло? Хейдон Пикеринг в видеосерии Webbed Briefs объясняет, что подходит под определение «прогрессивное улучшение», а что нет.

https://briefs.video/videos/is-progressive-enhancement-dead-yet/

Способы стилизации веб-компонентов. Нолан Лоусон показывает, как давать возможность изменять стили веб-компонента снаружи, и разбирает плюсы и минусы разных подходов.

https://nolanlawson.com/2021/01/03/options-for-styling-web-components/

00:02:08 События Андрея
00:12:30 Привет от Маши
00:13:29 События Никиты
00:32:45 Привет от Оли
00:38:45 События Вадима
00:59:44 Привет от Лёши
01:04:59 Пожелания
01:10:56 Благодарности

Новогодний выпуск №263. Никита Дубко, Андрей Мелихов и Вадим Макеев про события года и перемены, онлайн-конференции, переводы, работу из дома, с пожеланиями и благодарностями.

Смотрите на Ютубе https://youtu.be/Td8wYUlMQos
Читайте на Медиуме https://medium.com/p/c37fa06c3212

🎄 Смотрите новогодние «Веб-стандарты» уже в понедельник!

Навыки для виртуальных ассистентов на веб-технологиях. Антон Виноградов объясняет, как приготовить смартап для платформы Салют, на примере подключения голосового управления к тудушкам.

https://habr.com/p/533612/

Руководство по расширенным селекторам в CSS. Стефани Эклз показывает полезные применения универсального селектора, селектора по атрибутам и комбинаторов.

https://moderncss.dev/guide-to-advanced-css-selectors-part-one/

Как мы распилили монолит, часть 4: как Angular между приложениями пошарили. Игорь Кацуба продолжает серию в блоге Tinkoff и рассказывает, как внутри одной страницы запускать несколько независимых Angular-приложений и шарить библиотеки между ними.

https://habr.com/p/534522/

00:03:24 JS-андерхуд
00:07:28 Фокус в веб-приложениях
00:13:07 Фавиконки в 2021
00:16:58 История JS-фреймворков
00:19:47 React Server Components
00:38:47 Basecamp Hotwire

Выпуск №262. Маша Просвирнина, Вадим Макеев и Андрей Мелихов про JS-андерхуд, фокус, фавиконки, JS-фреймворки, React Server Components, Basecamp Hotwire.

Слушайте на Ютубе https://youtu.be/OmIhQebgfO8
Читайте на Медиуме https://medium.com/p/7de69a439fbf

Исследование Page Visibility API. Питер Перлепес разбирается, как определить, что страница открыта в фоне или браузер не активен, и какие особенности связаны с этим у мобильных браузеров.

https://tech.trivago.com/2020/11/17/exploring-the-page-visibility-api-for-detecting-page-background-state/

Отладка WebAssembly современными инструментами. Ингвар Степанян показывает возможности Chrome DevTools для работы с WebAssembly: дебаггер, инспектор памяти, профилирование кода и другие.

https://developers.google.com/web/updates/2020/12/webassembly

Несколько трюков с консолью. Патрик Броссет делится приёмами, которые делают работу с консолью в DevTools браузера удобнее и экономят время.

https://patrickbrosset.com/articles/2020-12-22-a-few-web-console-tricks/

Как добавлять фавиконки в 2021. Андрей Ситник подробно разбирает, каких файлов достаточно, чтобы фавиконка корректно отображалась в большинстве браузеров.

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

React Server Components. Эдди Османи разбирается в свежем анонсе команды React, который в будущем поменяет подход к рендерингу компонентов и перенесёт часть нагрузки на бэкенд. В чём отличие от SSR, что ждёт Next.js и другое.

https://addyosmani.com/blog/react-server-components/

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

https://habr.com/p/533702/

Basecamp представила фреймворк Turbo, продолжающий идею Hotwire по передаче HTML вместо JSON. Фреймворк частично обновляет страницы с эффективностью SPA, но без перехода на JS-архитектуру.

Анонс https://twitter.com/dhh/status/1341420143239450624
Turbo https://turbo.hotwire.dev/
Видео https://youtu.be/eKY-QES1XQQ