VS Code essenziale: cosa serve davvero per iniziare
Setup iniziale, terminale integrato, estensioni sensate, debug, Git e piccole abitudini che migliorano davvero il workflow.
Apri la guidaPractical tutorials
Guide essenziali e spunti operativi
Molto spesso si impara a programmare copiando pezzi di codice qua e là sul web. Il rischio, però, è riuscire a far funzionare qualcosa senza capire davvero il perché, trattando strumenti, browser e codice come scatole nere.
Questa sezione raccoglie guide essenziali e spunti pratici, pensati non come manuali sterminati, ma come punti di partenza leggeri. L'obiettivo è darti i concetti chiave necessari per capire cosa c'è dietro le quinte del codice, evitando il copia-incolla sragionato e senza farsi scoppiare la testa con troppa teoria.
Le guide sono ordinate come un percorso: si parte dall'editor, si passa ai fondamentali di HTML, CSS e JavaScript, poi a DevTools, Git e GitHub, NPM, deploy, SEO e accessibilità, per chiudere con l'uso dell'AI con metodo. Puoi seguirle in sequenza oppure esplorarle una alla volta, a seconda delle tue necessità o della curiosità del momento.
HTML: struttura e senso
Struttura, semantica, tag essenziali, link, immagini e form: una panoramica ragionata per orientarsi in HTML prima di toccare CSS e JavaScript.
Apri la guidaCSS: stile e layout senza mal di testa
Regole, selettori, specificità, Box Model, Flexbox, Grid e posizionamento: i pilastri per dare alle tue pagine uno stile solido e prevedibile.
Apri la guidaJavaScript: capire come ragiona il linguaggio
Variabili, scoping, funzioni, manipolazione DOM, eventi ed asincronia: una guida pratica sui pilastri invisibili del linguaggio senza panico.
Apri la guidaDevTools: come capire perché una pagina non funziona
Capire cosa succede davvero nel browser: DOM, CSS applicato, console, Sources, Network e controlli sulle performance.
Apri la guidaGit senza panico: salvare, sbagliare, tornare indietro
Concetti chiave e workflow quotidiano: commit, branch, merge e recupero errori con un metodo semplice e pratico.
Apri la guidaGitHub non è Git: dal push alla collaborazione
Guida pratica davvero centrata su GitHub: repository, Pull Request, Issues, Actions, Pages, sicurezza e collaborazione reale.
Apri la guidaNPM e Vite: cosa succede quando avvii un progetto
Package manager, script, dipendenze, cartelle e build locale: il minimo per capire com'è fatto un progetto moderno.
Apri la guidaCome pubblicare un sito: build, hosting e dominio
Una guida concreta per pubblicare i primi progetti: build, hosting, dominio, errori frequenti e workflow minimo da tenere a mente.
Apri la guidaSEO tecnico: le basi per farsi trovare su Google
Title, description, URL, link interni, sitemap, robots.txt, canonical, performance e Search Console senza confusione.
Apri la guidaAccessibilità web: 5 controlli che migliorano ogni pagina
HTML semantico, alt text, focus, tastiera, contrasto, form, ARIA e checklist pratica per interfacce più usabili.
Apri la guidaSviluppare con l'AI senza perdere il controllo
Il metodo per integrare l'AI nel flusso di sviluppo: specifiche chiare, prompt efficaci, una pipeline in 8 step e la revisione del codice generato.
Apri la guida