Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
Как это работает
Ask it something hard.
📎 ai-javascript-tutor.txtLOADED ✓
Я умею писать HTML и CSS. Мои обработчики кликов на JavaScript никогда не срабатывают, и я совсем не понимаю асинхронность.
CLAUDE · WITH THIS SKILLВы получаете одно задание: сделать так, чтобы при нажатии кнопки в консоль выводилось «hi», без подсказок -> ваша строка выглядит так: button.addEventListener(click, sayHi()) -> вместо исправления задаётся вопрос: что делают эти скобки после sayHi в момент выполнения этой строки -> вы понимаете, что функция была немедленно вызвана, а в качестве обработчика передано значение null -> называется концепция: ссылка на функцию и вызов функции -> урок шесть завершён, DOM объяснён в одном абзаце, а querySelector и classList показаны на другом примере -> теперь ваша очередь: переключить класс при нажатии -> проверка и замечание о том, что вы продолжаете использовать == там, где нужно === -> блок прогресса на следующий раз.
Есть вопросы до покупки? Ответит живой человек, обычно в тот же день: hello@kissmyskills.com
// сам файл
Прочитайте до покупки.
Первые строки файла, который прочитает ваш ИИ, ровно в том виде, в каком вы его получите. Ничего не переписано для страницы.
Обращайтесь по имени Когда файл загружен, обращайтесь к нему по имени: «Serge, посмотри эту страницу.» Для этого имя и нужно. Так несколько скиллов в одном чате не путаются.
// skill, на котором работает ваш ИИ
Вы - сократический преподаватель JavaScript: учащийся пишет код, а вы задаёте вопрос, который помогает выявить ошибку. Вас активировали, чтобы провести его путь от значений и области видимости до цикла событий, fetch и JSON.
KissMySkills.com | Установка: вставьте весь этот файл в Claude Projects (инструкции проекта), пользовательский GPT (инструкции), Gemini Gem или системный prompt вашего AI. Затем скажите ему, чему вы хотите научиться. Вы - преподаватель JavaScript, использующий сократический метод. Ваша задача - научить ученика писать JavaScript на чистой странице и самостоятельно отлаживать его в DevTools. Вы не генератор кода. Тон: простой, спокойный, конкретный. Короткие предложения. Обращайтесь на «вы». Одна идея за сообщение. Главное правило: вы никогда не пишете готовое решение задачи, которую сами задали. Вы можете написать меньший, другой пример, задать вопрос или назвать концепцию. Но вы не можете просто выдать ответ. · Порядок изучения: значения и типы, let и const, шаблонные строки, массивы, циклы, функции и область видимости, объекты и деструктуризация, map filter reduce, DOM, события, затем цикл событий, промисы и async await, fetch и JSON, модули. Асинхронность всегда изучается последней. · По умолчанию используется ES2015 и более поздние версии. var появляется только для объяснения устаревшего кода, с которым ученики могут столкнуться. · Два окружения выполнения: браузер с DevTools и Node с npm. Если не понимать, в каком из них выполняется код, легко запутаться. · Справочник: MDN Web Docs. Старые записи в блогах - это свидетельства, а не инструкции. · Классические ошибки новичков: == вместо ===, вызов обработчика в addEventListener("click", fn()), обращение к свойству undefined, забытый await и полученный объект Promise, ожидание, что forEach будет ждать async, var в замыкании цикла, конкатенация строки и числа, а также изменение объекта, объявленного через const, с последующей мыслью, что const не сработал. · Три ошибки, которые они будут видеть чаще всего, и собственный способ чтения каждой: Cannot read properties of undefined (reading 'x'), ReferenceError: x is not defined, SyntaxError: Unexpected token. · Отладка - это навык: консоль, точка останова в Sources, пошаговое выполнение с переходом через инструкцию и чтение вкладки Network, прежде чем обвинять код. · Новичок и специалист, готовый к работе: чистые функции, обработка неудачного fetch и состояния загрузки, объяснение, почему setTimeout 0 выполняется с задержкой, чтение трассировки стека. · Фреймворки изучаются после этого списка. React при неуверенном понимании замыканий приводит к тому, что человек не умеет отлаживать код. Никогда не просите ученика оценить себя. Спросите, что он создал, что сломалось в последний раз и что он хочет выпустить. Затем дайте одну задачу в консоли браузера. Предполагаемый новичок: для данного массива цен вывести в консоль каждую цену, умноженную на два. Если ученик утверждает, что знает основы: получить URL с помощью fetch и вывести первый элемент JSON, обработав неудачный запрос.
Строк: 117 · .txt · мгновенная загрузка
// что внутри
Что внутри этого навыка
Размещение по заданию в консоли браузера, а не викторина
DOM и события до промисов, в порядке их возникновения
TypeError, превращённые в вопросы вместо готовых исправлений
Блок прогресса, который переносит ваш уровень и повторяющиеся ошибки дальше
Самоучки-разработчики, застрявшие между HTML и React, студенты буткемпов, которые прошли упражнения, не разобравшись в них, и дизайнеры, желающие самостоятельно заставить свои страницы работать.
// два способа получить
Пользуйтесь прямо в ИИ или скачайте один раз.
Тариф Library
Этот скилл и ещё 2 500+, прямо в вашем чате
$9/месотмена в любой момент, или $59 в год
Все 2 500+ скиллов, наборов промптов и агентов загружаются, как только вы попросите
Ничего не нужно скачивать и вставлять: подключитесь один раз в Claude, ChatGPT, Claude Code или Cursor
Новые скиллы каждую неделю и 10 файлов из каталога в месяц для скачивания
Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
Что вы на самом деле покупаете
Этот AI-репетитор по JavaScript создан для тех случаев, когда вы можете пройти учебник и отредактировать чужой файл, но, когда вас просят заставить кнопку что-то делать на пустой странице, вы теряетесь. На асинхронности большинство людей молча сдаются. Этот файл превращает Claude, ChatGPT или Gemini в репетитора, с которым вы пишете JavaScript в консоли браузера уже с первого урока.
Вместо викторины он предлагает вам одну задачу, а затем проводит через последовательность уроков, соответствующую тому, как JavaScript действительно ломается: значения и область видимости, массивы и map, объекты и деструктуризация, затем DOM, события и только после этого промисы и async await. Каждый урок состоит из одного объяснения, одного разобранного примера, одной задачи для вас и одной проверки. Когда ваш код выдаёт ошибку Cannot read properties of undefined, он не вставляет готовое исправление, а спрашивает, что, по вашим ожиданиям, должна содержать эта переменная в этой строке.
Одинаково работает в Claude, ChatGPT и Gemini. Вставьте текст в Project, пользовательский GPT или Gem - и примерно через две минуты всё готово. Покупается один раз, без подписки. В комплекте с AI Skill for JavaScript - рабочим помощником на тот случай, когда вы уже знаете основы; этот продукт научит вас им.
// как установить
Меньше 2 минут
Четыре шага. Любой чат AI.
01
Скачайте файл
После оплаты ссылка на скачивание придёт на вашу почту. Сохраните файл .txt в любое место на устройстве.
02
Откройте свой чат AI
Любой ИИ-чат, которым вы уже пользуетесь: Claude, ChatGPT, Gemini, Grok, Copilot или другой.
03
Вставьте промпт
Откройте файл .txt, скопируйте раздел с промптом и вставьте его в Claude или ChatGPT - или добавьте в проект, чтобы он всегда был под рукой.
04
Начать работу
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.
Технические знания не требуются.
С Library ничего не нужно скачивать. Подключите ИИ один раз, а потом просите любой скилл по названию.
Как работает этот репетитор по JavaScript на базе AI?+
Вставьте его в проект Claude, настраиваемый GPT или Gem в Gemini, а затем скажите, на каком вы сейчас уровне. Он задаст одну небольшую задачу в консоли браузера, чтобы определить ваш уровень, предложит структуру обучения и будет проводить по одному уроку за раз, предлагая задачу, которую вы напишете сами. В конце каждого занятия появится блок с прогрессом: вставьте его обратно, и обучение продолжится с нужного урока.
Он просто выдаст мне рабочий код?+
Нет. Ему строго запрещено писать готовое решение задачи, которую он вам задал. Если вы застряли, он напишет более простой пример с другими переменными или задаст вопрос, который укажет на строку с ошибкой. Просьба объяснить существующий код построчно - это отдельный запрос, и тогда он разберёт его полностью.
Он охватывает современный JavaScript или старые учебники?+
По умолчанию он обучает ES2015 и более поздним версиям: let и const, стрелочным функциям, деструктуризации, шаблонным строкам, модулям с import и export, промисам и async await, а также fetch. В качестве справочника он использует MDN, упоминает var только для объяснения кода, который вам встретится, и должен сообщать, когда не уверен, а не выдумывать API.
Мне обязательно читать его самому?+
Нет. Файл написан для того, чтобы его прочитал ваш AI, а не вы. Загрузите его или вставьте один раз, и AI возьмёт на себя эту роль. После этого просто задавайте ему вопросы так, как обычно. При желании вы можете открыть файл и прочитать его, но ничего здесь не зависит от того, сделаете вы это или нет.
Готовы специализировать свой AI?
Этот и ещё 2 500+ — прямо в Claude, ChatGPT, Claude Code, Codex или Cursor. Отмена в любой момент.