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

Выпуск №268. Андрей Мелихов, Вадим Макеев и Игорь Коровченко про npm 7, Private Click Measurement, V8 v8.9, App History API, прагматичные книги и Docker: зачем, как и чьё это дело.

Слушайте на Ютубе https://youtu.be/6FnRHSIgyQk
Читайте на Медиуме https://medium.com/p/148c11df10ed

00:01:25 Npm 7
00:14:15 Private Click Measurement
00:19:45 Обновление V8 v8.9
00:23:55 App History API
00:32:01 Прагматичные книги
00:36:45 Принцип работы Docker
00:44:03 Как пользоваться Docker
00:48:09 Разработка в Docker
00:55:21 Docker, чья проблема

Энтерпрайз, который выжил. Расшифровка доклада-сказки Андрея Мелихова про то, как можно изменять процессы в компании, чтобы в ней хотелось работать.

https://habr.com/p/540126/

Рас­па­ков­ка Docker — серия статей Игоря Коровченко о системе виртуальных контейнеров для разработки и управления приложениями. От самых основ до практических примеров.

Часть 1 https://web-standards.ru/articles/docker-unboxing-1/

Онлайн-конференция Я 💛 Фронтенд пройдёт в Яндексе 27 февраля. В программе шесть докладов, три воркшопа и фронтендерский турнир.

https://ilovefrontend.ru

Новый App History API, предложенный в рамках WICG, заменит существующий History API для задач современных веб-приложений, чтобы стать заменой или основой для роутинга. Главное отличие в области действия (текущий ориджин или фрейм) и в удобстве API.

https://github.com/WICG/app-history

Школа разработчиков Х5 по фронтенду стартует 25 февраля, участие бесплатное. В программе основы веб-технологий, окружение, сеть, Git, React, Node.js, PostgreSQL, GraphQL. Приём заявок до 7 февраля, дальше идут вступительные тесты и собеседования.

https://x5-frontend-academy.ru/

Сделайте селфи с атрибутом capture. Михаэль Шарналь продолжает серию «Fun with Forms» заметкой про малоизвестный способ запросить доступ к камере или микрофону на мобильных с помощью <input type="file">.

https://funwithforms.com/posts/capture-attribute/

Перфоманс внутренних систем. Мэтт Хоббс объясняет, почему важно делать производительными внутренние сайты и сервисы для сотрудников, и делится списком инструментов, позволяющих анализировать перфоманс.

https://nooshu.github.io/blog/2021/02/03/the-importance-of-internal-system-performance/

Четыре странных трюка, чтобы прокачаться как флексбокс-инженер. Патрик Броссет показывает, как включить в DevTools для Edge 89 и Chrome 89 новые инструменты отладки флексов.

https://patrickbrosset.com/articles/2021-02-02-4-Weird-Tricks-To-Become-A-10x-Flexbox-Engineer/

Вышел npm 7. Заметка Брайана Дугласа о релизе: большее покрытие кода тестами, уменьшение количества зависимостей, значительное увеличение производительности, новые фичи и ломающие изменения.

Релиз https://github.blog/2021-02-02-npm-7-is-now-generally-available/
Подробнее про npm CLI https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/

Private Click Measurement. Разработчики WebKit представили систему сбора и отправки статистики для рекламы на сайтах, которая сохранит приватность пользователей. Предложение PCM разработано в рамках W3C Privacy Community Group и будет включено в iOS 14.5.

https://webkit.org/blog/11529/introducing-private-click-measurement-pcm/

Первая часть бесплатного курса по Figma Пабло Стенли. Семь видео про Auto Layout на примере списка контактов, карточек, навигации, плиточной раскладки и формы.

Первая часть https://www.youtube.com/playlist?list=PLWlUJU11tp4fVibQ468jiMlgjvYyRE_xE
Продолжение в этом году https://www.figmacrashcourse.com/

Element Worklet. Джейсон Миллер предлагает нативный механизм выноса обработчиков кастомных элементов из основного потока в ворклеты и собирает его прототип на воркерах.

https://jasonformat.com/element-worklet/

Минимальные стили для адаптивных изображений. Зак Лезерман изучает поведение картинок с различными комбинациями свойств width, max-width и атрибутов width, height и srcset.

https://www.zachleat.com/web/fluid-images/

Лучшие практики для каруселей. Кэти Хэмпениус даёт советы, каким критериям должны соответствовать карусели на странице, чтобы быть производительными, удобными и полезными.

https://web.dev/carousel-best-practices/

Что не так с WebAssembly? Фернандо Дольо в переводе на Хабре рассуждает, почему WebAssembly не получает широкого распространения, хоть и используется в ряде крупных проектов.

https://habr.com/p/539100/

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

https://observablehq.com/@mourner/simple-web-map