RU

Почему фронтенд съедает больше времени, чем бэкенд

Статья про то, как построить приложение с AI-ассистентом и не застрять на самом неприятном месте, когда бэк готов, а интерфейс внезапно съедает недели…

ai-ассистентыspec-driven developmentvibe codingфронтендвеб-разработкаинтерфейсыplaywright mcpдизайн-системаaccessibilityкачество кода
Habr
RU

Почему хороший результат в разработке с ИИ начинается не с промпта

Хабр, привет! Меня зовут Сергей Бережной, я директор по взаимодействию с разработчиками в Яндексе и эксперт онлайн-магистратуры «Фронтенд-, бэкенд-раз…

иипромптпромпт-инжинирингпромптингразработкафронтенд-разработкабэкенд-разработкафронтендбэкенднейросети
Habr
RU

Каким инструментам разработки невозможно научиться по тьюториалам?

Хабр, привет! Меня зовут Илья Благородов, я занимаюсь разработкой уже более 30 лет, а ещё я — один из экспертов онлайн-магистратуры «Фронтенд-, бэкенд…

тьюториалбэкендархитектураитмопрактикумфронтендразработкаинструментыинструменты разработчика
Habr
RU

Ты не найдёшь эту ошибку. Потому что её нет в твоём коде. Как Self-describing API спасает от чужих рефакторингов

О том, как динамическая документация (Self-describing API) помогает синхронизировать фронт и бэк без ручного контроля, экономит 25 часов команды в нед…

javascripttypescriptrestapiapiopenapiархитектурафронтендbackendклиент-серверная архитектура
Habr
RU

[Перевод] Как использовать useMemo и useCallback?(спойлер) большинство из них можно удалить

Каково назначение хуков useMemo и useCallback? Какие ошибки и лучшие практики следует при их использовании, и почему удаление большинства из&nbsp…

оптимизацияфронтендuseCallbackuseMemomemoreact
Habr
RU

Почему разработчику нужно быть креативным в эпоху ИИ

Хабр, привет! Меня зовут Сергей Бережной, я директор по взаимодействию с разработчиками в Яндексе и эксперт онлайн-магистратуры «Фронтенд-, бэкенд-раз…

иипрактикумитмомагистратураонлайн-образованиефронтендбэкендразработкакреативностькреативное мышление
Habr
RU

Кастомизация Битрикс24 на платформе Вайбкод: создаём паспорт клиента

Тестируем платформу Битрикс24 Вайбкод для создания полезных приложений в своём бизнес-портале с помощью ИИ-агентов. Сегодня сделаем паспорт клиента: с…

фронтендбитрикс24вайбкод-платформавайбкодvibecodecrmrestapiкастомизация битрикс24typescriptbatch api
Habr
RU

Микрофронтенды. Стабильная интеграция нескольких SPA-приложений. Часть 2

Привет! В первой части бы поговорили о нашем подходе к мирофронтендам, модульной федерации и о том, как устроены интеграции. В этой, как и обещал, про…

javascriptвеб-разработкаинформационная безопасностьjsfrontendinfowatchфронтендreactинфовотчspa-приложения
Habr
RU

Микрофронтенды. Стабильная интеграция нескольких SPA-приложений. Часть 1

Привет, Хабр! Меня зовут Александр, я руковожу веб-разработкой в InfoWatch. Мы занимаемся проектированием решений, которые обеспечивают информационную…

веб-разработкаjsjavascriptreactfrontendфронтендинформационная безопасностьинфовотчinfowatchSPA-приложения
Habr
RU

Четыре релиза без единой новой функции. Почему иногда архитектура важнее новых возможностей

Четыре последних релиза моего проекта почти ничего не изменили для пользователя. Не появилось новых экранов, кнопок или возможностей. Зато именно за э…

мессенджерыархитектураэволюцияreactбекендфронтенд
Habr
RU

Оптимизация без AI: как я автоматизировал API-ручки и типы

На прошлой неделе я снова потратил полдня на то, чтобы понять, почему фронт падает после обновления бэка. Локально работало, а на стейдже ошибка. Оказ…

OpenAPISwaggerгенерация клиентаTypeScriptAPIфронтендавтоматизация
Habr
RU

Зачем разработчикам с самонакопленным опытом учиться и можно ли вырасти до мидла в онлайн-магистратуре

Привет, Хабр! Меня зовут Сергей Бережной, я директор по взаимодействию с разработчиками в Яндексе и эксперт онлайн-магистратуры «Фронтенд-, бэкенд-раз…

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

Браузерные расширения от А до П, где П — публикация в Google Store

Всем привет! Меня зовут Александр, я продуктовый инженер в KTS . Недавно мы разрабатывали AI-копайлот для сервис-деска в виде расширения на Chrome. Ко…

расширениярасширения chromeрасширения браузеровextensionsbrowser extensionstypescriptjavascriptфронтенд-разработкафронтенд
Habr
RU

Что брать на новый проект: валидный дефолт (React) или гринфилд ($mol)

Недавно под постом в канале MoscowJS разгорелся спор — со мной и организатором насчёт смола. Даже не столько насчёт смола, сколько в целом: стоит ли в…

$molфронтендJavaScriptTypeScriptReactVueDSLреактивностьview.treeновые фреймворки
Habr
RU

Отборочный на стажировку в Т-банк: опыт наших подписчиков

Уже 5 лет наш телеграм канал "Поступашки - ШАД, Стажировки и Магистратура" помогает ребятам получить первую работу в айти. Одним из таких первых место…

стажировкаТ-банкТинькоффАналитикабэкендМашинное обучениефронтенд
Habr
RU

Как я перешёл с React на Angular и не пожалел

Когда я говорю, что перешёл с React на Angular, на меня смотрят примерно так же, как если бы я сказал, что добровольно переехал из Амстердама куда-ниб…

angularreactфронтендTypeScriptRxJSnxоопархитектура фронтендасравнение фреймворковличный опыт
Habr
RU

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: стар…

ui-kitдизайн-токенылукоморьефронтендфронтенд-разработкафронтенд разработкафронтэнд javascriptvue.jsvuejsjavascript
Habr
RU

Как заставить AI-ассистента верстать премиальные интерфейсы вместо унылых серых шаблонов

Разбираем концепцию правил визуального вкуса (taste rules) и как вайбкодить фронтенд со вкусом. Настраиваем физику анимаций, цветоую палитру и правиль…

искусственный интеллектфронтендopen sourcecursorui designux дизайнcssreactанимацияразработка
Habr
RU

TypeScript vs JavaScript в 2026: почему TS обогнал JS и что это значит для разработчиков

В августе 2025 года TypeScript впервые возглавил рейтинг GitHub по числу активных контрибьюторов, обойдя Python и JavaScript. Изменился подход к напис…

typescriptjavascriptgithub octoversenode.jsфронтендразработкаproject corsats-разработчикзарплаты разработчиковмиграция на typescript
Habr
RU

Как я превратил хаотичные формы во Vue в типизированную модель данных (AdaptForm)

Как из миксинов для валидации форм вырастает полноценная TypeScript-библиотека с плагинами, масками и 500+ скачиваниями в неделю. История рефакторинга…

валидация формвалидация полейpydanticбиблиотекатипизацияфронтендфронтенд-разработкаnpm пакетыtypescriptjavascript
Habr
RU

Не ошибка выжившего: как я стал разработчиком в 2020-м — и как использовать мой опыт сегодня

Я не мечтал попасть в IT. У меня вообще не было ощущения, что это «моя история». Но в какой-то момент появилась возможность, которой я просто воспольз…

обучениевеб-разработкавеб-разработчикфронтендфронтенд-разработкафронтенд-разработчиккарьера в itкарьера ит-специалистатрудоустройствотрудоустройство в it
Habr
RU

Как добавить кнопку «Спроси о нас у ИИ» (Яндекс Алиса, ChatGPT, Claude и другие)

Новый тренд для сайтов - кнопка «Спросите ИИ о нас». Такие кнопки открывают Яндекс Алису, ChatGPT, Perplexity или другие ИИ-поисковики с заранее подго…

AI кнопкиChatGPTClaudeЯндекс АлисаJavaScriptтуториалинтеграцияфронтендвеб-разработкаURL-параметры
Habr
RU

Один фронтенд, чтоб править всеми, один фронтенд, чтоб всех найти: 1 точка входа, разные BI

Привет, Хабр! Меня зовут Игорь Красавин, и я работаю frontend-разработчиком в компании VK. Сегодня хочу рассказать вам, как мы объединяли несколько BI…

frontendфронтендbi-системыобъединениеSPA-навигацияистория браузера
Habr
RU

Не прячьте интерфейс в код: защищаем внешний вид как промобразец, изобретение и товарный знак

Проблема — копируют интерфейс, а код переписывают. Регистрация ПО не поможет, потому что она защищает бэк, а фронт так и остается беззащитным.  П…

защита приложенийзащита дизайнафронтендфронтенд-разработкабэкендбэкенд-разработкаинтерфейсызащита интерфейсапатентинтеллектуальная собственность
Habr
RU

[Перевод] Спустя 5 лет и $5 миллионов: почему создание нового языка для веб-разработки оказалось ошибкой

В  Wasp мы создаём фулстек-фреймворк — наподобие Rails или Laravel для JS, только ещё и расширенный на фронтенд. Мы с моим братом-близнецом начал…

ruvds_переводпрограммированиеwaspreacttypescriptфронтендбэкендфреймворки для разработки
Habr
RU

Паттерн Backend for Frontend (BFF) в разработке современных приложений

Когда мы пытаемся в одном бэкенде совместить и строгую бизнес-логику, и все «рюшечки» для фронта — получается монстр Франкенштейна . Это потому, что с…

bffфронтендбэкендсинимекссистемный анализмикросервисы
Habr
RU

Книга: «Фулстек JavaScript: Секреты, которые должен знать каждый мидл»

Привет, Хаброжители! Как практикующий разработчик ПО вы уже умеете качественно выполнять задачи — на фронтенде или бэкенде. Пора перейти на следующую …

JSфулстекфронтэндфронтендСимпсонfull-stackjavascriptкниги по программированиюкнига
Habr