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

Визуальное тестирование вёрстки на базе Gemini, Storybook и Selenium: Дмитрий Иванов рассказывает об опыте внедрения и встреченных проблемах → https://habr.com/p/454464

Аксель Раушмайер предлагает отказаться от устаревшего термина «всплытие переменных» и детально объясняет механизм работы объявлений переменных и функций в современном стандарте ES → http://2ality.com/2019/05/unpacking-hoisting.html

Под капотом компонентов: токены как базовые примитивы. Алекс Пейт о том, как сделать дизайн-систему более универсальной и гибкой → https://alexpate.uk/journal/theme-driven-design-systems/

Непопулярное мнение: статические ресурсы лучше хранить у себя, а не на сервисах вроде публичных CDN. Гарри Робертс с обоснованием → https://csswizardry.com/2019/05/self-host-your-static-assets/

Как пройти собеседование куда угодно? Разработчик, побывавший по обе стороны собеседований, делится рекомендациями → @winterview101

Классическая ситуация: фронтендер с десятью годами опыта заваливает техническое собеседование только потому, что не может написать сортировку слиянием.
Да, он не пишет сортировки каждый день, а доверяется проверенным алгоритмам. Да, интервьюеры часто задают «бесполезные» вопросы и это целиком на их совести.
Но в провале виноват сам фронтендер — он не подготовился к собеседованию.

От подготовки зависит как эмоциональное состояние на собеседовании, так и зарплата, на которую кандидат может претендовать.

Начать стоит с исправления резюме: сделать новую фотографию, убрать нерелевантный опыт и структурировать релевантный. Привести в порядок GitHub и соцсети.

Затем подготовиться к собеседованию с HR: составить список потенциальных вопросов, заранее сформулировать ответы и учить их перед сном. Определить желаемую зарплату и понять, когда уместно торговаться.

Наконец, техническое интервью: определить пробелы в знаниях, повторить основы, порешать задачки на алгоритмы. Потренироваться решать задачи вслух.

Как составить сильное резюме?
Как перестать бояться собеседований?
Так ли нужны алгоритмы на техническом интервью?
Ответы и множество рекомендаций — на канале Winterview101. Примените их и получите оффер, которого заслуживаете.

For Web ищет соавтора! Нужно оформлять публикации для соцсетей на основе заранее составленного списка материалов. Подробности → https://www.notion.so/For-Web-7e1e7df7154b424ab300d809ecf5593c

html-only-chat, вдохновлённая css-only-chat реализация real-time чата без JS → https://github.com/iwonz/html-only-chat

Важные новости и материалы второй половины мая: W3C и WHATWG помирились, ускорение скриптов с Binary AST, асинхронное программирование, генератор раскладки на CSS-гридах, система цветов и тёмная тема VK, управление монорепозиториями → https://forwebdev.ru/digest/2019-05-31/

[Вакансия, Санкт-Петербург]
Fullstack-разработчик в Timeweb

Хостинг-провайдер Timeweb работает с 2006 года, помогает более чем 150 000 клиентам и обслуживает более 420 000 сайтов. У нас сильный отдел разработки, автономные команды и развитая инженерная культура (unit-тесты, кодревью, сервисная инфраструктура, CI/CD в GitLab). Мы ищем в команду Fullstack-разработчика на PHP/JS, вместе с которым мы будем развивать процессы и продукты от идеи до реализации.

Предлагаем белую зарплату от 120 000₽ на руки, зелёный и просторный офис в шаговой доступности от м. Московские ворота, оплачиваемые обеды на любой вкус (от вегетарианских до домашней кухни), компенсацию спортивных занятий, ДМС после года работы и другие приятности.

У нас много возможностей для развития: система обучения, открытые семинары, видеоконференции, библиотека профессиональной литературы. Интересные задачи + успешная работа = профессиональный и карьерный рост 🤘

Присылайте резюме Анастасии на [email protected].

Визуализатор CSS-свойства transform для лучшего понимания работы 2D и 3D-трансформаций → https://css-transform.moro.es

Пишем собственное правило для ESLint: Дмитрий Мананников с практическим примером → https://slonoed.net/ru/custom-eslint-rule/

Визуальный генератор раскладки на CSS-гридах от Сары Дрэснер → https://cssgrid-generator.netlify.com/

[Реклама]
Найдите своё направление, постройте маршрут обучения и начните путь к карьере в IT: GeekChange, бесплатный онлайн-путеводитель по миру IT от GeekBrains, пройдёт с 3 по 8 июня → http://bit.ly/2JLklIz

Вас ждут 12 онлайн-встреч с экспертами. Каждая встреча — мини-лекция и практическое задание. Каждый день — увлекательный процесс и безопасное пространство для проб и ошибок.

Зарегистрируйтесь и познакомьтесь с самыми востребованными направлениями в IT → http://bit.ly/2JLklIz

Fabulous, сайдбар с визуальным редактором стилей для VS Code → https://github.com/Raathigesh/fabulous

Как инженеры eBay применили WebAssembly для реализации сканера штрих-кодов в вебе: подробный рассказ с техническими и продуктовыми деталями → https://habr.com/p/453712/

W3C и WHATWG наконец договорились объединить свои спецификации HTML и DOM и работать над ними совместно! Илья Стрельцын с подробностями → https://css-live.ru/vecssti-s-polej/w3c-i-whatwg-neuzheli-dolgozhdannyj-mir.html

Популярный инструмент pm2 вот уже четыре года регулярно ломается из-за зависимости, код которой состоит из одного вызова console.log → https://github.com/Unitech/pm2/issues/4289

Как устроен Continuous integration в Яндексе: масштаб кодовой базы, монорепозиторий, процессы, решаемые задачи и технические детали → https://habr.com/p/428972/