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

10 выводов после внедрения TypeScript в Bloomberg: Роб Палмер подробно рассказал об уроках, вынесенных его командой инфраструктуры в процессе перевода кодовой базы Bloomberg (больше 50 миллионов строк) на TypeScript → https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/

[Реклама] Большая конференция для JavaScript-разработчиков HolyJS 2020 уже 25–28 ноября в онлайне Поговорим о микрофронтендах, архитектуре, развитии JavaScript, рендеринге, распределённых системах, тестировании и многом другом. 🎥 22 технических доклада 🛠 3 воркшопа 🎙 интервью с Дэном Абрамовым, одним из разработчиков React 🙋🏻‍♂️ дискуссионные зоны для общения со спикерами 🎁 виртуальные стенды партнёров с задачками и призами Среди спикеров: разработчик V8 Дэниел Эренберг, основатель Smashing Magazine Виталий Фридман, разработчик Babel Николо Рибаудо и многие другие, включая ребят из Google, Uber, GitLab и Salesforce. Билеты со скидкой 1 500₽ по промокоду forwebdev2020JRG на сайте.

W3C опубликовал черновик CSS Custom Highlight API, позволяющего стилизовать выделение произвольных диапазонов текста в документе без дополнительных элементов-обёрток → https://www.w3.org/TR/2020/WD-css-highlight-api-1-20201022/

Разработчики Chrome отказались от поддержки HTTP/2 Server Push из-за сложности и невостребованности → https://www.opennet.ru/opennews/art.shtml?num=54069

Быстродействие для дизайнеров: изображения. Практические рекомендации для дизайнеров по использованию графики в вебе без вреда для быстродействия → https://calibreapp.com/blog/performance-for-designers-images

Алгоритмы на JavaScript: от бинарного поиска до связных списков на примере LRU-кеша. Видеокурс Виктора Карпова → https://www.youtube.com/playlist?list=PLvWwA9iDlhHB1qp22la3mn01JuVOwyuqw

Лучшие практики форм входа: исчерпывающий обзор практических приёмов, позволяющих добиться лучшего UX → https://web.dev/sign-in-form-best-practices/

Operator Lookup, интерактивный справочник Джоша Комю по операторам языка JavaScript → https://joshwcomeau.com/operator-lookup/

pwn college, бесплатный практический курс по основам кибербезопасности от Университета штата Аризона → https://pwn.college/

Упрощённое введение в OAuth 2.0: бесплатная книга об устройстве OAuth 2.0 с практическими примерами → https://www.oauth.com

[Реклама] Хочешь углубленно изучить фронтенд-разработку? Уже знаком с HTML и СSS, но не готов останавливаться на достигнутом? Тогда курс «Профессия фронтенд-разработчик» как раз для тебя! Даже начиная с нуля ты станешь junior-разработчиком всего за полгода → https://clc.am/Jon2KA Быть фронтенд-разработчиком — это: — работать в перспективной и хорошо оплачиваемой сфере; — участвовать в интересных проектах; — строить карьеру; — по желанию работать из любой точки мира. По итогам курса: — за твоими плечами будет много часов практики; — в голове будут структурированные знания; — крутое портфолио; — бессрочный доступ к системе обучения; — индивидуальная проверка домашнего задания преподавателем и разбор ошибок; — диплом новой востребованной профессии; — гарантированное трудоустройство. Сейчас на курс действует скидка 40%, а ещё участники получают в подарок 2 месяца английского в онлайн-школе → https://clc.am/Jon2KA

Быстродействие для дизайнеров: типографика. Как текст может повлиять на быстродействие в вебе и как дизайнеры могут заранее предотвратить потенциальные проблемы → https://calibreapp.com/blog/performance-for-designers-typography

Абсурдные NPM-пакеты, которых лучше бы не существовало: is-odd, is-is-odd (да-да), if, emoji-poop и другие шедевры NPM-экосистемы → https://youtu.be/PI5wz2pwXIg

Conventional Comments, соглашение по формату комментариев на кодревью, позволяющее упростить и ускорить процесс для всех участников → https://conventionalcomments.org

Madge, инструмент для визуализации графа импортов модулей проекта и поиска циклических зависимостей → https://github.com/pahen/madge

Разработчики Sketch объяснили, почему они делают ставку на десктопное приложение, в отличие от Figma с их веб-версией → https://www.sketch.com/blog/2020/10/26/part-of-your-world-why-we-re-proud-to-build-a-truly-native-mac-app/

Пишем собственную реализацию промисов. Серия статей Николаса Закаса: 1. Конструктор 2. Резолвинг промисов 3. then(), catch() и finally() 4. Promise.resolve() и Promise.reject()

Нативная masonry-раскладка на CSS-гридах: Рэйчел Эндрю представляет новую экспериментальную спецификацию, реализованную в Firefox Nightly, и предлагает разработчикам поделиться впечатлениями и предложениями → https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/

Фиксированная шапка и ссылки на секции страницы: избегаем перекрытия содержимого шапкой с помощью scroll-margin-top → https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/

Тестирование на основе свойств: Назим Гафаров из Mail.ru с обзором необычного подхода к автотестам → https://habr.com/p/494110/