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

EME, CDM, DRM, CENC и другие непонятные аббревиатуры, или что нужно, чтобы сделать собственный видеоплеер в браузере? Запись и расшифровка доклада Себастьяна Голаша о технологиях защиты видеоконтента в браузерах → https://habr.com/p/426727

Ryanair, JavaScript и теория графов: Джонлука де Каро рассказал, как он собрался с друзьями в путешествие и применил свои навыки для поиска оптимального маршрута с дешёвыми авиабилетами → https://blog.jonlu.ca/posts/ryan-air

UI второстепенен: почему лучше разделять бизнес-логику и UI и почему фичи UI-библиотек (вроде хуков и контекста в React) не очень хороши для управления состоянием приложения? Объясняет создатель MobX Мишель Вестстрате → https://michel.codes/blogs/ui-as-an-afterthought

Рендеринг в вебе, от SSR до CSR: обстоятельный обзор существующих подходов и их преимуществ/недостатков от Эдди Османи и Джейсона Миллера → https://developers.google.com/web/updates/2019/02/rendering-on-the-web

React и БЭМ, официальная коллаборация: Антон Виноградов о предпосылках и сложностях перехода поиска Яндекса на React → https://habr.com/p/438598/

CSS и производительность сети: подробное руководство Гарри Робертса в переводе CSS-Live → https://css-live.ru/articles/css-i-proizvoditelnost-seti.html

Инженеры HeadHunter рассказали, как они обеспечивают качество фронтенд-кода сервиса → https://habr.com/p/438812/

Как на самом деле работает position: sticky в CSS, объяснение Элада Шехтера в переводе Алёны Батицкой → https://medium.com/p/bc7ff7088693

MiniSearch, лёгкий и нетребовательный к ресурсам движок полнотекстового поиска для браузеров → https://lucaong.github.io/minisearch/

Бонус: рассказ автора о деталях реализации движка и отличиях от конкурентов → https://lucaongaro.eu/blog/2019/01/30/minisearch-client-side-fulltext-search-engine.html

Color, сервис для поиска и создания доступных палитр цветов от дизайнеров Cloudflare → https://cloudflare.design/color/

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

RadioJS №55, в гостях Андрей Мелихов, Глеб Михеев, Илья Климов, Николай Матвиенко и Павел Малышев: Node.js на бэкенде – настоящий бэкенд? → https://radiojs.ru/2019/02/radiojs55-nodejs-on-backend/

«Девшахта» №68, в гостях  Павел Черторогов: неудобные вопросы к GraphQL → https://medium.com/p/c4ea333f712c

«Веб-стандарты» №159, в гостях Сергей Рубанов: три года в эфире, события, JS-разработчики для ТВ, Chrome, Safari, PWA, Safari и JS Core, CSS против JS, ES2019 → https://medium.com/p/b270c2cfa0f3

«Фронтенд-юность» №82, как lodash изменил JavaScript: все фичи ES2019, почему разработчики Flow игнорировали опенсорс-сообщество, вселенная кода, коронные фразы и стериотипы о программировании, вам не нужен axios → https://soundcloud.com/frontend_u/e82

«Новости 512» от CSSSR №36: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-36-2801-0302

Важные новости и материалы второй половины января: ES2019, PWA в Google Play, аутентификация без паролей, masonry-раскладка на CSS, Flow vs TypeScript, HTML5-инпуты, отказ от дефолтных экспортов, сравнение бандлеров → https://forwebdev.ru/digest/2019-01-31/

Плагин, реализующий горячие клавиши на GitHub, выложили в опенсорс → https://github.com/github/hotkey

Сэкономлены 4 недели разработки и 7 500 строк кода. Объём трафика сокращён в 16 раз. Мобильные релизы ускорились.

Результаты и подробности внедрения GraphQL в Nike → https://medium.com/p/a541aebe4d5e

[Вакансия, офис, Санкт-Петербург]
Фронтенд-разработчик в дизайн-бюро «Зебра»

Мы делаем корпоративные сайты для крупных российских и зарубежных компаний. В связи с увеличением количества проектов ищем фронтенд-разработчика уровня не ниже middle. Тебе предстоит разрабатывать интерфейсы, оптимизировать и рефакторить код, внедрять новые технологии, участвовать в проектировании и обсуждении интерфейсов с командой.

Мы предлагаем:
— работу в классной команде с опытными коллегами;
— комфортный офис в районе м. Лесная, Чёрная речка;
— достойную и своевременную оплату труда не реже чем раз в неделю;
— гибкий график;
— посещение конференций за счёт компании;
— доступ к обучающим сервисам (HTML Academy, Hexlet, CodeSchool, Coursera).

Что мы ждём от тебя:
— уверенные навыки кроссбраузерной адаптивной вёрстки, понимание методологии БЭМ;
— уверенные знания JavaScript (ES5+);
— опыт работы с одним или несколькими популярными JS-фреймворками и библиотеками (Vue, React, Angular, D3);
— опыт работы с SVG, достаточный для программирования анимаций;
— опыт работы с Git, CSS-препроцессорами, инструментами автоматизации и сборки (Gulp/Webpack);
— опыт вёрстки под интеграцию в CMS (любую), понимание принципов шаблонизации.

Если заинтересовался, высылай резюме на [email protected].

D3wasm, порт Doom 3 для браузеров на основе WebAssembly: демо и детали реализации → http://www.continuation-labs.com/projects/d3wasm

Программная генерация SVG-иллюстраций с помощью Processing: введение и практические примеры → https://bjango.com/articles/processingsvg/

Записи докладов с первого митапа Piter GraphQL: GraphQL и архитектура веб-приложений, GraphQL — новый Redux, паттерны проектирования GraphQL-схем → https://habr.com/p/438124