Мини-план · сайтодром

Код + ИИ:
с чего начать

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

Елена Алексеева · @helena.alexy

Что понадобится

  • Компьютер и браузер. Для старта ничего устанавливать не нужно.
  • ИИ-чат: Claude или ChatGPT — в роли личного преподавателя.
  • 30–60 минут в день в течение месяца.
ИИ — ускоритель, а руль — это вы. Цель не писать всё руками, а понимать код настолько, чтобы находить ошибки и управлять проектом.
неделя 1

HTML и CSS

Из чего состоит любая страница: блоки, тексты, картинки, кнопки, цвета, адаптив под телефон.

  • Сделайте страницу «о себе» руками: заголовок, фото, список, кнопка
  • Попросите ИИ сделать такую же и сравните код
  • Поменяйте цвета и шрифты сами, без ИИ
Бесплатный справочник на русском — MDN Learn.
неделя 2

JavaScript

Логика: что происходит, когда нажимаешь на кнопку, отправляешь форму или листаешь каталог.

  • Переменные, условия, циклы, функции
  • Кнопка, которая что-то меняет на странице
  • Простой калькулятор или список дел
Лучший бесплатный учебник на русском — learn.javascript.ru. Первых глав достаточно.
неделя 3

ИИ — ваш преподаватель

Главный навык: читать код, который пишет нейросеть, и понимать каждую строку.

Ты — терпеливый преподаватель программирования. Я новичок. Вот код: [вставьте код] 1) Объясни построчно простыми словами, что делает каждая часть. 2) Найди ошибки и слабые места, но не исправляй — дай мне подсказки. 3) Дай 3 маленьких задания, чтобы я закрепил(а) тему.
Не просите «просто исправь». Просите «объясни, где ошибка». Так вы учитесь, а не копируете.
неделя 4

Первый проект

Соберите лендинг или мини-приложение с ИИ, а потом доработайте его руками.

  • Найдите в коде, где меняется цвет кнопки, и поменяйте сами
  • Добавьте новый блок руками
  • Опубликуйте сайт (например, на Тильде через блок T123)
Сделай одностраничный сайт для [ваша идея] на HTML, CSS и JavaScript в одном файле. Пиши понятный код с комментариями на русском, чтобы новичок мог разобраться. После кода перечисли, какие части я могу легко поменять сам(а) и как.
чек-лист

Перед публикацией

  • Я понимаю, из каких блоков состоит страница
  • Могу сам(а) поменять текст, цвет и кнопку в коде
  • Прошу ИИ объяснять, а не только делать
  • У меня есть первый опубликованный проект

Хочешь глубже? 💻

Пиши «ХОЧУ» в директ — расскажу про обучение в сайтодроме: сайты, приложения и ИИ-видео на заказ.

Написать @helena.alexy
Made on
Tilda