For Web — фронтенд, дизайн, программирование

Как устроена двухфакторная аутентификация и как реализовать генерацию одноразовых паролей на JS с помощью Web Crypto API? Руководство Александра Хованского → https://habr.com/p/462945/

Вышла новая редакция современного учебника JavaScript: используется ES2019, убраны устаревшие темы, добавлено множество новых тем, улучшена структура изложения → https://learn.javascript.ru/

Разработка offline-first приложений с помощью event sourcing: интерактивный рассказ Андрея Саломатина об альтернативе парадигме CRUD → https://flpvsk.com/blog/2019-07-20-offline-first-apps-event-sourcing/

Облегчаем старт новых проектов: инженеры Spotify о собственном стартовом шаблоне web-scripts, абстрагирующем общую фронтенд-инфраструктуру вроде сборки и линтинга → https://labs.spotify.com/2019/07/03/web-scripts-creating-npm-libraries-in-a-snap-at-spotify/

Неочевидные советы начинающим программистам: Миша Карпенко делится советами, накопленными более чем за 10 лет работы → https://mkarp.co/non-obvious-tips-for-beginner-software-engineers

Введение в Contact Picker, новый экспериментальный API для доступа к контактам пользователя → https://developers.google.com/web/updates/2019/08/contact-picker

50 мегабайта интернета в день: Крис Эштон поставил себя на место пользователей дорогого интернета и проверил, сколько сайтов можно посетить с таким бюджетом и как сайты бесполезно расходуют трафик → https://www.smashingmagazine.com/2019/07/web-on-50mb-budget/

Time to First Byte: что это за метрика и почему она важна? Гарри Робертс с подробным обзором → https://csswizardry.com/2019/08/time-to-first-byte-what-it-is-and-why-it-matters/

Как я не занял первое место в конкурсе для JavaScript-разработчиков от Telegram: Валерий Шибанов об опыте разработки библиотеки для рисования графиков для конкурса Telegram → https://habr.com/p/460625

Фантастические веб-спецификации и где они обитают: Илья Стрельцын о том, что нужно знать для ориентирования в спецификациях → https://css-live.ru/css/fantasticheskie-veb-specifikacii-i-gde-oni-obitayut.html

Как ускоряли веб-версию Instagram, часть первая: предзагрузка ресурсов и механизм подгрузки изображений в ленте → https://instagram-engineering.com/62cc0c327538

Проектирование и разработка PWA на чистом JS без фреймворков, серия статей Бена Фрейна:

1. Введение
2. Технические решения и разработка основы
3. Превращение в PWA и подготовка к продакшену

Learn regex the easy way, краткое руководство по регулярным выражениям, переведённое на русский и другие языки → https://github.com/ziishaned/learn-regex

Опыт перевода большого проекта с Flow на TypeScript: инженеры DIRECTUM о причинах, процессе, проблемах и выводах → https://habr.com/p/462055/

Важные материалы второй половины июля: опыт Uber, Twitter, Slack, Microsoft, auto.ru и Яндекса; профилирование webpack-сборки; алгебраические эффекты; проблемы комбинаторов промисов; нюансы CSS-маржинов → https://forwebdev.ru/digest/2019-08-01

Инженеры Twitter рассказали, как переход к компонентному подходу позволил им ощутимо ускорить разработку → https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/buildingfasterwithcomponents.html

tus, открытый протокол (и его готовые реализации) загрузки файлов на сервер, стойкий к обрывам связи и плохому интернету → https://tus.io/

Введение в BigInt: что это за тип данных, какие проблемы Number он призван решить и как им пользоваться → https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/

Тем, кто называет именование и инвалидацию кеша самым сложным в программировании, никогда не приходилось выбирать значение для z-index.

Филип Сутер проанализировал интернет и рассказал, как z-index используется на реальных сайтах → https://psuter.net/2019/07/07/z-index

Общие компоненты силами разных команд: запись и расшифровка доклада Владимира Гриненко об эволюции подхода к разработке общей библиотеки компонентов в Яндексе → https://habr.com/p/460811/