Come usare Claude come tutor di JavaScript (nella console, non in un video)

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 nella tua pagina al posto tuo. Esegui il codice, incolli ciò che è comparso e da lì ricostruisce il percorso a ritroso fino a ciò che hai frainteso. È questo ciclo a insegnare. Tutto il resto è decorazione.

JavaScript punisce la comprensione parziale più della maggior parte dei primi linguaggi, perché esegue tranquillamente il tuo codice difettoso 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 AI che un corso non fa?

Reagisce a te. Un corso segue un percorso fisso attraverso materiale registrato prima ancora che tu esistessi, quindi non può accorgersi che te la cavi con gli array e sei completamente perso su ciò a cui si riferisce questo a cui si riferisce. Un file del tutor ti assegna un'attività, legge il codice che scrivi e riordina ciò che viene dopo in base alla lacuna che ha appena individuato.

AI JavaScript Tutor segue il percorso della lezione nell'ordine in cui JavaScript manda davvero in difficoltà le persone: valori e scope, array e map, oggetti e destrutturazione, poi DOM ed eventi, e solo dopo promesse e async await. Quest'ultimo ordine è quello importante. Affrontare l'async prima del DOM è il punto in cui la maggior parte degli autodidatti smette silenziosamente di progredire, perché viene chiesto loro di ragionare sul tempo prima di saper ragionare sullo stato.

In quali punti si bloccano davvero le persone in JavaScript?

In modo ricorrente in quattro punti, e nessuno di questi riguarda la sintassi:

• Undefined non è un errore. Cannot read properties of undefined è il messaggio che tutti incontrano presto, e la causa si trova quasi mai nella riga indicata.
• Il DOM non è pronto. Il tuo script viene eseguito, il tuo elemento non esiste ancora, non succede nulla e non compare alcun errore.
• Async. 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 preso da un risultato di ricerca risolve il problema di stasera e non insegna nulla, quindi la stessa bug ritorna la settimana prossima sotto una forma diversa.

Come configuri Claude come tutor di JavaScript con un solo incolla?

Apri una nuova conversazione, apri la console del browser su una pagina qualsiasi e inizia con una valutazione iniziale invece che con un programma. La console è l’aula giusta per le prime settimane: nessuna fase di build, nessuna installazione, feedback immediato.

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 ad alta voce è la lezione.

Le lezioni smettono anche di essere astratte 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 frontend dello stesso progetto. Realizzane uno dei due in modo imperfetto, poi ricostruiscilo. Sarà la settimana di apprendimento più rapida che tu possa fare.

Come si ottiene una diagnosi reale invece di un file corretto?

Chiedi la correzione e ottieni la correzione, che è esattamente lo scambio sbagliato in questa fase iniziale. Vietalo esplicitamente e lo stesso modello diventa utile.

Quale file JavaScript tutor 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 nella maggior parte degli annunci di lavoro, AI Angular Tutor quando l'ambiente di lavoro è enterprise e fortemente basato su convenzioni, e AI Swift Tutor se la destinazione reale era un'app per iPhone e il web è stata solo una deviazione. AI Skill for JavaScript è invece un tipo di file completamente diverso: un assistente operativo da usare dopo aver imparato tutto questo, non un insegnante.

Dove mostra i suoi limiti?

• Non può vedere la tua pagina. Niente DOM, nessun pannello di rete, nessun output renderizzato. Se il sintomo è visivo, descrivilo o incolla uno screenshot, perché è quando indovina basandosi solo sul codice sorgente che inventa informazioni.
• Non conosce la versione del tuo framework. Gli strumenti JavaScript cambiano rapidamente e i dettagli delle API ricordati diventano obsoleti senza che te ne accorga. Verifica qualsiasi informazione specifica della versione nella documentazione ufficiale.
• Sarà ben lieto di insegnarti un framework troppo presto. Chiedigli React nella seconda settimana e asseconderà la richiesta. È una tua valutazione, non la sua.
• Non può sapere se hai eseguito il codice. Salta l'attività, di' che ha funzionato e le lezioni continueranno mentre tu non fai nulla.
• La creazione degli strumenti è 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 meglio questi aspetti.
• Non ti farà esercitare. Venti minuti al giorno battono cinque ore la domenica, e nulla nel file impone questa routine.

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à operativo. Skills è disponibile nei piani Free, Pro, Max, Team ed Enterprise.

L'unico vero requisito è 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, quindi se è disattivato per tutta l'organizzazione, è quella la persona da contattare. Anthropic documenta tutto questo nel suo articolo della guida su Skills.

Se non puoi abilitare l'esecuzione del codice, oppure stai lavorando 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 semplici istruzioni personalizzate. Il comportamento è identico: devi solo incollarlo di nuovo quando cambi strumento.

Guide alle Skills correlate

• Come usare Claude come tutor di Python (non scriverà il tuo codice)
• Come usare Claude come tutor di Excel (sui 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 Skills di Claude Code nel 2026: cosa installare e cosa evitare
• Esempi di Skill di Claude: 12 file SKILL.md reali spiegati riga per riga