Термин

Фронтенд

Всё, что человек видит и нажимает в твоём продукте: страницы, кнопки, формы. Код фронтенда работает прямо в браузере посетителя, любой может его открыть, поэтому секретам там не место.

Что это

Фронтенд - часть продукта, которая работает у пользователя: в браузере или в приложении на телефоне. Страницы, кнопки, формы, меню, анимации. Сам он почти ничего не решает: собирает, что ввёл человек, отправляет на сервер и показывает ответ. Считает и хранит бэкенд. Obsidian я называю просто фронтендом для заметок: удобное окно в папку, где лежит мой второй мозг.

Чем грозит незнание

Код фронтенда скачивается на компьютер каждого посетителя. Нажми в браузере F12, и он перед тобой. Всё, что туда попало, публично. Частая история: агент вставил ключ от платного сервиса прямо в страницу. Или в проекте на Next.js секрет положили в переменную с приставкой NEXT_PUBLIC_, «потому что иначе не работало». Такой ключ получает каждый посетитель.

Как это выглядит на практике

После каждой большой задачи прошу агента: «проверь, нет ли во фронтенде ключей, паролей и прямых запросов к платным сервисам». Внешний вид проверяю глазами с телефона: поехавшую вёрстку тесты обычно пропускают.

Связанные концепты

Термин

Переменная окружения

Настройка с именем, которая хранится отдельно от кода: ключ API, адрес базы данных. Программа читает её при запуске. На компьютере такие настройки лежат в файле .env, на сервере их вписывают в панель хостинга.

Термин

Ключ API

Длинная секретная строка, по которой сервис узнаёт твою программу и списывает деньги с твоего счёта. У кого ключ, тот и тратит твой баланс, поэтому ключ не вставляют ни в код, ни в чат с агентом.

Термин

Ревью кода

Проверка написанного кода до того, как он попадёт в рабочую версию: ошибки, дыры в безопасности, лишнее. Лучше всего её делает другой агент, который этот код не писал и не станет его защищать.

Термин

Библиотека

Готовый кусок чужого кода, который подключают к проекту, чтобы не писать своё: приём оплаты, анимации, чтение таблиц и PDF. Агент берёт библиотеки сам, а отвечаешь за каждую ты, как за свой код.

Термин

Pull request

Заявка влить правки из отдельной ветки в основную версию проекта. На её странице видно, что поменялось, там пишут замечания и гоняют проверки, а в рабочую версию правки попадают только после твоего «да».

Термин

Ветка

Отдельная линия истории проекта, где можно менять код и не трогать рабочую версию. Готовое сливают в основную ветку main, и обычно только из неё код попадает на сайт.

Гайды, упоминающие этот концепт

Claude Design в 2026: пошаговая инструкция и 5 готовых сценариев

Claude Design - новый инструмент Anthropic от 17 апреля 2026, который превращает текст в кликабельные прототипы. Разбираю что под капотом, сколько стоит, как подключить дизайн-систему из кодбазы и 5 промптов под типовые задачи вайб-кодера.

19 мин

Cursor vs Claude Code в 2026: что выбрать вайб-кодеру

Cursor 3 и Claude Code Opus 4.7 - два главных конкурирующих инструмента вайб-кодинга. Разбираю где какой выигрывает, сколько токенов жрёт каждый и как платить из России.

19 мин

DeepSeek vs Claude Code в 2026: счёт за ИИ-кодинг ниже в 5 раз

Reasonix - DeepSeek-агент с 99% cache hit. Разбираю экономику $12 vs $61, как оплатить из РФ, и какие задачи отдать Claude.

22 мин

Не ставь все Claude Code skills подряд: как выбрать нужные из 10 000 в 2026

10 000+ skills в маркетплейсах - и большинство только засорят твоего Claude. 6 критериев отбора, чек-лист безопасности и список из 12 проверенных навыков для вайб-кодера.

17 мин

Kimi K3 против Claude Code: обошла на фронтенде, стоит ли переходить

Kimi K3 - крупнейшая открытая модель, №1 на фронтенде и в разы дешевле Claude. Разбираю, где она сильнее, как подключить к Claude Code и оплатить из России.

18 мин

Kimi K3 в работе: отзыв и почему я вернулся на Claude Code

Kimi K3 обходит Claude по замерам, а в реальной работе оказывается вдвое медленнее и дороже. Разбираю по цифрам, что именно ломается.

15 мин

Codex от OpenAI: отзывы пользователей в 2026

Собрали отзывы о Codex от OpenAI с Reddit, GitHub и независимых обзоров 2026 года: за что хвалят, на что жалуются и сколько это стоит сейчас - каждый пункт со ссылкой на источник.

14 мин

GLM-5.2 догнала Claude Opus 4.8: открытая модель дешевле в 5 раз

Открытая GLM-5.2 догнала Claude Opus на рутине и стоит в разы дешевле. Где она реально заменяет Claude, где нет, и как подключить её в Claude Code.

16 мин

Claude Code тормозит в 2026: сколько расширений держать

Skill, subagent, MCP и plugin - четыре слоя одной архитектуры. Разбираю матрицу выбора, формулу композиции от Anthropic и 7 анти-паттернов с примерами из своих проектов.

20 мин

Что выбрать в Claude Code в 2026: Skills, Subagents, MCP или Plugins

Skills, subagents, MCP и plugins - четыре слоя расширений Claude Code. Дерево решений из 4 вопросов и готовая матрица «задача → слой» для вайб-кодера.

19 мин