Frontend | Иван Усынин – Telegram
Frontend | Иван Усынин
149 subscribers
35 photos
5 videos
20 links
👨🏻‍💻 TechLead Frontend в Альфа-Банк. Запускал проекты в production до того, как это стало мейнстримом.

💡 На канале: рабочие заметки, решение возникающих проблем, полезные материалы про Frontend

Связаться: @usyninis
Download Telegram
Выступил с техническим докладом по frontend-архитектуре нашего проекта на внутрибанковском Tech Demo.

🎓 Поделился решениями по разработке и поддержке front-приложений с учетом архитектуры микрофронтов и особенностями встраивания их в различные системы.
👍7🔥1
Рабочее место на сегодня 🌳👨🏻‍💻
🔥5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Разработали новый компонент распознавания паспортных данных

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

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

👨‍💻 С точки зрения бизнес функциональности можно так же считать документ невалидным в зависимости от результатов распознования (например, плохое качество изображения).

p.s: на записи все данные вымышлены :)

#workflow@usyninis_dev #js #javanoscript #frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
Хочу порекомендовать сервис, которым регулярно пользуюсь: ндфлка.ру

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

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

Получай вычет без головной боли) а еще, небольшой бонус при регистрации по ссылке: https://ndflka.ru/ref/b2e2d 🙂
3
🔥 На прошлой неделе в нашем департаменте прошел AI Хакатон по промт-инженерии. 415 инженеров соревновались в написании промтов и создании работающего web-приложения с помощью искусственного интеллекта 🤖

⭐️ Я участвовал в качестве эксперта жюри по компетенции JS, оценивая промты участников по множеству критериев. Было очень даже не просто, узнал множество нюансов по взаимодействию с AI и написанию промтов.

По итогам хакатона еще раз убедился в том, что важно не только наличие инструмента, но и то, как ты им пользуешься 🙂

Что касается меня: использую AI уже давненько, но в основном взаимодействую с чатами. До этапа когда за меня AI пишет код или делает задачи пока не дошел 😅

#ии #AI #хакатон #tech #chatgpt #frontend #js #react #typenoscript #prompts #workflow@usyninis_dev
👍3🔥31
🚨 Новость, о которой говорят.

Случилась самая масштабная атака на экосистему JavaScript: хакеры через фишинг увели npm-аккаунт популярного мейнтейнера Qix и запушили обновления в 18 ключевых пакетов (`chalk`, debug, strip-ansi, color-convert и др.) — суммарно это 2,6 млрд загрузок в неделю.

Уверен, у вас это уже обсуждают в рабочих чатах. Но что можно сделать прямо сейчас, чтобы обезопасить себя?

Пошаговая инструкция

1. Проверить, используются ли в проекте эти либы:


npm ls ansi-styles debug chalk supports-color strip-ansi ansi-regex wrap-ansi color-convert color-name is-arrayish slice-ansi color color-string simple-swizzle supports-hyperlinks has-ansi chalk-template backslash error-ex


Более точная проверка (по конкретным заражённым версиям):


npm ls ansi-styles@6.2.2 debug@4.4.2 chalk@5.6.1 supports-color@10.2.1 strip-ansi@7.1.1 ansi-regex@6.2.1 wrap-ansi@9.0.1 color-convert@3.1.1 color-name@2.0.1 is-arrayish@0.3.3 slice-ansi@7.1.1 color@5.0.1 color-string@2.1.1 simple-swizzle@0.2.3 supports-hyperlinks@4.1.1 has-ansi@6.0.1 chalk-template@1.1.1 backslash@0.2.1 error-ex@1.3.3


2. Проверить lock-файлы (важно даже если в package.json всё ок):
– Проверить наличие пакетов:


grep -E 'ansi-styles|debug|chalk|supports-color|strip-ansi|ansi-regex|wrap-ansi|color-convert|color-name|is-arrayish|slice-ansi|color|color-string|simple-swizzle|supports-hyperlinks|has-ansi|chalk-template|backslash|error-ex' \
package-lock.json yarn.lock pnpm-lock.yaml 2>/dev/null


– Проверить заражённые версии:


grep -E 'ansi-styles@6.2.2|debug@4.4.2|chalk@5.6.1|supports-color@10.2.1|strip-ansi@7.1.1|ansi-regex@6.2.1|wrap-ansi@9.0.1|color-convert@3.1.1|color-name@2.0.1|is-arrayish@0.3.3|slice-ansi@7.1.1|color@5.0.1|color-string@2.1.1|simple-swizzle@0.2.3|supports-hyperlinks@4.1.1|has-ansi@6.0.1|chalk-template@1.1.1|backslash@0.2.1|error-ex@1.3.3' \
package-lock.json yarn.lock pnpm-lock.yaml 2>/dev/null


3. Если нашли — удалить заражённые версии:


npm cache clean --force
rm -rf node_modules
rm -f package-lock.json yarn.lock pnpm-lock.yaml
npm install # или yarn / pnpm


4. Залочить безопасные релизы:
– В npm можно добавить блок "overrides" в package.json:


{
"overrides": {
"chalk": "<5.6.1 || >5.6.1",
"debug": "<4.4.2 || >4.4.2"
// и так далее по списку
}
}


Это запретит ставить заражённые версии, но позволит брать старые или новые безопасные.

– В yarn/pnpm проще закрепить конкретную безопасную версию, например:


{
"resolutions": {
"chalk": "5.6.0"
}
}


⚡️ Советую не откладывать в долгий ящик проверку своих продуктов. Если что-то нашли — заводите задачу, подключайте всех ответственных.

Ну и пересылайте инструкцию своим коллегам.

Ну что, нашли зараженный пакет у себя в проекте?

Let’s keep in touch | 🚀 Дать Boost
👍1🔥1
Media is too big
VIEW IN TELEGRAM
Слив! Архив 468 докладов FrontendConf =)

Ребята, я вам принес огроменный архив, в котором вы найдете все доклады за 10 лет нашей конференции! Делитесь со своими фронтендерами, забирайте, смотрите, изучайте, эксперементируйте)

- FrontendConf 2024, 56 докладов
- FrontendConf 2023, 50 докладов
- FrontendConf 2022, 42 доклада
- FrontendConf 2021, 40 докладов
- FrontendConf Live 2020, 62 доклада
- FrontendConf 2019, 32 доклада
- FrontendConf 2019 (РИТ++), 34 доклада
- FrontendConf 2018, 36 докладов
- FrontendConf 2018 (РИТ++), 37 докладов
- FrontendConf 2017 (РИТ++), 30 докладов
- FrontendConf 2016 (РИТ++), 18 докладов
- FrontendConf 2015 (РИТ++), 31 доклад

До конференции остался ровно месяц! 20-21 октября пройдет FrontendConf 2025. Промокод со скидкой: fc25_TiredGlebMikheev

https://frontendconf.ru/moscow/2025
❤‍🔥21
Я на FrontendConf 2025

Уже совсем скоро: 21 октября выступаю на одной из крупнейших конференций для фронтенд-разработчиков в России.

✔️ Тема доклада: Микрофронтенды: упрощаем разработку через dev-окружение

Это мой первый опыт выступления на подобном мероприятии. Настрой отличный, постараюсь дать максимум пользы 💬

Подробнее о докладе и самой конференции: https://frontendconf.ru/moscow/2025/abstracts/16074

#js #javanoscript #front #frontend #web #developer #frontendconf2025
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥51
📢 Выступил с докладом на FrontendConf 2025

По результатам выступления было много интересных вопросов по теме, а некоторые - более глубокие, уходящие в архитектуру.

Это радует, значит тема была полезной и актуальной. 🏆

Спасибо организаторам мероприятия и каждому слушателю за внимание!

#js #javanoscript #front #frontend #web #developer #frontendconf2025
🔥16👍62
A?.Frontend B-Day Meetup

🎉 Уже завтра - 29 октября в Санкт-Петербурге пройдет frontend-meetup, где будем праздновать день рождения комьюнити A?.Frontend.

Приглашаю всех на событие: участвовать можно как офлайн, так и онлайн 🧑‍💻 .

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

Зарегистрироваться и ознакомиться с полной программой мероприятия можно по ссылке:
https://digital.alfabank.ru/events/frontend-b-day-meetup
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩41👍1
Выступил на A?.Frontend B-Day Meetup

Вчера прошел очень душевный митап, посвященный дню рождения сообщества разработчиков A?.Frontend 🎂

Уютный зал, полностью заполненный гостями, диджей с отличной музыкой , вкусные угощения, крутые и полезные доклады - все это оставило приятные впечатления. Рекорд регистраций был побит 🏆

Я выступал первым - запись выступления можно найти тут:
⚡️ YouTube
⚡️ VK

Спасибо нашей отличной команде организаторов 😎

#frontend #js #meetup
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍3