Часть 2. Из второго модуля: редактор и хранение кода

Как читать чужой код

Пять приёмов для тех, кто не программист. Читать — не значит писать

Прочтите это первым

⚠️

Этот материал — необязательный. Для общего развития.

Вам НЕ нужно уметь читать код, чтобы пройти курс и собирать проекты. Всё, что здесь описано, ИИ прекрасно делает сам: понимает код, находит ошибки, объясняет, чинит.

Это как уметь читать состав на упаковке продукта. Полезно для понимания, но готовить можно и без этого — повар (в нашем случае ИИ) всё сделает.

Так что читайте спокойно, без напряжения. Не запомнили — ничего страшного. Захотели пропустить совсем — тоже нормально. Это приятный бонус, а не обязательный навык.

Зачем это вообще, если ИИ всё умеет

Справедливый вопрос. Правда в том, что можно вообще не заглядывать в код — просите ИИ, он делает.

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

Вот и всё. Не мастерство, а просто спокойствие. Цель — не выучить программирование, а перестать бояться. Пять приёмов ниже — ровно про это.

Приём 1. Ищите знакомые слова

Откройте любой код и не пытайтесь читать всё подряд. Просто скользите взглядом и цепляйтесь за знакомое.

Дело в том, что код на 80% состоит из английских слов, и многие вы знаете:

button — кнопка
color — цвет
text — текст
add — добавить
delete — удалить
save — сохранить
title — заголовок
list — список
click — нажатие
open / close — открыть / закрыть

Увидели button и рядом color: red — уже понятно, что речь про красную кнопку. Не нужно знать остальное.

Попробуйте прямо сейчас. Откройте любой файл своего будущего проекта и найдите три знакомых английских слова. Убедитесь, что код — это не сплошная тарабарщина.

Приём 2. Значки — это просто знаки препинания

Незнакомые скобки и символы пугают. Но у них простая роль — они как точки и запятые, только для компьютера.

Вот главные, чтобы не пугаться:

< >

Что примерно значит

Начало и конец блока (как коробка)

{ }

Что примерно значит

«Тут перечисление настроек»

( )

Что примерно значит

«Тут уточнение или список»

" "

Что примерно значит

Внутри — обычный текст, слова

;

Что примерно значит

Конец строчки (как точка)

Что примерно значит

Дальше — заметка для человека, не команда

Знак	Что примерно значит
< >	Начало и конец блока (как коробка)
{ }	«Тут перечисление настроек»
( )	«Тут уточнение или список»
" "	Внутри — обычный текст, слова
;	Конец строчки (как точка)
//	Дальше — заметка для человека, не команда

Самое полезное отсюда: текст в кавычках " " — это почти всегда обычные слова, которые видит пользователь. Ищете, где поменять надпись на кнопке? Ищите её в кавычках.

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

Приём 3. Отступы показывают, что чему подчиняется

Заметили, что код не прижат к левому краю, а идёт «лесенкой» с отступами? Это не для красоты.

Отступ означает «это внутри». Как в оглавлении книги: глава прижата к краю, а параграфы под ней — с отступом, потому что они внутри главы.

кнопка {
    цвет: красный
    размер: большой
}

Здесь «цвет» и «размер» с отступом — значит, они относятся к кнопке, находятся внутри неё.

Вам не нужно вникать глубже. Достаточно понимать: что с отступом — то вложено внутрь того, что выше и левее.

Приём 4. Читайте комментарии — они для вас

В коде бывают строчки, которые ничего не делают. Это комментарии — заметки на человеческом языке, которые программист (или ИИ) оставил, чтобы объяснить, что тут происходит.

Их видно по значку // в начале или по серому цвету:

// здесь считаем итоговую цену
// эта кнопка отправляет форму

Это подарок для вас. Комментарии написаны специально, чтобы человек понял код. Читайте в первую очередь их.

Полезный приём: попросите ИИ добавить комментарии на русском в ваш файл — фраза «добавь понятные комментарии на русском» из библиотеки промптов. После этого код станет заметно понятнее.

Приём 5. Не понял — спроси у ИИ

Самый главный приём, ради которого мы вообще в Cursor.

Вам не обязательно понимать код самостоятельно. Рядом всегда есть ИИ, которому можно ткнуть в любое место и спросить.

Выделите непонятный кусок мышкой и напишите:

Объясни простыми словами, что делает этот кусок. Я не программист.

Или про отдельное слово:

Что означает [слово] в этом коде? Объясни на простом примере.

Не понравился ответ, слишком сложно? Так и скажите:

Слишком сложно. Объясни ещё проще, как будто мне совсем не знакома эта тема.

ИИ не устанет и не подумает про вас плохо. Спрашивайте столько, сколько нужно.

Как это работает вместе

Допустим, вы открыли файл и он кажется непонятным. Действуйте так:

За пару минут картина проясняется. Не до последней запятой — но достаточно, чтобы понимать, где что и куда смотреть.

Главное

Читать код и писать код — разные вещи. Писать будет ИИ. А читать — вы понемногу научитесь сами, просто работая.

Не ставьте цель понять всё. Ставьте цель не бояться и ориентироваться. Этого достаточно, чтобы уверенно работать.

И ещё раз, чтобы точно не осталось тревоги: всё это ИИ делает за вас. Понимает код, ищет ошибки, объясняет, чинит. Умение читать код — приятный бонус для спокойствия, а не то, что с вас кто-то спросит.

В любой непонятной ситуации рядом есть ИИ, у которого можно спросить. Вы никогда не остаётесь с кодом один на один.