La Skill alla base di questa guida: AI JavaScript Tutor. Trasforma Claude, ChatGPT o Gemini in un tutor che ti fa scrivere JavaScript nella console del browser fin dalla prima lezione: 19 $, un solo pagamento, tuo per sempre.
Visualizza il tutor JavaScript →Come tutor JavaScript, Claude vale la pena di essere usato per un solo motivo: legge il codice che hai scritto e ti dice dove il tuo modello mentale è sbagliato. Non può vedere il tuo browser, non sa che cosa ha stampato la tua console e non farà clic sulla tua pagina al posto tuo. Esegui il codice, incolli ciò che è comparso e lui risale da lì a ciò che hai frainteso. È questo ciclo a insegnare. Tutto il resto è decorazione.
JavaScript punisce la comprensione parziale più della maggior parte dei linguaggi per principianti, perché esegue tranquillamente il codice errato e si limita a non produrre nulla. Nessun errore, nessun output, nessun indizio. Qui, un tutor che mette in discussione le tue supposizioni vale più che in quasi ogni altro linguaggio.
Che cosa fa un tutor JavaScript con AI che un corso non fa?
Reagisce a ciò che fai. Un corso segue un percorso fisso attraverso materiali registrati prima ancora che tu esistessi, quindi non può accorgersi che te la cavi con gli array e non hai assolutamente capito questo questo a cui si riferisce. Un file tutor ti assegna un’attività, legge il codice che scrivi e riorganizza ciò che viene dopo in base alla lacuna che ha appena individuato.
L’AI JavaScript Tutor segue il percorso delle lezioni nell’ordine in cui JavaScript mette davvero in difficoltà le persone: valori e ambito, array e map, oggetti e destrutturazione, poi il DOM e gli eventi, e solo dopo le promise e async await. Quest’ultimo ordine è fondamentale. Affrontare l’asincronia prima del DOM è il punto in cui la maggior parte di chi impara da autodidatta si ferma in silenzio, perché gli si chiede di ragionare sul tempo prima di saper ragionare sullo stato.
Dove si bloccano davvero le persone in JavaScript?
In modo ricorrente in quattro aree, e nessuna riguarda la sintassi:
-
Undefined non è un errore.
Cannot read properties of undefinedè il messaggio che tutti incontrano presto, e la causa quasi mai si trova nella riga indicata. - Il DOM non è ancora pronto. Lo script viene eseguito, ma l’elemento non esiste ancora: non succede nulla e non compare alcun errore.
-
Asincrono. Codice che termina nell’ordine sbagliato, valori letti prima che arrivino e un
Promise { <pending> }registrato dove dovrebbero esserci i dati. - Copiare senza un modello. Uno snippet funzionante trovato nei risultati di ricerca risolve il problema di stasera e non insegna nulla, quindi la stessa bug si ripresenta in una forma diversa la prossima settimana.
Come configuri Claude come tutor di JavaScript incollando un solo prompt?
Apri una nuova conversazione, apri la console del browser su una pagina qualsiasi e inizia dalla valutazione iniziale invece che da un programma del corso. La console è l’aula giusta per le prime settimane: nessuna fase di build, nessuna installazione, feedback immediato.
Sei il mio tutor di JavaScript. Per ora non insegnarmi nulla.
Dammi un compito che possa eseguire nella console del browser. Deve richiedere un array, una funzione e un oggetto, e occupare meno di quindici righe. Dimmi quale dovrebbe essere l’output corretto.
Lo scriverò da solo e incollerò sia il mio codice sia l’output esatto della console, inclusi gli errori.
Poi dammi:
1. Cosa dimostra che ho capito il mio codice.
2. L’unico fraintendimento che più mi penalizzerà in seguito.
3. I miei prossimi sei argomenti in ordine, e una frase sul perché di quest’ordine.
Non scrivere mai il compito al posto mio. Se incollo qualcosa di non funzionante, per te è più utile di qualcosa che funziona.
Come fai a insegnarmi async senza perdermi?
Async va storto quando viene insegnato come sintassi. await è facile da digitare e difficile da credere, perché ti chiede di accettare che una riga di codice possa mettersi in pausa mentre il resto della pagina continua. Il modo per capirlo è prevedere prima di eseguire, poi confrontare. Sbagliare a voce alta è la lezione.
Insegnami [async/await, o l’argomento] usando la previsione, non la spiegazione iniziale.
1. Dammi uno snippet di meno di 15 righe con due o tre chiamate a console.log.
2. Prima di spiegare qualsiasi cosa, chiedimi di scrivere l’ordine esatto in cui compariranno i log e cosa stamperà ciascuno.
3. Aspetta la mia risposta.
4. Solo a quel punto dimmi l’ordine effettivo e spiega nello specifico perché le righe che ho sbagliato sono errate. Ignora quelle che ho indovinato.
5. Dammi un secondo snippet che metta in discussione la stessa supposizione da un’angolazione diversa.
Non passare all’argomento successivo finché non avrò previsto correttamente due snippet di fila.
Un tutor ti rallenta deliberatamente. Quando riesci a scrivere JavaScript senza aiuti, vuoi l’opposto: un assistente operativo per il front-end e il server, per la struttura e per le parti di un progetto reale che nessun corso tratta. Max è quel file: 29 $, un unico pagamento. Impara prima con il tutor, poi passa a Max.
Visualizza Max →Le lezioni smettono di essere astratte anche nel momento in cui c’è qualcosa che vuoi realizzare. Due file di progetto si abbinano bene al tutor: Chatbot Builder for Node.js ($14.99) per il lato server di un chatbot funzionante, con route, chiavi e streaming inclusi, e Chatbot Builder for React ($14.99) per l’interfaccia front-end dello stesso progetto. Realizzane uno male, poi ricostruiscilo. Sarà la settimana di apprendimento più rapida che tu possa avere.
Come si ottiene una diagnosi reale invece di un file corretto?
Chiedi la correzione e ottieni la correzione: è esattamente il compromesso sbagliato in questa fase iniziale. Vietala esplicitamente e lo stesso modello diventa utile.
Il mio codice non fa ciò che mi aspettavo. Eccolo, insieme a ciò che ha stampato la console.
[PASTE CODE]
[PASTE CONSOLE OUTPUT]
Regole: niente codice corretto, niente funzione riscritta.
1. Dimmi quale riga segnala il browser e quale riga è effettivamente responsabile.
2. Chiedimi che cosa penso contenga una variabile specifica in quel punto e perché.
3. Aspetta la mia risposta. Se è sbagliata, fai una domanda più circoscritta invece di dirmelo.
4. Dammi una riga di console.log o di debugger che avrei potuto aggiungere e che mi avrebbe permesso di accorgermene da solo.
Alla fine, indica l’abitudine generale che previene tutta questa categoria di bug.
Quale file tutor di JavaScript ti serve adesso?
Prima JavaScript puro, sempre. I framework nascondono ciò che stai cercando di imparare. Una volta consolidate le basi del linguaggio, AI TypeScript Tutor è il passo più breve, perché è lo stesso linguaggio con i tipi che già tenevi a mente resi espliciti. Dopodiché la scelta dipende dal lavoro: AI React Tutor per il modello a componenti richiesto dalla maggior parte degli annunci di lavoro, AI Angular Tutor quando l’ambiente di lavoro è aziendale e molto strutturato, e AI Swift Tutor se la vera destinazione era un’app per iPhone e il web era solo una deviazione. AI Skill for JavaScript è un tipo di file completamente diverso: un assistente operativo da usare dopo aver imparato queste basi, non un insegnante.
Dove non funziona?
- Non può vedere la tua pagina. Niente DOM, scheda di rete o output renderizzato. Se il sintomo è visivo, descrivilo o incolla uno screenshot, perché è quando deve tirare a indovinare basandosi solo sul codice sorgente che si inventa le cose.
- Non conosce la versione del tuo framework. Gli strumenti JavaScript cambiano rapidamente e i dettagli delle API ricordati diventano obsoleti senza preavviso. Verifica qualsiasi informazione specifica della versione nella documentazione ufficiale.
- Sarà ben felice di insegnarti un framework troppo presto. Chiedi React nella seconda settimana e lo farà. È una decisione che spetta a te, non a lui.
- Non può sapere se hai eseguito il codice. Salta l’attività, dì che ha funzionato e le lezioni continueranno mentre tu non lo fai.
- La configurazione degli strumenti di build è l’area più debole. La configurazione del bundler e gli errori dei moduli dipendono da file che non può vedere, quindi aspettati di dover descrivere più dettagli in quel contesto.
- Non ti farà esercitare. Venti minuti al giorno sono meglio di cinque ore la domenica, e nulla nel file impone questa disciplina.
L’abitudine che distingue le persone che migliorano da quelle che si fermano è rileggere il codice che hanno già fatto funzionare. Yuri esamina ciò che hai scritto e spiega cosa è fragile e perché, con il tono di un collega anziché di un insegnante. 29 $, pagamento unico. Utile non appena i tuoi file superano le cento righe.
Visualizza Yuri →Come si installa il file?
Il tutor è un file SKILL.md all’interno di un file ZIP. In Claude, apri Personalizza → Skills, premi il pulsante +, scegli Crea Skill, poi Carica una Skill e seleziona il file ZIP. Attivalo e sarà subito operativo. Skills è disponibile nei piani Free, Pro, Max, Team ed Enterprise.
L’unico requisito reale è l’esecuzione del codice. Se il menu Skills è disattivato, attivalo in Impostazioni → Funzionalità, dove è indicato come esecuzione del codice e creazione di file. Nei piani Team ed Enterprise, il controllo spetta a un proprietario nelle impostazioni dell’organizzazione: se è disattivato per tutta l’organizzazione, è quella la persona a cui chiedere. Anthropic documenta tutto questo nel suo articolo di assistenza su Skills.
Se non puoi abilitare l’esecuzione del codice, oppure lavori in ChatGPT o Gemini, la soluzione alternativa usa lo stesso file: apri lo ZIP, copia il contenuto di SKILL.md e incollalo in un Progetto, in un GPT personalizzato, in un Gem o nelle istruzioni personalizzate semplici. Il comportamento è identico: devi solo incollarlo di nuovo quando cambi strumento.
In sintesi:
Usa AI JavaScript Tutor (19 $) per valutare correttamente il tuo livello, imparare nella console e prevedere il risultato prima di eseguire il codice. Passa a AI TypeScript Tutor o AI React Tutor (19 $ ciascuno) quando avrai consolidato il linguaggio, e crea qualcosa di concreto con Chatbot Builder for Node.js (14,99 $). Funzionano tutti con Claude, ChatGPT e Gemini, si installano in circa due minuti e includono una garanzia soddisfatti o rimborsati di 30 giorni.
Tutor di JavaScript AI
Un solo file, incollato una volta. Console dalla prima lezione, DOM prima dell’asincronia e un tutor che ti chiede cosa ti aspettavi contenesse una variabile invece di incollarti la soluzione. Nessun abbonamento.
KissMySkills è un marketplace con 853 Skill di AI, 158 pacchetti di prompt, 55 agenti e strumenti gratuiti per Claude, ChatGPT e qualsiasi chat AI.
Guide alle Skill correlate
- Come usare Claude come tutor di Python (non scriverà il tuo codice)
- Come usare Claude come tutor di Excel (con i tuoi dati disordinati)
- Come usare Claude per lo sviluppo backend: la guida alla Skill di Niko
- Come usare Claude come ingegnere cloud: la guida alla Skill di Tariq
- Le migliori Skill di Claude Code nel 2026: cosa installare e cosa evitare
- Esempi di Skill di Claude: 12 file SKILL.md reali spiegati riga per riga