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

Как работает JS: обзор принципов работы движков рендеринга веб-страниц и советы по оптимизации их производительности, перевод на Хабре → https://habr.ru/p/351802/

Результаты розыгрыша билета на конференцию DUMP, которая пройдёт 13 апреля в Екатеринбурге — https://youtu.be/ubS005X5dAE Поздравляем Александра Ожигина! А для всех читателей по промокоду FORWEBDUMPHOORAY скидка 5%. Программа и регистрация: https://goo.gl/2Sxhmp

Сборка приложений на основе машинного обучения Обычно большой JS-бандл делят на части по страницам или компонентам приложения. А можно ли делать это не по наитию разработчика, а основываясь на данных о часто посещаемых страницах и типичных переходах пользователей? Минко Гечев провёл большое исследование и представил начальную реализацию инструментов, автоматически определяющих лучшую стратегию кодсплиттинга и предзагрузки файлов на основе истории посещений сайта → http://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/

Figma’s Platform У графического редактора Figma появился открытый API для разработки дизайн-инструментов. Его уже используют в крупных компаниях: например, в Uber с его помощью решают проблему распространения актуальных дизайн-макетов, а в GitHub интерфейсные иконки берутся напрямую из макета. Официальный анонс с подробностями → https://blog.figma.com/ee681bf861e7

Александр Сурма рассказал, как нативно привязывать одноразовые обработчики событий с помощью параметра once — https://youtu.be/pwLkdksiClE Как тебе такое, Джон Резиг?

Эффективная работа с легаси-кодом Саша Беспоясов опубликовал конспект в трёх частях по книге Майкла Физерса. Часть 1: введение, причины изменения кода, швы и инструменты автоматизированного рефакторинга → https://bespoyasov.ru/blog/working-effectively-with-legacy-code/ Часть 2: изменение кода при нехватке времени, добавление фич, TDD и зависимости → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part2/ Часть 3: изменение непонятного кода, гигантские классы и методы → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part3/

Приведение типов в JS: магия или простые правила? Александр Майоров коротко и понятно рассказал о трёх видах приведения типов (строковое, численное и логическое) и правилах их применения → https://medium.com/p/9d6f1845ea96

The Front-End Checklist Объёмный чеклист и рекомендации для проверки всех аспектов фронтенда сайта, от разметки и доступности до производительности. Теперь и в виде удобного сайта с возможностью печати → https://frontendchecklist.io/

CSS в эпоху Реакта Тереза Ма рассказала, как в Yelp с переходом на Реакт избавились от каскадности и глобальных стилей, сохранив консистентность → https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html

Как в Unsplash постепенно перешли на TypeScript, Оливер Эш о мотивации и процессе перехода → https://medium.com/p/7a34caa24ef1

[Вакансия, Москва] Медиазона (https://zona.media) ищет Junior JavaScript-разработчика со знанием react/redux. Медиазона — СМИ о проблемах в судах, тюрьмах, полиции и несправедливости вообще. На проекте используются PostgreSQL, React, Redux, NodeJS, Tarantool, Redis. Местами flow. Есть CI Jenkins. Docker, ansible до кучи. Кто нам нужен? Нужен новый член команды, который готов быстро обучаться (если вдруг не знает чего). Прежде всего нужна адекватность и умение программировать. Хорошие руки. Всегда рады юным и не очень гениям, если вы вдруг разделяете проблематику нашего СМИ — тоже очень круто. Чем придется заниматься? Есть задачи по редактору текста, фандрайзингу, спецпроектам, возможно немного разработки игр. Как всегда где-то впереди маячит редизайн страниц, плюс есть технический долг. Нужно будет писать как фронтенд, так и бэкенд. Полная занятость, офис на м. Китай-город. Зарплата от 40 до 100 тысяч. Пишите: https://t.me/klond90 newbiecraft@gmail.com

Как применить Puppeteer Эрик Бидельман собрал готовые примеры использования Puppeteer: сбор статистики по неиспользуемому коду на каждой странице, проверка кеширования страниц сервис-воркером, определение используемых браузерных фич, несовместимых с поисковым ботом Google → https://github.com/GoogleChromeLabs/puppeteer-examples