For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
В чём разница между динамической и статической типизацией, какая типизация используется в JS, в чём преимущества и недостатки статической типизации и чем различаются Flow и TypeScript, обзорная лекция Андрея Морозова в ШРИ 2018 → https://youtu.be/tybjhHPj3io
Page Lifecycle API

Современные браузеры иногда замораживают неактивные страницы, чтобы высвободить системные ресурсы. Теперь у разработчиков появилась возможность отслеживать события заморозки и разморозки страницы. Филип Уолтон с обзором нового API → https://developers.google.com/web/updates/2018/07/page-lifecycle-api
🎧
Свежие подкасты

«Ночной фронтенд» №44: как пересадить всех разработчиков в компании на свой велосипед → https://medium.com/p/79b29f06ee31

Frontend Weekend №64, в гостях Олег Мохов: как комфортно и правильно руководить разработчиками → https://soundcloud.com/frontend-weekend/fw-64

«Новости 512» от CSSSR №17: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_017

«Веб-стандарты» №132: подкастинг, новинки браузеров, уязвимость в Реакте и не только, неправильный пайплайн, подгриды готовы, сложная сетка вручную, веб-компоненты → https://medium.com/p/d9b6e6099126
Анатомия вредоносного скрипта, или как сайт может получить контроль над вашим браузером: Паоло Миони подробно исследовал специально найденный скрипт злоумышленников → https://css-tricks.com/anatomy-of-a-malicious-script-how-a-website-can-take-over-your-browser/
Как устроен фронтенд Google Photos, рассказ Антина Харасимива теперь в переводе CSS-Live: сетка фотографий на всю ширину экрана без дыр, работа с большими данными, 60 FPS и быстрая подгрузка → https://css-live.ru/articles/kak-my-delali-veb-interfejs-dlya-google-photos-zaglyadyvaem-pod-kapot.html
Верхнеуровая архитектура фронтенда

Что такое архитектура, какие задачи она решает и как устроены популярные фронтенд-архитектуры MVC и Flux, обзор Анны Карпелевич в ШРИ 2018 → https://youtu.be/mWeq5Kh6tlM
Доступность для продуктовых команд

Правительство США поделилось рекомендациями по внедрению практик доступности в работу продуктовых команд. Прочитайте сами и поделитесь с менеджерами, дизайнерами и редакторами → https://accessibility.digital.gov/
Чем WebAssembly значительно отличается от Flash и Java Applets, несмотря на их кажущееся сходство? Объяснение Стива Клэбника → https://words.steveklabnik.com/is-webassembly-the-return-of-java-applets-flash
Как одна строчка JavaScript-кода замедлила ft.com в десять раз, или почему нужно быть аккуратным с сериализацией и десериализацией JSON в Node.js → https://medium.com/p/5afb02bfd93f
ReportingObserver

Браузеры периодически помечают некоторые API как устаревшие (например, синхронный XMLHttpRequest), а иногда и вовсе ломают их в угоду себе или пользователю. О таких случаях браузеры сообщают предупреждениями в консоли, но программно эти предупреждения перехватить нельзя.

ReportingObserver позволит отслеживать использование устаревших и сломанных браузерами API. Подробнее о его пользе и применении в обзоре Эрика Бидельмана → https://developers.google.com/web/updates/2018/07/reportingobserver
Как опубликовать NPM-пакет и оформить его репозиторий, простое руководство Джонатана Вуда → https://medium.freecodecamp.org/2881d4307f78
Руководство инженера по опционам

Сотрудникам стартапов иногда предлагают опционы (право на приобретение доли в компании в будущем). Алекс МакКоу объяснил, как опционы устроены, как их обналичить и какие есть подводные камни → https://blog.alexmaccaw.com/an-engineers-guide-to-stock-options