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
Введение в новый API Intl.RelativeTimeFormat для форматирования дат и времени относительно текущего момента → https://developers.google.com/web/updates/2018/10/intl-relativetimeformat
Как детально измерить время HTTP-запроса и его стадий с помощью cURL или Chrome  → https://blog.cloudflare.com/a-question-of-timing/
Секрет хорошей документации: обзор четырёх видов документации и конкретные рекомендации по написанию каждого из них → https://www.divio.com/blog/documentation/
🎧
Свежие подкасты

RadioJS №53 с участием Константина Буркалёва, Александра Майорова, Андрея Смирнова, Сергея Рубанова и Ивана Бурнаева: proposals, proposals, proposals или итоги рабочей встречи → https://goo.gl/JYFnbv

Frontend Weekend №76, в гостях Иван Ботанов: как и зачем обучать разработчиков фреймворку Angular → https://soundcloud.com/frontend-weekend/fw-76

«Фронтенд-юность» №70, в гостях Евгений Кот: Dart/Flutter и конференции, почему HolyJS столько стоит, React 16.6 и 16.7-alpha → https://soundcloud.com/frontend_u/e70

«Девшахта» №54, в гостях Дмитрий Махнёв: что послушать на HolyJS 2018 Moscow → https://medium.com/p/8b43c97c93b0

«Новости 512» от CSSSR №26: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-26-2210-2810
Почему любой начинающий фронтендер должен знать о паттерне PubSub? Иллюстрированное объяснение на примере небольшого приложения для расстановки меток на карте → https://itnext.io/72a12cd68d44
IronDB, современная замена Evercookie для надёжного хранения данных в браузере: использует только стандартные браузерные хранилища, автоматически восстанавливает удалённые из какого-либа хранилища данные, работает на промисах → https://github.com/gruns/irondb
PWA Bugs, пополняемый список браузерных багов, связанных с прогрессивными веб-приложениями → https://github.com/PWA-POLICE/pwa-bugs
Хватит делать сайты с бесконечным скроллом! Почему это вредит UX и какие есть альтернативы → https://logrocket.com/blog/infinite-scroll/
Философия атомарных модулей: Синдре Сорхус (автор 1000+ NPM-пакетов) о преимуществах разработки и использования маленьких пакетов, сфокусированных на решении одной задачи → https://blog.sindresorhus.com/9238d977a92a
Сапёр в 100 строк JavaScript-кода: демка, описание алгоритма с пояснениями и исходники → https://slicker.me/javascript/mine/minesweeper.htm
Как CSS-гриды могут упростить медиазапросы для адаптивной раскладки → https://robots.thoughtbot.com/concise-media-queries-with-css-grid
28 докладов с React Conf 2018: хуки для реиспользования логики в компонентах-функциях, Suspense для загрузки данных, асинхронный рендеринг для улучшения отзывчивости приложения, новая архитектура React Native и многое другое → https://www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ
Haunted, реализация хуков из Реакта для веб-компонентов с lit-html → https://github.com/matthewp/haunted
Как улучшить поддерживаемость CSS с помощью сортировки и группировки свойств по назначению → https://pyx.space/post/keys-to-maintainable-css-order

Автоматизировать сортировку и группировку свойств можно с помощью postcss-sorting → https://github.com/hudochenkov/postcss-sorting
simple-keyboard, простая и расширяемая виртуальная клавиатура на чистом JS без зависимостей → https://virtual-keyboard.js.org/
Селекторы по атрибуту: принципы работы, продвинутые возможности и примеры их практического применения в подробном обзоре Джона Реа → https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/
Бэкенд для фронтенда: как в Яндекс.Маркете делают удобный для фронтенда API без костылей → https://habr.com/p/428141/
Свежий выпуск The State of the Web с Эндрю Бэттсом из Fastly о полезных новых и старых HTTP-заголовках → https://youtu.be/riPSW5P127M
[Вакансия, офис, Санкт-Петербург]
Фронтенд-разработчик в АйТи-бюро «Зебра»

Привет, давай знакомиться! Мы делаем корпоративные сайты для крупных российских и зарубежных компаний. У нас много наград и в целом получается неплохо. Но нам очень не хватает ещё одного фронтенд-разработчика, чтобы делать проекты ещё лучше. Если ты опытный разработчик, но готов учиться новому и делиться своим опытом, высылай свое резюме на адрес [email protected].

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

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

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