For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Почему разработчики Flow игнорировали опенсорс-сообщество и чем они занимались весь прошлый год: официальное объяснение и позиция касательно перехода части проектов Facebook на TypeScript → https://medium.com/p/54239c62004f
Зачем нужны переменные окружения в Node.js и как их использовать с удобством → https://medium.com/p/2da8cdf6e786
Иллюстрированное руководство по Web Authentication, новому стандарту для аутентификации без паролей на основе криптографии с открытым ключом → https://webauthn.guide/
Записи докладов с первого митапа Piter GraphQL: GraphQL и архитектура веб-приложений, GraphQL — новый Redux, паттерны проектирования GraphQL-схем → https://habr.com/p/438124
Программная генерация SVG-иллюстраций с помощью Processing: введение и практические примеры → https://bjango.com/articles/processingsvg/
D3wasm, порт Doom 3 для браузеров на основе WebAssembly: демо и детали реализации → https://www.continuation-labs.com/projects/d3wasm
[Вакансия, офис, Санкт-Петербург]
Фронтенд-разработчик в дизайн-бюро «Зебра»

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

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

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

Если заинтересовался, высылай резюме на [email protected].
Сэкономлены 4 недели разработки и 7 500 строк кода. Объём трафика сокращён в 16 раз. Мобильные релизы ускорились.

Результаты и подробности внедрения GraphQL в Nike → https://medium.com/p/a541aebe4d5e
Плагин, реализующий горячие клавиши на GitHub, выложили в опенсорс → https://github.com/github/hotkey
Важные новости и материалы второй половины января: ES2019, PWA в Google Play, аутентификация без паролей, masonry-раскладка на CSS, Flow vs TypeScript, HTML5-инпуты, отказ от дефолтных экспортов, сравнение бандлеров → https://forwebdev.ru/digest/2019-01-31/
🎧
Свежие подкасты

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
Color, сервис для поиска и создания доступных палитр цветов от дизайнеров Cloudflare → https://cloudflare.design/color/
MiniSearch, лёгкий и нетребовательный к ресурсам движок полнотекстового поиска для браузеров → https://lucaong.github.io/minisearch/

Бонус: рассказ автора о деталях реализации движка и отличиях от конкурентов → https://lucaongaro.eu/blog/2019/01/30/minisearch-client-side-fulltext-search-engine.html
Как на самом деле работает position: sticky в CSS, объяснение Элада Шехтера в переводе Алёны Батицкой → https://medium.com/p/bc7ff7088693
Инженеры HeadHunter рассказали, как они обеспечивают качество фронтенд-кода сервиса → https://habr.com/p/438812/
CSS и производительность сети: подробное руководство Гарри Робертса в переводе CSS-Live → https://css-live.ru/articles/css-i-proizvoditelnost-seti.html
React и БЭМ, официальная коллаборация: Антон Виноградов о предпосылках и сложностях перехода поиска Яндекса на React → https://habr.com/p/438598/
Рендеринг в вебе, от SSR до CSR: обстоятельный обзор существующих подходов и их преимуществ/недостатков от Эдди Османи и Джейсона Миллера → https://developers.google.com/web/updates/2019/02/rendering-on-the-web
UI второстепенен: почему лучше разделять бизнес-логику и UI и почему фичи UI-библиотек (вроде хуков и контекста в React) не очень хороши для управления состоянием приложения? Объясняет создатель MobX Мишель Вестстрате → https://michel.codes/blogs/ui-as-an-afterthought