Social Media Ideas for Frontend-Разработка

Пятая кнопка за вечер. Архитектура фронтенда под контекст LLM

К концу второго месяца vibe coding на фронте моего пет-проекта жили пять компонентов кнопки, четыре спиннера, компонент страницы на 700 строк и шапка, которая показывала один балан...

Как мы переводили страницу объявления на Beduin в мобильной версии Авито

Всем привет! Меня зовут Егор Савинцев, я Frontend Platform Engineer в Авито. Сейчас я работаю в команде архитектуры, а до этого в команде Phobos в рамках Платформизации переводил с...

Фронтенд никогда не умрёт

Каждые пять лет я слышу одно и то же: фронтенд больше не нужен, ему остался последний год. Сначала говорили про визуальные конструкторы - Wix, Tilda, все дела. Потом, когда ИИ выст...

3 хорошие привычки начинающего фронтендера

Привет, Хабр!Давно я не писал статей для начинающих фронтендеров. Сейчас им приходится знать ещё больше, чем раньше, но есть и хорошая новость. В вёрстке есть хорошие привычки, кот...

Как я собрал на одном Angular коде: личный кабинет для сайта, Telegram Mini App, iOS и Android

Я Angular-разработчик и один пишу фронтенд своего сервиса "НеБалкон". Сначала был только сайт, но довольно быстро понадоблись личный кабинет, Telegram Mini App и приложения для iOS...

Как DevSpace ускорил проверку микрофронтендов

Чтобы проверить небольшую правку в микрофронтенде вместе с настоящим хостом, мне приходилось либо ждать полный CD-пайплайн, либо локально конфигурировать и поднимать хост, разводит...

Frontend

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

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

Продуктовая гипотеза или баг фронтенда: как перестать угадывать почему пользователи не дошли до цели

Возьмём типичный отчёт воронки интернет‑магазина: «Каталог → Товар → Корзина → Оформление заказа → Оплата». До последнего шага дошло 38% сессий, остальные 62% потерялись между «Офо...

Front-End & Back-End Integration

I have a working front end written in plain HTML and JavaScript and a lightweight back end that also runs in JavaScript. Right now they operate in isolation. I need the two layers...

Разработчики больше не нужны для релиза. Нужны JSON Schema и Monaco

У нас было около сотни репозиториев-форков одного виджета — по одному на клиента, каждый на своей версии ядра, со своим CI и своим Nginx. Подключение клиента занимало две недели и...

Прототипирование фронта в 2к26 от системного аналитика

Раньше для согласования интерфейса я собирал макет в Figma, описывал каждое поле, отдавал его дизайнеру, а потом отдельно объяснял логику фронтенд-разработчику.В 2026 году тот же п...

FSD, Clean или modular? Шесть вариантов React-магазина под четырьмя изменениями

Мы вынесли компактную карточку банковской карты в entities/card/ui: маска номера, баланс и статус — решение казалось очевидным.Через два спринта в карточке появились действия «забл...

Часть 1. Как я делаю backend для браузерной игры три в ряд: server-driven контент, транзакции и идемпотентность

Часть 1. Как я делаю backend для браузерной игры три в ряд: server-driven персонажи и способности, общий контракт клиента и сервера, версионирование контента, транзакции, идемпотен...

Optimizar sitio y añadir login

Tengo un sitio ya maquetado en HTML, CSS y JavaScript que necesita los últimos ajustes antes de salir a producción. Qué hay que hacer • Pulir la estética: hay detalles de espac...

Бесшовный переезд с Perl на Nuxt: история одного 20-летнего монолита

Привет, Хабр! Меня зовут Эрнест Гилязов, я тимлид группы разработки интерфейсов Рунити. В этой статье расскажу, как мы переносим на новый стек проект Рег.ру, кодовой базе которого...

Как мы победили рутину: строим spec-driven платформу для генерации email

410 вариантов писем, сотня микросервисов и до 15 файлов, которые приходилось править ради одной нотификации. Добавление письма превратилось в квест: создай компонент, подключи, опи...

Вышла стабильная htmx 4.0 — открытая библиотека для более легких веб-приложений

Источник: Компьютерра - Журнал о науке и технологиях Разработчики представили стабильный релиз htmx 4.0. Библиотека, которая позволяет обновлять страницы без перезагрузки и писать...

Создаём веб-приложение с Claude Code: добавляем в проект Git

Туториал о создании собственного веб-приложения с помощью ИИ-агента Claude Code. Всю работу мы делаем через агента: наши статьи специально написаны для тех, кто работает через чат...

Мы починили вход в приложение iGuides через ВКонтакте

Тестируем!

Build Web Text Chat Application

I need a lightweight, real-time chat application that runs entirely in the browser. The whole project revolves around one key requirement: fast, reliable text messaging on the Web....

[Перевод] Как связать дизайн-токены Figma с кодом — Часть 1

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

24 главы, два языка и живой Event Loop: как я собрал с Codex лабораторию по backend-разработке

В 2026 году AI-агенты уже неплохо пишут прикладной код. Но если просто принимать готовые реализации, проект развивается быстрее, а разработчик — не обязательно.Поэтому я собрал с C...

История одного архитектурного круга: реактивность Vue

Vue снова меняет способ обновления интерфейса: теперь на горизонте Vapor и рендеринг без Virtual DOM. Зачем очередная архитектурная перестройка и что не устраивает команду Vue в ны...