Kontra OWASP Top 10: серия интерактивных упражнений для изучения основных угроз безопасности веб-приложений → https://application.security/free-application-security-training

Рождественские календари для веб-разработчиков, за которыми стоит следить до 24 декабря:

1. Advent of Code
2. Web Performance Calendar
3. PWAdvent
4. Elm Christmas
5. Functional Christmas
6. JavaScript Christmas
7. React Christmas
8. Security Christmas
9. UX Christmas

Путь к TypeScript в Quip: как и зачем инженеры Quip постепенно перешли с Google Closure Compiler на TypeScript → https://quip.com/blog/the-road-to-typescript-at-quip-part-one

Языку JavaScript исполняется 25 лет: визуализация истории развития JavaScript, его экосистемы и веб-технологий в целом → https://www.jetbrains.com/ru-ru/lp/javascript-25/

Как инженеры Lyft переводят 100+ фронтенд-сервисов на Next.js, что их не устраивало в старой инфраструктуре и с какими проблемами они столкнулись в процессе миграции → https://eng.lyft.com/42199aaebd5f

Руководство по разработке интерфейса Stories: отзывчивого, кроссбраузерного и поддерживающего управление с клавиатуры → https://web.dev/building-a-stories-component/

Выделение жирным при наведении без сдвигов: Крис Койер делится приёмом вёрстки, позволяющим избежать изменения геометрии контейнера → https://css-tricks.com/bold-on-hover-without-the-layout-shift/

Попасть в окно рефакторинга: Иван Немытченко разбирается, почему программистам хочется всё переписать и когда для этого идеальный момент → http://dopo.st/inem/200530110137

Interviews school, исчерпывающее руководство по собеседованиям для разработчиков: виды собеседований, составление резюме, основные секции (алгоритмы, проектирование систем, поведенческое интервью), офер и переговоры. Всё с примерами и практическими заданиями → https://interviews.school

FRONT HIRING: ИЗИ МОД
Aviasales нанимают фронтендеров 15–16 декабря → http://event.aviasales.ru

⚡️ От знакомства до оффера за 2 дня
⚡️ Никаких «мы вернемся к вам через неделю»
⚡️ 5 команд на выбор
⚡️ Возможность познакомиться и узнать, как работают в Сале

Ничего лишнего — выбери команду, успешно пройди собеседование и получи оффер → http://event.aviasales.ru

Публикуем, устанавливаем и доставляем современный JavaScript: решаем проблему раздутых из-за полифилов и транспилированного кода бандлов → https://web.dev/publish-modern-javascript

EStimator, инструмент для оценки пользы от перехода на раздачу JS в современном синтаксисе ES2017 → https://estimator.dev

Веб-альманах 2020: ежегодный отчёт о состоянии веба на основе данных HTTP Archive. 22 главы рассматривают аспекты содержимого страниц, UX, публикации и распространения контента → https://almanac.httparchive.org/en/2020/

Утечки памяти при использовании window.open: откуда они берутся, как их обнаруживать и как устранять → https://web.dev/detached-window-memory-leaks

Inertia.js реализует новый подход к разработке веб-приложений, связывая классическую серверную часть (роутинг, контроллеры, проверка прав и тому подобное) с React, Vue или Svelte. Результат — SPA-подобный UX без присущих SPA сложностей → https://inertiajs.com

Инженеры одного из крупнейших e-commerce сервисов Индонезии Tokopedia поделились опытом оптимизации фронтенда.

История ускорения мобильной версии сайта → https://medium.com/p/48ee5c6e4d5c

Глобальный подход к оптимизации и его результаты → https://web.dev/tokopedia/

Сервис для визуализации графа зависимостей NPM-пакета с отчётом о мейнтейнерах и лицензиях прямых и транзитивных зависимостей → http://npm.anvaka.com

Как инженеры Figma включили строгую проверку на null в большой кодовой базе на TypeScript и как они благодаря этому улучшили архитектуру проекта → https://www.figma.com/blog/inside-figma-a-case-study-on-strict-null-checks

Инженеры Discord рассказали, как они поддержали в приложении полноценную работу с клавиатуры и с какими сложностями столкнулись в процессе → https://blog.discord.com/abf073fd71de

Snowpack, сборщик фронтенда для современных браузеров, практически не требующий настройки и работающий в несколько раз быстрее традиционных бандлеров вроде Webpack → https://www.snowpack.dev

Возможности:
— импорт зависимостей без их установки;
— очень быстрая сборка и надёжное кеширование её результатов;
— поддержка HMR и Fast Refresh для удобства разработки;
— поддержка JSX, TypeScript, CSS-модулей, JSON, изображений (SVG/JPG/PNG/etc) и WASM из коробки;
— оптимизация при сборке для продакшена;
— расширяемость через плагины (можно подключить Babel, Sass и многое другое);
— настройка роутинга для дев-сервера;
— JS API для программного запуска сборщика.