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

Верхнеуровая архитектура фронтенда

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

Как устроен фронтенд Google Photos, рассказ Антина Харасимива теперь в переводе CSS-Live: сетка фотографий на всю ширину экрана без дыр, работа с большими данными, 60 FPS и быстрая подгрузка → http://css-live.ru/articles/kak-my-delali-veb-interfejs-dlya-google-photos-zaglyadyvaem-pod-kapot.html

Анатомия вредоносного скрипта, или как сайт может получить контроль над вашим браузером: Паоло Миони подробно исследовал специально найденный скрипт злоумышленников → https://css-tricks.com/anatomy-of-a-malicious-script-how-a-website-can-take-over-your-browser/

🎧
Свежие подкасты

«Ночной фронтенд» №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

Page Lifecycle API

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

В чём разница между динамической и статической типизацией, какая типизация используется в JS, в чём преимущества и недостатки статической типизации и чем различаются Flow и TypeScript, обзорная лекция Андрея Морозова в ШРИ 2018 → https://youtu.be/tybjhHPj3io

Доступная разметка SVG-инфографики, серия статей Леони Уотсон:

Таблицы → https://tink.uk/accessible-svg-tables/
Графики → https://tink.uk/accessible-svg-line-graphs/
Схемы → https://tink.uk/accessible-svg-flowcharts/

Beacon API — новый легковесный способ отправки данных на сервер. Чем он отличается от привычных XHR/fetch и когда его использовать? Обзор Дрю МакЛеллана → https://www.smashingmagazine.com/2018/07/logging-activity-web-beacon-api/

Почему WebAssembly — гораздо большее, чем просто ещё один язык, работающий в браузере, объяснение Стива Клэбника → https://words.steveklabnik.com/webassembly-is-more-than-just-the-web

Content Security Policies

Райан Миллер с хорошим введением в CSP для защиты сайтов от сторонних вредоносных ресурсов → https://frontendian.co/csp

Руководство по разработке простого клона Инстаграма на Vue.js → https://medium.com/p/24a9f3de0408

Как разработать собственную систему управления состоянием наподобие Redux/Mobx/Vuex на чистом JS, руководство Энди Бэлла → https://css-tricks.com/build-a-state-management-system-with-vanilla-javascript/