RU

Карандашный набросок, который заливается акварелью: разбираю эффект на SVG без библиотек

Делал интерактивную открытку на день рождения и хотел, чтобы картинка не просто появлялась, а «рисовалась»: сначала карандашные линии, пот…

svgjavascriptcreativeweb audio apismilcreative codingstroke-dashoffsetанимацияfeTurbulencesvg mask
Habr
RU

[Перевод] Жаргон функционального программирования

Функциональное программирование (ФП) предоставляет много преимуществ, и, как следствие, его популярность растет. Однако, каждая парадигма программир…

javascriptjsfunctional programmingfpфункциональное программированиетерминконцепцияterminologyconcepttimeweb_статьи_перевод
Habr
RU

Синдром Капгра, топоры и чистая математика: как я проектировала логику безумия для своей браузерной игры

«Обмани сербского» — это мой психологический симулятор судебно-психиатрической экспертизы, упакованный в эстетику терминала. Диспозиция простая : ты…

ретро игрыjavascriptjsгеймдевгеймдизайнинди-игрыинди-разработкасимулятор
Habr
RU

LandTS или новый ответ на старые вопросы о разработке фронтенда

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

frontendfrontend-разработкаtypescriptjavascriptcssreactкомпоненты
Habr
RU

Чей номер и чей БИК: две офлайн-библиотеки на открытых реестрах Минцифры и ЦБ

Когда в форме нужно проверить ИНН, подсказать банк по БИК или показать оператора по номеру телефона, обычно подключают внешний API. Мне захотелось о…

npmtypescriptjavascriptоткрытые данныебикреквизитыоператор связиреестр нумерацииофлайнgithub actions
Habr
RU

«Грет британ блть»: сделал тренажёр английского со своими PDF, карточками и конечно же ИИ

Небольшое приложение про «давай ебть английский», где ты не сидишь с учебником, а каждый день коротко отбиваешься от языка: карточки, мемы, озвучка,…

английскийанглийский языканглийский язык онлайнанглийский язык изучениеанглийский язык самообразованиеанглийский обучение языкианглийский онлайнpythonjavascripthtml
Habr
RU

Не хочу грузить свои документы в онлайн-сервисы. Поэтому сжимаю PDF прямо в браузере

Нужно было загрузить на сайт посольства пакет документов одним PDF – свидетельство о рождении, дипломы, справки. Лимит – 1 МБ. Загружать сканы всех…

pdfсжатие pdfpdf.jscanvasприватностьофлайнghostscriptopen sourcejavascript
Habr
RU

Как мы научили JavaScript анализатор понимать поток управления

Недавно в статический анализатор PVS-Studio была добавлена поддержка JavaScript/TypeScript, и он на старте умеет искать ошибки, связанные с потоком…

CFGстатический анализАнализ потока управленияjavascripttypescriptopen sourceкомпиляторыstatic analysiscompilerкомпилятор
Habr
RU

Я несколько месяцев изучал теорию категорий. Вот зачем она оказалась нужна мне как программисту

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

теория категорийфункциональное программированиеcategory theoryмонадыопытhaskelljavascript
Habr
RU

Luna Decisions в n8n для парсинга объявлений недвижимости: схема интеграции, ограничения и вопросы к сообществу

Где заканчивается парсинг и начинается решение Предыстория : около месяца назад подробно обсуждал архитектуру этого проекта в личке с хабровчанкой (…

n8nRedisgpt-6 lunadecisions apishadow modeавтоматизациябэкендjavascriptпарсинг
Habr
RU

[Перевод] Вышел Next.js 16.4

В релизах ветки 16.x мы постепенно внедряли новую модель разработки, которая решает многие проблемы, с которыми вы сталкивались с самого появления A…

next.jsjavascriptfrontendwebvercel
Habr
RU

Как React учился батчингу и как научить его «летать»?

Чтобы React летал как Vue 3, достаточно забрать у него тяжелые вычисления и переложить их на плоский реактивный граф зависи…

реактивностьреактивное программированиеперформанспроизводительностьоптимизация производительностиtypescriptjavascriptperformanceperformance optimization
Habr
RU

Детектив на статике: как я собрал ARG с пятью шифрами без бэкенда, регистрации и бюджета

Привет, Хабр. Я соло разработчик: студия из одного человека и ИИ ассистента. У нас есть сайт, и на нём живёт «дело №031»: сезонный детектив в формат…

ARGalternate reality gameстатический сайтlocalStorageшифрыjavascriptяндекс метрикаиндигеймдевдетектив
Habr
RU

Меня достала реклама, и я сделал свой торрент-клиент для Windows

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

ternторрент-клиентbittorrentwebtorrentelectronjavascriptwindowsopen sourceоптимизацияpet project
Habr
RU

Парсер расписаний после хабратестирования: полвторого, RRULE, systemd и производственный календарь

В прошлой статье я показал cronsense, библиотеку, которая переводит расписание на русском или английском в cron: «по будням в 9:30» → 30 9 * * 1-5 .…

cronrrulesystemdпроизводственный календарьtypescriptjavascriptnpmopen sourceпарсерnatural language processing
Habr
RU

Продвинутый статический анализ в TypeScript-проектах: выходим за рамки tsc и ESLint

👋 Привет! Меня зовут Александр, я работаю фронтенд-разработчиком в компании «МегаФон». Сегодня хочу поговорить о статическом анализе TypeScript-прое…

typescriptанализ кодастатический анализjavascriptтипобезопасностьeslinttscknipts-morph
Habr
RU

Готовый рецепт интерактивного обучающего курса в одном файле

Внутреннее обучение без бюджета, без серверов и без "запишитесь на вебинар". Один html-файл на ~118 Кб, который открывается двойным кликом, работает…

обучениеобучающий курсhtmlдата грамотностьгеймификациявнутреннее обучениеруководитель проектаjavascriptsvgcss3
Хабр — Управление
RU

[Перевод] 10 браузерных API, заменяющих библиотеки, которые я раньше все время устанавливал

10 браузерных API, заменяющих пакеты NPM и плагины jQuery: dialog, popover, переходы отображения (view transitions), structuredClone, groupBy и Temp…

javascriptjstimeweb_статьи_переводtimeweb_статьиweb apibaselinenpmlibraryfeatureвозможность
Habr
RU

Siri с Apple Intelligence на Mac с русским языком: как система принимает это решение и как её переубедить

Новая Siri с Apple Intelligence не работает на системе с русским языком — её просто нет в настройках. То же самое у поляков, чехов, греков, венгров…

siriapplemacosjavascriptавтоматизацияai
Habr
RU

Наводишь на слово в субтитрах — видишь перевод: расширение на встроенном ИИ Chrome

Я учу английский по сериалам. Смотрю с английскими субтитрами, и каждое незнакомое слово — это пауза, alt‑tab, переводчик, обратно. К…

chrome extensiontranslator apigemini nanoизучение английскогосубтитрыon-device aijavascript
Habr
RU

Как мы создали Open-Source альтернативу закрытым платёжным системам на React, Node.js и WebNFC

Представьте парк аттракционов, фуд-корт на фестивале, корпоративную столовую или сеть автомоек. Что их объединяет? Всем им нужна своя закрытая платё…

nodejsreactjavascriptnfcnfc-платежиплатежные сервисыплатежные системыбизнесмаркетингopensourse
Habr
RU

Кризис идентичности, или как Vue-разработчик мигрировал enterprise-проект на Angular 18

Всем привет! Меня зовут Павел Барсуков, я frontend-разработчик в компании «Программный Продукт». Основной мой стек – Vue, Nuxt и все рядом лежащее.…

миграцияangularангулартайпскриптджаваскриптjavascripttypescriptjstsmigration
Habr
RU

Публикуйте инструменты, а не пиксели: собираем WebMCP-магазин на React и считаем грабли

Представим обычный интернет-магазин. Пользователь открывает каталог, вводит «наушники» в поиск, включает фильтр наличия, задаёт цену до 10 000 рубле…

webmcpmodel context protocolai-агентыreactjavascriptgoogle chromeвайбкодингбраузерный apiorigin trial
Habr
RU

[Перевод] Полезные новшества в ECMAScript 2026

JavaScript получает новый стандарт языка каждый год. Некоторые редакции представляют синтаксис, который меняет то, как программы пишутся или как они…

timeweb_статьи_переводjavascriptjsecmascript2026webdevnew featuresновые возможностистандартstandard
Habr
RU

[Перевод] React 19.3

React 19.3 уже доступен в npm! В прошлом году мы представили View Transitions и Fragment Refs как новые экспериментальные API, которые готовились к…

reactreact.jsreact nativejavascriptjs
Habr
RU

Про то, как я научил своего аватара снимать видео по сценарию без ИИ-генерации видео (часть 2)

Продолжение истории о том, как я делаю собственного цифрового аватара для видеоблога — без нейросетевой генерации видео и необходимости самому появл…

after effectsphotoshopjavascriptскриптингаватарблогосфераблогерысоздание приложениясоздание проектацифровизация
Habr
RU

Как я схлопнул 14 переводов в 5: бот для дележа расходов на голом Node без единой зависимости

У нас с друзьями долги копятся не за один вечер, а месяцами. Сходили поесть, кто‑то заплатил за всех, на месте ск…

telegram bottelegram mini appsnode.jsjavascriptбез зависимостейалгоритмыдележ расходовраспознавание чеков152-ФЗpet project
Habr