Делаешь ли задачи на Backend

Делаешь ли задачи на Backend как Frontend разработчик?

Это вопрос о том, требуется ли frontend разработчику писать бэкенд код. Ответ зависит от контекста и типа проекта. Я расскажу о реальной ситуации на рынке.

Специализация vs. Универсальность

Специализированный Frontend

В крупных компаниях (Google, Meta, Яндекс) frontend разработчики глубоко специализированы на фронтенде:

Что делают:

• Разработка UI компонентов
• Оптимизация производительности
• Работа с DOM и браузером
• State management (Redux, MobX, Context API)
• Тестирование фронтенда (Jest, Playwright, Testing Library)

Чего обычно НЕ делают:

• Писать серверную логику
• Проектировать БД
• Управлять инфраструктурой

// Frontend задачи
const UserProfile = ({ userId }) => {
  const [user, setUser] = useState(null);
  const [loading, setLoading] = useState(true);
  
  useEffect(() => {
    // Вызываем API, но не пишем его
    fetch(`/api/users/${userId}`)
      .then(r => r.json())
      .then(data => setUser(data))
      .finally(() => setLoading(false));
  }, [userId]);
  
  return loading ? <Spinner /> : <div>{user.name}</div>;
};

Fullstack / Универсальный разработчик

В стартапах и малых компаниях frontend разработчики часто пишут и бэкенд:

Преимущества:

• Лучшее понимание всей архитектуры
• Быстрее развиваться как разработчик
• Больше ответственности и уважения
• Выше оплата труда

Недостатки:

• Нужно учить новые стеки (Node.js, Python, Go)
• Меньше времени на спец. навыки фронтенда
• Легче выгореть от большого объема знаний

Реальная ситуация на рынке

Стартапы и малые компании (50-200 человек)

Требуется: 30-50% бэкенд задач

Особенно на начальных этапах:

// Backend на Node.js
import express from 'express';

const app = express();

app.get('/api/users/:id', async (req, res) => {
  const user = await db.users.findById(req.params.id);
  res.json(user);
});

app.listen(8000);

Фронтенд разработчик может писать такой код на Node.js/Express.

Средние компании (200-1000 человек)

Требуется: 10-20% бэкенд задач

• Участие в API дизайне
• Баги в API интеграции
• Простые фиксы на бэкенде
• Написание mock сервера для тестирования

Крупные компании (1000+ человек)

Требуется: 0-5% бэкенд задач

• Полная специализация
• Иногда консультация с бэкенд командой

Какие бэкенд задачи может делать frontend?

1. API интеграция и дизайн

// Frontend предлагает API контракт
GET /api/v1/users
{
  "id": "uuid",
  "name": "string",
  "email": "string",
  "created_at": "ISO 8601"
}

Backend реализует согласно этому контракту.

2. Mock сервер для разработки

// json-server или Mirage.js
import { createServer } from 'mirage';

const server = createServer({
  routes() {
    this.get('/api/users', () => ([
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' }
    ]));
  }
});

3. Исправление простых бэкенд багов

// Бага: API возвращает неправильный формат даты
// Frontend может временно исправить на фронте
const formatDate = (isoString) => {
  return new Date(isoString).toLocaleDateString();
};

// Затем писать тикет в backend команду на постоянный фикс

4. Бэкенд на JavaScript (Node.js)

Легче всего фронтенд разработчику писать бэкенд на Node.js (JavaScript/TypeScript):

// Backend на Node.js + Express (знакомый стек)
import express, { Request, Response } from 'express';
import { database } from './db';

const router = express.Router();

router.get('/posts/:id', async (req: Request, res: Response) => {
  const post = await database.posts.findById(req.params.id);
  
  if (!post) {
    return res.status(404).json({ error: 'Not found' });
  }
  
  res.json(post);
});

export default router;

5. Admin панель и CMS

Фронтенд может написать админ панель:

// React + Headless CMS
import { CmsProvider } from '@headless-cms/react';

const AdminDashboard = () => (
  <CmsProvider apiKey="...">
    <ContentEditor />
    <UsersManager />
    <AnalyticsDashboard />
  </CmsProvider>
);

Когда фронтенду нужно учить backend?

Вы должны учить backend если:

1. Работаете в стартапе - обязательно
2. Хотите стать fullstack - карьерная цель
3. Работаете на Node.js - расширение навыков
4. Интересует DevOps и инфра - дополнение
5. Хотите больше зарплату - fullstack дороже

Вы НЕ должны учить backend если:

1. Работаете в крупной компании - специализация ценится
2. Глубоко любите фронтенд - углубляйте знания
3. Нет времени - лучше быть экспертом в одном

Практический совет

Минимальный бэкенд, который должен знать frontend:

// 1. HTTP методы
GET    - получение данных
POST   - создание
PUT    - полное обновление
PATCH  - частичное обновление
DELETE - удаление

// 2. Статус коды
200 - OK
201 - Created
400 - Bad Request
401 - Unauthorized
403 - Forbidden
404 - Not Found
500 - Server Error

// 3. REST API дизайн
// Правильно
GET    /api/users
GET    /api/users/:id
POST   /api/users
PUT    /api/users/:id
DELETE /api/users/:id

// 4. Базовая SQL
SELECT * FROM users WHERE id = 1;
INSERT INTO users (name, email) VALUES ('John', 'john@example.com');
UPDATE users SET name = 'Jane' WHERE id = 1;
DELETE FROM users WHERE id = 1;

// 5. JSON
{"id": 1, "name": "John", "email": "john@example.com"}

Современный тренд: T-shaped разработчик

На рынке ценятся T-shaped разработчики:

     /\
    /  \  <- Глубокие знания в одной области (вертикаль)
   /    \
  /______\  <- Базовые знания во всех смежных областях (горизонталь)

Для фронтенд разработчика это означает:

• Глубина: React, TypeScript, CSS, Performance, Testing
• Ширина: Базовое понимание backend, DevOps, дизайна, UX

Вывод

Ответ на вопрос: Зависит от компании и твоих целей.

• В стартапах: 30-50% времени на бэкенд
• В средних компаниях: 10-20% времени на бэкенд (интеграция, API дизайн)
• В крупных компаниях: почти 0% времени на бэкенд

Рекомендация: имей базовое понимание backend (REST API, HTTP, БД), но специализируйся в фронтенде. Если интересует fullstack - начни с Node.js, это ближе всего к JavaScript фронтенду.