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

Предиктивное поведение веб-интерфейса: Александр Прозоров с исследованием и примером реализации умного интерфейса, предсказывающего намерения пользователей → https://habr.com/post/433564/

Коллекция матриц компетенций и фреймворков профессионального развития из реальных компаний → https://www.progression.fyi/

Часто разработчики в проектах на React/Redux используют bindActionCreators и отдельную функцию mapDispatchToProps. Есть более простой способ: в connect вторым аргументом можно передать обычный объект с экшенами, не привязывая их к dispatch — это сделает сам connect.

По словам разработчика из команды Edge, одной из причин отказа Microsoft от EdgeHTML оказалась недобросовестная конкуренция со стороны Google → https://news.ycombinator.com/item?id=18697824 «Google постоянно вносит в свои сайты изменения, ломающие другие браузеры. Например, недавно на YouTube был добавлен скрытый div поверх видео, который предотвращал включение аппаратного ускорения в Edge, на тот момент работающего лучше, чем в Chrome. Сразу после этого Google начал рекламировать превосходство Chrome над Edge в расходовании ресурсов при проигрывании видео.»

Оставьте расчёты в CSS! Крис Койер призывает не бояться применять calc() и CSS-переменные, чтобы избавиться от магических чисел и сделать стили понятнее → https://css-tricks.com/keep-math-in-the-css/

🎧 Свежие подкасты Frontend Weekend №83, в гостях Илья Климов: как и зачем был создан образовательный проект JavaScript.Ninja → https://soundcloud.com/frontend-weekend/fw-83 «Девшахта» №61, в гостях  Андрей Старовойт: TypeScript и его поддержка в IDE от JetBrains → https://soundcloud.com/devschacht/devschacht-61 «Веб-стандарты» №151, в гостях Иван Новиков и Илья Лесик: события и сообщество в Твери, Firefox, скролбары и движки, Quicklink и Resource Hints, аутлайны, формы и таблицы → https://medium.com/p/f6407051d257 «Фронтенд-юность» №75: Edge на Chromium, tits on keyboard, Chrome 71, CraSSh, где Express → https://soundcloud.com/frontend_u/e75 Remote Talk №3, в гостях Алексей Волков и Олеся Козлова из UNIT6: долгий путь в мир IT, появление UNIT6, найм разработчиков, технологии, плюсы и минусы жизни в Челябинске, хобби и польза широкого кругозора → https://soundcloud.com/csssr/remote-talk-03

Дизайнеры StackOverflow подробно рассказали о том, как им удаётся эффективно работать удалённо → http://www.tedgoas.com/blog/distributed-design

Введение в Phoenix LiveView, библиотеку для разработки интерактивных realtime-интерфейсов полностью на бэкенде без выделенной фронтенд-части (например, полноценный автокомплит реализуется в 35 строк бэкенд-кода) → https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript

Minimal Analytics, легковесная альтернатива полному скрипту Google-аналитики в ~1.4 КБ вместо 73 КБ для тех, кто отслеживает только просмотры страниц → https://minimalanalytics.com/

Инлайн ресурсов в Base64, несмотря на свою популярность, плохо влияет на быстродействие, объясняет Даг Силларс → https://calendar.perfplanet.com/2018/performance-anti-patterns-base64-encoding/

Почему Node.js такая быстрая, если тред всего один? Разбор от Андрея Мелихова → https://youtu.be/pyM6u3aVT1s

Puppeteer для Firefox, (пока что) экспериментальная реализация → https://github.com/GoogleChrome/puppeteer/tree/master/experimental/puppeteer-firefox

Инфраструктура фронтенда: дискуссия с экспертами из Яндекса, Tinkoff, Mail.Ru и Авито. Про технологический стек, архитектуру проектов, модульность, управление зависимостями, тестирование, сборку, деплой, автоматизацию, инструменты → https://youtu.be/JSrAZlEUOs8

На чём писать кроссплатформенные мобильные приложения? Обзор существующих технологий и оправданных случаев их применения от Леонида Боголюбова → https://livetyping.com/ru/blog/na-chem-pisat-krossplatformennye-prilozhenija

quicklink, микробиблиотека для умной фоновой предзагрузки страниц, ссылки на которые попадают во вьюпорт → https://github.com/GoogleChromeLabs/quicklink

WebAssembly in Action, новая книга Жерара Галланта о практическом применении WebAssembly → https://www.manning.com/books/webassembly-in-action

Обзор Vue.js: аргументы «за» (https://youtu.be/FFZfmIQ9I44) и «против» (https://youtu.be/kuHSJNxNFQw) от Ильи Климова.

Видео с Frontend DevDay от 2ГИС: перенос 2gis.ru с растра на вектор с полноценным 3D, эволюция команды при разработке новой онлайн-версии 2ГИС, как браузеры делают запросы и как понимание разницы между TLS и SSL помогает фронтендеру → https://habr.com/p/432774/

FAQGURU, огромная коллекция вопросов и ответов для технических собеседований с разделением на темы (от специфичных вроде Реакта до общих вроде алгоритмов) и уровни сложности (от джуниора до эксперта) → https://github.com/FAQGURU/FAQGURU

[Вакансия, Москва/удалёнка] Senior фронтенд-разработчик в Book24.ru Book24.ru входит в топ-5 книжных магазинов Рунета. У нас молодая, сильная команда, много интересных задач и возможностей для роста. Вам предстоит развивать основной сайт (от продуктовых задач вроде переработки корзины до технических вроде оптмизации перформанса), его админку, систему аналитики и виджеты для интеграции на сайты партнёров. Мы ждём от вас крепкие знания HTML/CSS/JavaScript, опыт работы с Vue.js и Vuex, опыт использования CSS-препроцессоров и БЭМ, хорошее знание Webpack. Будет плюсом участие в опенсорсе, опыт работы с NoSQL DB, опыт построения больших SPA. Мы предлагаем: — гибкий график; — белую зарплату и ДМС; — удобное рабочее место, современное оборудование и лицензионное ПО; — повышение квалификации и обучение за счет компании. Пишите @latyshev_vp или на latyshev.vp@eksmo.ru.