qvib.pro
EN

Fullstack Engineer

Закрывает фичу целиком — от интерфейса до базы данных и API.

бесплатно любой

Кто это и зачем нужен

Fullstack Engineer закрывает фичу целиком — от кнопки в интерфейсе до строки в базе данных и API между ними. Его миссия — довести ценность end-to-end без «передачи через забор» между фронтом и бэком. Это типовой профиль для небольших команд и вайб-кодинга: один человек (или один человек + ИИ) держит фичу полностью.

Боль, которую он закрывает: на стыке фронта и бэка теряется время и смысл — «фронт ждал одно, бэк отдал другое», координация двух людей на одну фичу, контракт разъезжается. Фуллстек убирает шов.

Что ломается без него (в малой команде): фича дробится между людьми и буксует на интеграции, контракт рассинхронизируется, никто не отвечает за «фичу целиком» — только за свой кусок.

День из жизни

Утро. Берёт историю целиком. Проектирует контракт между клиентом и сервером (типы — единый источник правды), решает, где какая логика. Пишет тест на сквозной сценарий. День. Реализует бэкенд-эндпоинт и фронт-компонент согласованно, держит типы контракта синхронными. Ловит края на обеих сторонах. Прогоняет e2e-сценарий в браузере — фича работает от клика до данных. Вечер. Оформляет PR (фронт+бэк в одном потоке), проходит ревью, обязательный браузерный прогон, фиксирует решения.

Ключевые навыки

Hard: фронт (HTML/CSS/TS + фреймворк, состояние) И бэк (язык, фреймворк, БД/SQL, API, auth), общий контракт и типы (часто end-to-end TS), e2e-тесты (Playwright), базовый DevOps (деплой, окружения), безопасность основ. Soft: широта (готовность переключаться между слоями), приоритизация глубины (где надо копнуть, где достаточно), целостное мышление о фиче, самостоятельность.

Артефакты, которые пишет

  • Код фронта и бэка — согласованные части.
  • Контракт API + типы — единый источник правды.
  • e2e-тесты — сквозной сценарий «клик → данные».
  • PR — фича целиком. Реализует по User Story; контракт — как System Analyst, но сам; готовность — Definition of Done (включая браузерный прогон).

Как ИИ/вайб-кодинг усиливает роль

  1. Согласованный клиент+сервер. Промт: «Сгенерируй фичу <избранное у карточки> end-to-end: бэкенд-эндпоинт (Fastify+TS, валидация, БД), фронт-хук и кнопку (React+TS), общий тип контракта. Чтобы типы совпадали.»
  2. e2e-тест. Промт: «Напиши Playwright-тест сквозного сценария <пользователь добавляет в избранное и видит его после перезагрузки>
  3. Синхронизация типов. Промт: «Вот тип ответа бэка <…> и его использование на фронте <…>. Приведи к единому источнику правды, отметь рассинхрон.»
  4. Быстрый прототип. Промт: «Собери минимальный работающий прототип фичи <…>: один эндпоинт + один экран, без лишних абстракций, чтобы проверить идею.»
  5. Отладка через слои. Промт: «Баг: на фронте <симптом>. Пройди по слоям (UI → запрос → эндпоинт → БД) и предложи, где искать причину.»

Путь развития: Junior → Middle → Senior → Lead

  • Junior: делает простые фичи на обоих слоях по образцу, под присмотром на интеграции.
  • Middle: ведёт фичу end-to-end самостоятельно, держит контракт и e2e, ловит края на обеих сторонах.
  • Senior: проектирует фичи целиком с учётом архитектуры фронта и бэка, оптимизирует, наставляет, выбирает где глубина нужна.
  • Lead / Tech Lead: ведёт продукт/модуль целиком, технические решения по всему стеку, рост команды.

Частые ошибки и как избежать

  • «Мастер на все руки, профи ни в чём». → Имей опорную глубину (фронт ИЛИ бэк сильнее), широту добирай ИИ и практикой.
  • Рассинхрон контракта. → Единый источник правды для типов (end-to-end TS / схема), а не два независимых определения.
  • Края только на одной стороне. → Проверяй и фронт, и бэк; ошибка может прятаться на любом слое.
  • Прототип уехал в прод как есть. → Прототип для проверки идеи; перед продом — тесты, безопасность, края.
  • Пропуск e2e. → Фича целая → проверяй её целиком, сквозной сценарий + браузерный прогон.

Что освоить (мини-программа)

  • Концепции: клиент-серверная архитектура, контракт и типизация end-to-end, состояние на фронте, БД/транзакции, e2e-тестирование, основы деплоя и безопасности.
  • Инструменты: TS повсюду, React + Node/Fastify (или свой стек), PostgreSQL, Playwright, Vite, Git.
  • Почитать/посмотреть: документация стека; «The Pragmatic Programmer»; материалы по end-to-end типизации (tRPC/zod); скиллы frontend-design, vercel-react-best-practices.

Зарплатные ориентиры (RU)

  • Junior Fullstack: ~90–150 тыс ₽/мес.
  • Middle Fullstack: ~150–280 тыс ₽/мес.
  • Senior Fullstack: ~280–450 тыс ₽/мес.

    Зависит от грейда, стека, города и года — проверяй актуальное.

Маппинг на агента Laskoff

Прямого mapsTo нет, но full-stack профиль — типовой для вайб-кодинга и его ведёт агент engineer. В Quest engineer реализует фичу end-to-end через TDD под единый spec, синхронизирует фронт и бэк, держит проверки зелёными; обязательный e2e/браузерный прогон (Playwright) перед закрытием — ровно «проверь фичу целиком».

🤖 Промт-персона

Ты — сильный Fullstack Engineer (TS end-to-end, React + Node). Помогаешь мне доводить фичи целиком — от UI до базы. Всегда держи единый источник правды для контракта и типов между клиентом и сервером, чтобы они не разъезжались. Решай, где какая логика, и проверяй края на обеих сторонах. Прототип отделяй от прода (для прода — тесты, безопасность, края). Любую фичу проверяй сквозным e2e-сценарием и браузерным прогоном. По запросу выдавай согласованные клиент+сервер куски и e2e-тесты. Отлаживай, проходя по слоям UI → запрос → эндпоинт → БД.

Read in English →