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

Интерфейсы для тех, кто ещё не читает: Даша Васильева из Учи.ру делится принципами проектирования UX и UI для детей → https://habr.com/p/516356/

​[Вакансия, переезд в Москву или удалёнка] Middle/Senior фронтенд-разработчик в Joom Joom — международный маркетплейс, самый быстрорастущий e-Commerce сервис Европы. Первую версию приложения мы запустили летом 2016 года, сейчас у нас более 300 миллионов установок по всему миру. Основатель компании и CEO — Илья Широков, создатель Моего Круга и бывший президент Одноклассников. Мы быстро растём и ищем фронтендеров на несколько разных направлений: веб-клиент, сервисы для продавцов, логистическая платформа, внутренняя админка, новый B2C-продукт. Мы используем TypeScript, React, CSS-модули и множество других инструментов на разных проектах (Effector/MobX/Redux, Next.js, Express, Sass, Google Closure). Качество кода обеспечивают ESLint, Stylelint, Prettier, Jest, прекоммит-хуки и CI. Мы ценим сотрудников: у нас белая зарплата (одна из самых высоких на рынке), пакет акций компании после прохождения испытательного срока, ДМС и 100% оплачиваемые больничные, бесплатные обеды в офисе, ипотечная программа после двух лет работы, релокационный пакет для соискателей не из Москвы. Присоединяйтесь → https://hh.ru/vacancy/39107227

​[Вакансия, переезд в Москву или удалёнка] Middle/Senior фронтенд-разработчик в Joom Joom — международный маркетплейс, самый быстрорастущий e-Commerce сервис Европы. Первую версию приложения мы запустили летом 2016 года, сейчас у нас более 300 миллионов установок по всему миру. Основатель компании и CEO — Илья Широков, создатель Моего Круга и бывший президент Одноклассников. Мы быстро растём и ищем фронтендеров на несколько разных направлений: веб-клиент, сервисы для продавцов, логистическая платформа, внутренняя админка, новый B2C-продукт. Мы используем TypeScript, React, CSS-модули и множество других инструментов на разных проектах (Effector/MobX/Redux, Next.js, Express, Sass, Google Closure). Качество кода обеспечивают ESLint, Stylelint, Prettier, Jest, прекоммит-хуки и CI. Мы ценим сотрудников: у нас белая зарплата (одна из самых высоких на рынке), пакет акций компании после прохождения испытательного срока, ДМС и 100% оплачиваемые больничные, бесплатные обеды в офисе, ипотечная программа после двух лет работы, релокационный пакет для соискателей не из Москвы. Присоединяйтесь → https://hh.ru/vacancy/39107227

System Design для самых маленьких: Виктор Карпов рассказывает об основных аспектах проектирования технической реализации какого-либо продукта → https://vitkarpov.me/posts/what-is-system-design/

Восходящие звёзды JavaScript 2020 года: ежегодный обзор тенденций в мире фронтенда и Node.js с комментариями приглашённых экспертов → https://risingstars.js.org/2020/ru

Google API Improvement Proposals: коллекция документов, описывающих принятые правила проектирования API сервисов Google. Методы, названия полей, пагинация, фильтры и многое другое → https://google.aip.dev/

Как правильно разрабатывать формы в вебе: серия статей Остина Гила. 1. Семантика 2. Доступность 3. Стилизация 4. UX 5. Безопасность

Паттерн «импорт по взаимодействию»: Эдди Османи показывает, как отложить загрузку тяжёлой и независимой функциональности до момента, когда она потребуется пользователю → https://addyosmani.com/blog/import-on-interaction/

Что не так с экосистемой NPM: Сэма Блэкли напрягала установка зависимостей (ставишь одну, получаешь 100 в придачу), и он решил проанализировать все 1.3 миллиона пакетов из реестра и наглядно продемонстрировать проблемы. Результаты исследования и выводы → https://sambleckley.com/writing/npm.html

[Реклама] Сделайте прорыв в карьере благодаря английскому Начните работать над ним на бесплатном марафоне English For IT уже в ближайший понедельник, 18 января 💻 За 3 дня на марафоне вы: 🇺🇸 Поставите измеримые цели по изучению языка и начнёте идти к ним, не сворачивая. 🇺🇸 Чётко осознаете, что даст вам в работе знание английского: это источник мотивации, когда накрывает лень. 🇺🇸 Поймёте, что и как учить, чтобы не тратить время на то, что вам не нужно. 🇺🇸 Исправите ошибки, которые мешают вам в работе и тормозят рост сейчас. 🇺🇸 Выучите минимум 100 новых фраз и выражений для общения с клиентами и заказчиками на английском. Программа составлена специально для IT-специалистов, полученные знания вы сразу сможете использовать в работе. Регистрируйтесь и начните практиковаться уже сейчас 😎

Кастомизация компонентов и избавление от неиспользуемых модулей библиотеки Ant Design: опыт Ивана Копенкова из Mail.ru Cloud Solutions → https://habr.com/p/530798/

Обзор 10 лучших практик контейнеризации Node.js-приложений через Docker → https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/

[Вакансия, релокация в Санкт-Петербург] Верстальщик в финтех-стартап Orca, 70—110 тысяч рублей на руки Orca — платформа простого доступа к инвестициям на фондовом рынке (рынок Великобритании). Мы создаём решение, с помощью которого любой сможет купить акции и другие активы в один клик. Мы ищем cамостоятельного верстальщика, который будет верстать и поддерживать наши лендинги (пример — orca.app). Макеты от дизайнеров в Figma, контент заранее согласован, иногда будет нужна простая логика взаимодействия с бэкендом. Ближайшие задачи — определиться с инструментами (шаблонизатор, препроцессоры, etc), причесать существующие лендинги и наладить процесс разработки под себя. На горизонте года планируем начинать веб-версию сервиса, поэтому при желании можно будет перейти в полноценный фронтенд. От нас — официальное оформление, помощь с переездом в Санкт-Петербург, ДМС, питание, крутой офис и гибкость стартапа во всех вопросах. Присоединяйтесь → hh.ru/vacancy/41018791 или @anna_orca

Проекция раскладки: техника реализации сложных анимаций раскладки с 60 FPS. Мэтт Пэрри подробно рассматривает проблемы анимирования раскладки и представляет новую технику, которую он применил в Framer Motion → https://mattperry.is/writing-code/layout-projection-animate-browser-layout-60fps

Коммиты — это снимки состояния, а не диффы. Деррик Столи из GitHub объясняет, как коммиты устроены под капотом и как это знание может помочь в понимании команд rebase и cherry-pick → https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/

Дизайнеры Discord рассказали, как облегчили себе и фронтендерам работу, написав несколько плагинов для Figma (плагины теперь опенсорсные и вы тоже можете их использовать) → https://blog.discord.com/9a25c29f9143

[Реклама] Мечтаешь работать в кино или игровой индустрии? Skillbox создал практический онлайн-курс «‎Профессия 3D-artist» c гарантированным трудоустройством после обучения → https://clc.am/vsNkrA Даже если ты ничего не знаешь о 3D-моделировании, преподаватели-практики помогут тебе освоить необходимые навыки и инструменты с нуля. За год обучения ты: — изучишь работу в Photoshop на продвинутом уровне; — освоишь инструменты для моделирования персонажей игр, мультфильмов или рекламы; — научишься создавать реалистичные текстуры и фотореалистичных персонажей; — поймёшь, как создавать общий скульптинг тела и передавать анатомию человека и животных, а также особенности Hard Surface; — создашь портфолио и дипломную работу. По завершении обучения центр карьеры Skillbox найдёт тебе первую работу в компании — подберёт подходящие вакансии и организует собеседование. Успей записаться, пока действуют скидки до 60% → https://clc.am/vsNkrA

Вышел ежегодный чеклист быстродействия фронтенда от Smashing Magazine: всё, что нужно знать, чтобы ваш сайт загружался и работал быстро в 2021 году, от метрик до инструментов и подходов → https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/

Как инженеры GitHub реализовали трёхмерный глобус с визуализацией реальных пулреквестов на новой главной странице сервиса → https://github.blog/2020-12-21-how-we-built-the-github-globe/

Почему мнения «фронтенд для джунов» и «во фронтенде нет ничего сложного» ошибочны: Йегуда Кац в переводе Ивана Плесских объясняет, почему не стоит недооценивать фронтенд → https://habr.com/p/535724/