For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Web Platform Contribution Guide: подробное руководство для тех, кто хочет внести свой вклад в веб-платформу и веб-стандарты → https://wpc.guide
E2E-тестирование интерфейса Slack: история и детали реализации и масштабирования → https://slack.engineering/scaling-end-to-end-user-interface-tests/
Utopia: подход к отзывчивому дизайну, предполагающий плавное масштабирование отступов и шрифтов вместо скачков на отдельных брейкпойнтах. Статьи и инструменты для реализации подхода со стороны дизайна и разработки → https://utopia.fyi
Зал трудовой славы JavaScript: библиотеки, идеи и люди, повлиявшие на JavaScript и его экосистему.

Часть 1: Prototype.js и require.js → https://habr.com/p/501148/

Часть 2: BigInt.js, RSA.js, x.js, Ajax, CoffeeScript, Underscore.js, Backbone.js, step.js → https://habr.com/p/501248/
Как устроен сайт web.dev от Google: архитектура, инструменты и веб-компоненты → https://web.dev/how-we-build-webdev-and-use-web-components/
Программирование — не канцелярская работа: оптимизировать нужно не столько инструменты для набора кода, сколько коммуникации и мыслительный процесс. Мнение Дэниэла Фона о том, почему утро под тёплым душем может быть продуктивнее дня за рабочим местом → https://daniel.fone.net.nz/blog/2020/10/21/talking-typing-thinking-software-is-not-a-desk-job/
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/
This media is not supported in your browser
VIEW IN TELEGRAM
Выделение жирным при наведении без сдвигов: Крис Койер делится приёмом вёрстки, позволяющим избежать изменения геометрии контейнера → 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