Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
So funktioniert's
Ask it something hard.
LOADED ✓
Ich kann HTML und CSS schreiben. Meine JavaScript-Klick-Handler werden nie ausgelöst, und ich verstehe async überhaupt nicht.
CLAUDE · WITH THIS SKILLDu bekommst eine Aufgabe: Erstelle einen Button, der beim Klicken „hi“ in der Konsole ausgibt, ohne Hinweise. Deine Zeile lautet `button.addEventListener(click, sayHi())`. Statt einer Korrektur kommt die Frage: „Was bewirken die Klammern nach `sayHi` in dem Moment, in dem diese Zeile ausgeführt wird?“ Du findest heraus, dass die Funktion sofort aufgerufen und `null` als Handler übergeben wurde. Das Konzept erhält einen Namen: eine Funktionsreferenz im Gegensatz zu einem Funktionsaufruf. Lektion sechs ist geschafft. Das DOM wird in einem Absatz erklärt, wobei `querySelector` und `classList` an einem anderen Beispiel gezeigt werden. Du bist dran: Schalte beim Klicken eine Klasse um. Die Überprüfung folgt, zusammen mit dem Hinweis, dass du weiterhin `==` verwendest, obwohl `===` gemeint ist. Ein Fortschrittsblock für das nächste Mal.
Die ersten Zeilen der Datei, die deine KI lesen wird, genau so, wie sie geliefert wird. Nichts für die Seite umgeschrieben.
Nutze den Namen Wenn die Datei geladen ist, sprich sie mit Namen an: „Serge, sieh dir diese Seite an.“ Dafür ist der Name da. So bleiben auch mehrere Skills in einem Chat auseinander.
// der skill, auf dem deine KI läuft
Du bist ein sokratischer JavaScript-Tutor, und der Lernende schreibt den Code, während du die Frage stellst, die den Fehler aufdeckt. Du wurdest aktiviert, um ihn von Werten und Gültigkeitsbereichen bis zur Ereignisschleife, zu fetch und JSON zu führen.
KissMySkills.com | Installation: Füge diese gesamte Datei in Claude Projects (Projektanweisungen), ein benutzerdefiniertes GPT (Anweisungen), einen Gemini Gem oder den System-Prompt deiner AI ein. Sage ihm dann, was du lernen möchtest. Du bist ein sokratischer JavaScript-Tutor. Deine Aufgabe ist es, Lernende dazu zu befähigen, JavaScript auf einer leeren Seite zu schreiben und es allein in den DevTools zu debuggen. Du bist kein Codegenerator. Ton: einfach, ruhig, konkret. Kurze Sätze. Sprich die Person mit „du“ an. Pro Runde nur eine Idee. Die eine Regel: Du schreibst niemals die fertige Lösung für eine von dir gestellte Aufgabe. Du darfst ein kleineres, anderes Beispiel schreiben, eine Frage stellen oder das Konzept benennen. Du darfst die Antwort nicht vorgeben. · Die sinnvolle Lernreihenfolge: Werte und Typen, let und const, Template-Literale, Arrays, Schleifen, Funktionen und Gültigkeitsbereiche, Objekte und Destructuring, map filter reduce, das DOM, Ereignisse, dann die Event-Schleife, Promises und async await, fetch und JSON, Module. Async immer zuletzt. · Standardmäßig ES2015 und neuer. var erwähnst du nur, um älteren Code zu erklären, auf den die Lernenden stoßen werden. · Zwei Laufzeitumgebungen: der Browser mit DevTools und Node mit npm. Wenn nicht klar ist, in welcher Umgebung der Code läuft, bleibt die Person verwirrt. · Referenz: MDN Web Docs. Alte Blogbeiträge sind Belege, keine Anleitungen. · Klassische Anfängerfehler: == statt ===, den Handler mit addEventListener("click", fn()) aufrufen, eine Eigenschaft von undefined lesen, await vergessen und dadurch ein Promise-Objekt erhalten, bei forEach erwarten, dass async abgewartet wird, var in einer Schleifen-Closure verwenden, dass String plus Zahl verkettet wird, und ein const-Objekt verändern und dann denken, const habe nicht funktioniert. · Die drei häufigsten Fehlermeldungen, die sie sehen werden, jeweils mit einer eigenen Lesemethode: Cannot read properties of undefined (reading 'x'), ReferenceError: x is not defined, SyntaxError: Unexpected token. · Debugging ist eine Fähigkeit: die Konsole, ein Haltepunkt in Sources, schrittweises Ausführen mit „Step over“ und den Network-Tab lesen, bevor der Code verantwortlich gemacht wird. · Anfänger versus berufstauglich: reine Funktionen, fehlgeschlagene fetch-Aufrufe und den Ladezustand behandeln, erklären, warum setTimeout 0 verspätet ausgeführt wird, und einen Stacktrace lesen. · Frameworks kommen nach dieser Liste. React auf unsicheren Closures führt zu jemandem, der nicht debuggen kann. Bitte niemals um eine Selbsteinschätzung. Frage, was die Person gebaut hat, was zuletzt kaputtgegangen ist und was sie veröffentlichen möchte. Gib dann eine Aufgabe in der Browserkonsole. Vermutete Anfänger: Bei einem Array mit Preisen jeden Preis verdoppelt ausgeben. Behauptet die Person, die Grundlagen zu beherrschen: Eine URL abrufen und das erste Element des JSON ausgeben, wobei eine fehlgeschlagene Anfrage behandelt wird.
117 Zeilen · .txt · Sofort-Download
// was drin ist
Was steckt in diesem Skill?
Platzierung nach Aufgabe in der Browserkonsole, kein Quiz
Das DOM und Ereignisse vor Promises, in der Reihenfolge ihres Fehlerversagens
TypeErrors in Fragen verwandelt statt eingefügter Lösungen
Ein Fortschrittsblock, der dein Niveau und wiederkehrende Fehler mitführt
Autodidaktische Entwickler, die zwischen HTML und React feststecken, Bootcamp-Teilnehmer, die die Übungen bestanden haben, ohne sie zu verstehen, und Designer, die ihre eigenen Seiten funktionsfähig machen möchten.
// zwei Wege, es zu bekommen
Nutze es direkt in deiner KI oder lade es einmal herunter.
Library-Plan
Dieser Skill und 2.500+ weitere, direkt in deinem Chat
$9/Monatjederzeit kündbar, oder $59 pro Jahr
Alle 2.500+ Skills, Prompt-Pakete und Agenten, geladen, sobald du fragst
Nichts herunterladen oder einfügen: einmal in Claude, ChatGPT, Claude Code oder Cursor verbinden
Jede Woche neue Skills und 10 Katalogdateien pro Monat zum Herunterladen
Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
Was du wirklich kaufst
Dieser AI-JavaScript-Tutor ist für den Moment gedacht, in dem du einem Tutorial folgen und die Datei einer anderen Person bearbeiten kannst, aber erstarrst, wenn du auf einer leeren Seite einen Button etwas tun lassen sollst. Bei Async geben die meisten Menschen irgendwann stillschweigend auf. Diese Datei verwandelt Claude, ChatGPT oder Gemini in einen Tutor, der dich ab der ersten Lektion JavaScript in der Browserkonsole schreiben lässt.
Statt eines Quiz bekommst du jeweils eine Aufgabe. Danach folgt eine Lernkurve, die der tatsächlichen Fehleranfälligkeit von JavaScript entspricht: Werte und Gültigkeitsbereiche, Arrays und map, Objekte und Destructuring, dann das DOM und Ereignisse und erst danach Promises und Async/Await. Jede Lektion besteht aus einer Erklärung, einem ausgearbeiteten Beispiel, einer Aufgabe für dich und einer Überprüfung. Wenn dein Code „Cannot read properties of undefined“ ausgibt, fügt der Tutor nicht einfach eine Lösung ein. Er fragt dich, was diese Variable an dieser Stelle deiner Erwartung nach enthalten sollte.
Funktioniert identisch in Claude, ChatGPT und Gemini. Einmal in ein Project, ein benutzerdefiniertes GPT oder ein Gem eingefügt, läuft es in etwa zwei Minuten. Einmal kaufen, kein Abonnement. Passt zu AI Skill for JavaScript, dem Arbeitsassistenten für die Zeit, in der du die Grundlagen beherrschst; dieser hier bringt sie dir bei.
// installation
Unter 2 Minuten
Vier Schritte. Jeder KI-Chat.
01
Datei herunterladen
Nach dem Kauf kommt der Download-Link per E-Mail. Speichere die .txt-Datei an einem beliebigen Ort auf deinem Gerät.
02
Öffne deinen KI-Chat
Jeder KI-Chat, den du bereits nutzt: Claude, ChatGPT, Gemini, Grok, Copilot oder ein anderer.
03
Prompt einfügen
Öffne die .txt-Datei, kopiere den Prompt-Abschnitt und füge ihn in Claude oder ChatGPT ein - oder lege ihn in einem Projekt ab, damit er immer da ist.
04
Beginne mit der Arbeit
Deine KI ist jetzt als Spezialist konfiguriert. Frag sie alles innerhalb ihres Fachgebiets.
Keine technischen Kenntnisse erforderlich.
Mit Library gibt es nichts herunterzuladen. Verbinde deine KI einmal und bitte sie dann um einen beliebigen Skill beim Namen.
Füge ihn in ein Claude Project, ein benutzerdefiniertes GPT oder ein Gemini Gem ein und sag dann, wo du gerade stehst. Er stellt eine kleine Aufgabe in der Browserkonsole, um dein Niveau einzuschätzen, schlägt einen Lernverlauf vor und führt jeweils eine Lektion mit einer Aufgabe durch, die du selbst schreibst. Die Sitzungen enden mit einem Fortschrittsblock, den du zurückfügst, damit er mit der richtigen Lektion fortfährt.
Wird er mir einfach funktionierenden Code geben?+
Nein. Er ist angewiesen, niemals die fertige Lösung für eine Aufgabe zu schreiben, die er dir gestellt hat. Wenn du feststeckst, schreibt er ein kleineres Beispiel mit anderen Variablen oder stellt die Frage, die auf die fehlerhafte Zeile hinweist. Wenn du ihn bittest, vorhandenen Code Zeile für Zeile zu erklären, ist das eine separate Anfrage, und er wird das vollständig tun.
Deckt er modernes JavaScript oder alte Tutorials ab?+
Als Standard vermittelt er ES2015 und spätere Versionen: let und const, Pfeilfunktionen, Destrukturierung, Template-Literale, Module mit import und export, Promises und async await sowie fetch. Als Referenz verwendet er MDN, erwähnt var nur, um Code zu erklären, dem du begegnen wirst, und ist angewiesen zu sagen, wenn er sich nicht sicher ist, statt eine API zu erfinden.
Muss ich es selbst lesen?+
Nein. Die Datei ist dafür geschrieben, dass deine AI sie liest, nicht du. Lade sie hoch oder füge sie einmal ein, und die AI übernimmt die Rolle. Danach stellst du ihr einfach Fragen, wie du es normalerweise tun würdest. Du kannst sie gerne öffnen und lesen, aber nichts hier hängt davon ab, dass du das tust.
Bereit, deine KI zu spezialisieren?
Dieser und 2.500+ weitere, direkt in Claude, ChatGPT, Claude Code, Codex oder Cursor. Jederzeit kündbar.