Вайб-кодинг: создавай продукты с помощью AI, даже если никогда не писал код

Вам не нужно помнить синтаксис Tailwind-классов. Вам нужно знать, что flex — это способ расположить элементы в ряд, а grid — в сетку. Какой именно класс — подскажет AI.

Это как знание иностранного языка. Вам не нужен словарный запас в 50 000 слов. Вам нужно знать 500 ключевых слов и уметь пользоваться переводчиком. AI — это ваш переводчик с «языка идей» на «язык кода».

Вот список концепций, которые полезно понимать на уровне «что это и зачем» (без синтаксиса):

— Переменная — ячейка для хранения данных. Как коробка с подписью.

— Функция — набор действий, который можно вызвать по имени. Как рецепт.

— Условие — «если это, то сделай то». Как развилка на дороге.

— Цикл — «повтори N раз» или «для каждого элемента списка».

— Массив — список чего-то: список пользователей, список товаров.

— Объект — набор свойств: у пользователя есть имя, email, возраст.

— Компонент — самостоятельный кусок интерфейса.

— Пропсы (props) — данные, которые передаются в компонент снаружи.

— Состояние (state) — данные, которые могут меняться внутри компонента.

— API-запрос — обращение к серверу за данными.

— Асинхронность — операция, которая занимает время (загрузка данных), и код не ждёт её окончания, а продолжает работать.

Этих 11 концепций хватит для 80% ваших промптов. Остальное подхватите по ходу работы.