RU

Как совмещать работу и учёбу: кейс студентки онлайн-магистратуры ИТМО в партнёрстве с Яндексом

Привет, меня зовут Кристина Меликова, я учусь в онлайн-магистратуре ИТМО в партнёрстве с Яндексом на программе «Фронтенд и бэкенд-разработка» и рабо…

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

Сложные сайты на вайбкоде: четыре лендинга, два пути к «дорогим» эффектам и 3D-логотип из спрайтов

TL;DR За последний год я собрал вайбкодингом не один десяток лендингов — для программ МФТИ, для своих проектов и на заказ. Разберу четыре самых пока…

вайбкодингWebGLThree.jsшейдерылендингClaude CodeфронтендGLSLанимацияAI-агенты
Habr
RU

Картинка грузится, а fetch к тому же хосту — нет: как CSP тихо сломала три интеграции

Полгода назад я закрыл замечание аудита «на сайте нет CSP» — прописал Content‑Security‑Policy с белым списком хостов, проверил, что н…

cspcontent-security-policyconnect-srcnext.jsотладкамониторингфронтенд
Habr
RU

Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

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

ReactuseStateuseEffectuseCallbackuseMemouseRefReact.memoStrictModeConcurrent Modeфронтенд
Habr
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? Какие ошибки и лучшие практики следует при их использовании, и почему удаление большинства из&nb…

оптимизацияфронтенд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