ChatGPT для изучения JavaScript: 50 готовых промптов для учёбы, практики и первых проектов

Стас Ростов

ChatGPT для изучения JavaScript: 50 готовых промптов для учёбы, практики и первых проектов

ChatGPT для изучения JavaScript: 50 готовых промптов для учёбы, практики и первых проектов

Как пользоваться набором

50 готовых промптов для тех, кто изучает JavaScript сам: с нуля, после HTML и CSS или параллельно с работой. Объяснение тем простыми словами, задачи с подсказками, проверка решений, разбор ошибок в консоли, код-ревью, работа со страницей, мини-проекты, Git и подготовка к первому собеседованию. Промпты работают в ChatGPT, YandexGPT, GigaChat и Claude. Код в примерах этой книги проверен запуском в Node.js 22: его можно запустить командой node имя_файла.js или вставить в консоль браузера.

1. Начните с промпта №39: нейросеть задаст вопросы о вашем уровне и цели и составит личный план. Сохраните его и возвращайтесь к нему каждую неделю.

2. Замените всё в [квадратных скобках] на свои данные: тему, свой код, полный текст ошибки из консоли, что уже знаете, сколько времени в неделю готовы учиться.

3. Правьте ответ диалогом: «объясни проще», «дай ещё пример», «не показывай решение, только подсказку».

Важно. Нейросеть ошибается и в коде, и в объяснениях: запускайте каждый фрагмент сами и сверяйте сложные места с документацией MDN Web Docs. Не вставляйте в чат пароли, токены и ключи доступа, личные данные и рабочий код, который нельзя показывать посторонним. Учебные задания, контрольные и тестовые задания работодателей решайте сами: нейросеть здесь объясняет, подсказывает и проверяет, а пишете код вы.

Содержание

Основы языка (1–12)

1. Объяснение темы с нуля · 2. Тема на примерах из жизни · 3. Аналогия для сложной темы · 4. В чём разница · 5. Разбор кода построчно · 6. Шпаргалка по теме · 7. Проверь, как я понял · 8. Что выведет код · 9. Где запускать код · 10. Словарь терминов · 11. Документация простыми словами · 12. Трассировка кода

Практика: задачи, массивы, функции (13–26)

13. Задачи по теме · 14. Подсказки по ступенькам · 15. Задачи из моей жизни · 16. Проверь моё решение · 17. Проверки к моей функции · 18. Другие способы решения · 19. Методы массивов · 20. Объекты и JSON · 21. От идеи к коду · 22. Карточки для повторения · 23. Работа со страницей · 24. Разбор чужого решения · 25. Мини-контрольная · 26. Асинхронность по шагам

Ошибки, отладка и код-ревью (27–38)

27. Разбор ошибки · 28. Как читать сообщение об ошибке · 29. Результат странный, ошибки нет · 30. Код-ревью как наставник · 31. Стиль кода · 32. Понятные имена · 33. Рефакторинг длинной функции · 34. Страница зависла · 35. Обработчик не срабатывает · 36. Отладчик вместо console.log · 37. Почему медленно · 38. Проверка перед публикацией

Проекты, план и рост (39–50)

39. Персональный план · 40. Идеи мини-проектов · 41. Первая версия проекта · 42. Ревью проекта · 43. README для проекта · 44. Первый репозиторий · 45. Что изучать дальше · 46. Вопросы на собеседовании · 47. Задача вживую · 48. Дневник обучения · 49. Если застрял и бросаю · 50. Разбор месяца

Примеры готовых ответов · Как получать ответы лучше · Бонус: шпаргалка «как поправить ответ»

Основы языка (1–12)

1. Объяснение темы с нуля. Ты опытный преподаватель JavaScript для начинающих. Я изучаю JavaScript с нуля, уже знаю: [темы]. Объясни тему [тема] простыми словами: зачем она нужна, как выглядит в коде, 2 типичные ошибки новичков. Каждый фрагмент кода до 10 строк, после него — что выведет console.log. Новые термины поясняй сразу.

2. Тема на примерах из жизни. Объясни тему [тема] на 3 коротких примерах из моих интересов: [книги, спорт, игры, работа]. Мой уровень: [что уже знаю]. К каждому примеру — код до 10 строк и что он выведет. В конце дай 2 задания для самопроверки, ответы не показывай, пока не попрошу.

3. Аналогия для сложной темы. Мне не даётся тема [функции / замыкания / колбэки / промисы / this]. Объясни её через 2 аналогии из жизни, потом покажи, где аналогия перестаёт работать. В конце — пример кода до 10 строк с разбором.

4. В чём разница. Объясни разницу между [let и const / == и === / null и undefined / обычной и стрелочной функцией]. Таблица: что это, когда использовать, пример кода, частая ошибка.

5. Разбор кода построчно. Вот код, который я не понимаю: [код]. Объясни каждую строку простыми словами: что делает, какие значения у переменных после неё. Не добавляй новых тем, если они не нужны для понимания этого кода.

6. Шпаргалка по теме. Составь шпаргалку на 1 страницу по теме [тема]: синтаксис, 5 коротких примеров с результатом, 3 частые ошибки. Только то, что нужно новичку.

7. Проверь, как я понял. Вот как я объясняю тему [тема] своими словами: [моё объяснение]. Найди неточности и ошибки, объясни, почему так говорить неверно. Не переписывай всё за меня.

8. Что выведет код. Составь 5 вопросов «что выведет этот код» по теме [тема], от простого к хитрому: приведение типов, область видимости, порядок выполнения. Код до 8 строк. Показывай по одному, жди мой ответ, потом объясняй.

9. Где запускать код. Объясни пошагово, как запускать JavaScript на [Windows / macOS / Linux]: в консоли браузера, в файле, подключённом к HTML-странице, и через Node.js. Как открыть консоль и где смотреть ошибки. Шаги сверю с официальной документацией.

10. Словарь терминов. Составь словарик из 15 терминов по теме [тема]: термин по-английски, перевод, объяснение в одну фразу и мини-пример кода.

11. Документация простыми словами. Вот фрагмент статьи из MDN Web Docs: [вставить]. Перескажи его простыми словами, объясни параметры метода и покажи 2 примера вызова с результатом.

12. Трассировка кода. Вот код: [код]. Составь таблицу трассировки: номер шага, строка, значения всех переменных после неё, что выведено. Затем дай похожий код для самостоятельной трассировки.