This media is not supported in your browser
VIEW IN TELEGRAM
Дизайнеры Discord рассказали, как облегчили себе и фронтендерам работу, написав несколько плагинов для Figma (плагины теперь опенсорсные и вы тоже можете их использовать) → https://blog.discord.com/9a25c29f9143
Коммиты — это снимки состояния, а не диффы. Деррик Столи из GitHub объясняет, как коммиты устроены под капотом и как это знание может помочь в понимании команд rebase и cherry-pick → https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/
Проекция раскладки: техника реализации сложных анимаций раскладки с 60 FPS. Мэтт Пэрри подробно рассматривает проблемы анимирования раскладки и представляет новую технику, которую он применил в Framer Motion → https://mattperry.is/writing-code/layout-projection-animate-browser-layout-60fps
[Вакансия, релокация в Санкт-Петербург]
Верстальщик в финтех-стартап Orca, 70—110 тысяч рублей на руки
Orca — платформа простого доступа к инвестициям на фондовом рынке (рынок Великобритании). Мы создаём решение, с помощью которого любой сможет купить акции и другие активы в один клик.
Мы ищем cамостоятельного верстальщика, который будет верстать и поддерживать наши лендинги (пример — orca.app). Макеты от дизайнеров в Figma, контент заранее согласован, иногда будет нужна простая логика взаимодействия с бэкендом.
Ближайшие задачи — определиться с инструментами (шаблонизатор, препроцессоры, etc), причесать существующие лендинги и наладить процесс разработки под себя. На горизонте года планируем начинать веб-версию сервиса, поэтому при желании можно будет перейти в полноценный фронтенд.
От нас — официальное оформление, помощь с переездом в Санкт-Петербург, ДМС, питание, крутой офис и гибкость стартапа во всех вопросах.
Присоединяйтесь → hh.ru/vacancy/41018791 или @anna_orca
Верстальщик в финтех-стартап Orca, 70—110 тысяч рублей на руки
Orca — платформа простого доступа к инвестициям на фондовом рынке (рынок Великобритании). Мы создаём решение, с помощью которого любой сможет купить акции и другие активы в один клик.
Мы ищем cамостоятельного верстальщика, который будет верстать и поддерживать наши лендинги (пример — orca.app). Макеты от дизайнеров в Figma, контент заранее согласован, иногда будет нужна простая логика взаимодействия с бэкендом.
Ближайшие задачи — определиться с инструментами (шаблонизатор, препроцессоры, etc), причесать существующие лендинги и наладить процесс разработки под себя. На горизонте года планируем начинать веб-версию сервиса, поэтому при желании можно будет перейти в полноценный фронтенд.
От нас — официальное оформление, помощь с переездом в Санкт-Петербург, ДМС, питание, крутой офис и гибкость стартапа во всех вопросах.
Присоединяйтесь → hh.ru/vacancy/41018791 или @anna_orca
Обзор 10 лучших практик контейнеризации Node.js-приложений через Docker → https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/
Кастомизация компонентов и избавление от неиспользуемых модулей библиотеки Ant Design: опыт Ивана Копенкова из Mail.ru Cloud Solutions → https://habr.com/p/530798/
Что не так с экосистемой NPM: Сэма Блэкли напрягала установка зависимостей (ставишь одну, получаешь 100 в придачу), и он решил проанализировать все 1.3 миллиона пакетов из реестра и наглядно продемонстрировать проблемы. Результаты исследования и выводы → https://sambleckley.com/writing/npm.html
Паттерн «импорт по взаимодействию»: Эдди Османи показывает, как отложить загрузку тяжёлой и независимой функциональности до момента, когда она потребуется пользователю → https://addyosmani.com/blog/import-on-interaction/
Как правильно разрабатывать формы в вебе: серия статей Остина Гила.
1. Семантика
2. Доступность
3. Стилизация
4. UX
5. Безопасность
1. Семантика
2. Доступность
3. Стилизация
4. UX
5. Безопасность
👍1
Google API Improvement Proposals: коллекция документов, описывающих принятые правила проектирования API сервисов Google. Методы, названия полей, пагинация, фильтры и многое другое → https://google.aip.dev/
Восходящие звёзды JavaScript 2020 года: ежегодный обзор тенденций в мире фронтенда и Node.js с комментариями приглашённых экспертов → https://risingstars.js.org/2020/ru
System Design для самых маленьких: Виктор Карпов рассказывает об основных аспектах проектирования технической реализации какого-либо продукта → https://vitkarpov.me/posts/what-is-system-design/
[Вакансия, переезд в Москву или удалёнка]
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
Интерфейсы для тех, кто ещё не читает: Даша Васильева из Учи.ру делится принципами проектирования UX и UI для детей → https://habr.com/p/516356/
Книга Сергея Константинова обо всех аспектах и лучших практиках проектирования, развития и поддержки API → https://twirl.github.io/The-API-Book/
Инженеры Microsoft, Google и Salesforce предлагают добавить в HTML новый элемент popup, который сильно облегчит бандлы и жизнь фронтендеров → https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Popup/explainer.md
[Вакансия, волонтёрство]
IT-специалисты в ОВД-Инфо
ОВД-Инфо занимается мониторингом политических преследований и правовой помощью задержанным. Есть задачи для фронтендеров, Node.js, PHP, Python и ML-разработчиков.
Подробности → https://ovdinfo.medium.com/c5a6f2e585ed
IT-специалисты в ОВД-Инфо
ОВД-Инфо занимается мониторингом политических преследований и правовой помощью задержанным. Есть задачи для фронтендеров, Node.js, PHP, Python и ML-разработчиков.
Подробности → https://ovdinfo.medium.com/c5a6f2e585ed
Руководство по разработке адаптивной и доступной боковой навигации на современных технологиях вроде CSS-гридов → https://web.dev/building-a-sidenav-component/
Ускоряем загрузку страницы, скачивая библиотеку для логирования ошибок вроде Sentry только при возникновении ошибки → https://www.voorhoede.nl/en/blog/load-sentry-asynchronously-only-on-error/
Инженеры команды Chrome DevTools поделились опытом перевода кодовой базы Puppeteer на TypeScript → https://developers.google.com/web/updates/2021/01/puppeteer-typescript