Gli strumenti del mestiere
03 - Gli strumenti del mestiere
Fermati un attimo prima di iniziare a scrivere codice. Davvero, non c'è fretta. Prima ancora di imparare cosa scrivere, è fondamentale capire dove scriverlo, con quali strumenti e che tipo di tecnologie abbiamo tra le mani.
Questo capitolo è la cassetta degli attrezzi che ti mostro prima di metterci al lavoro. E fidati: ci tornerai spesso.
✍️ Il tuo primo compagno di viaggio: l'editor di codice
Se sei abituato a Word o al Blocco note, dimenticali. Scrivere codice non è come scrivere un documento: servono strumenti pensati apposta per aiutarti a scrivere, leggere e navigare tra migliaia di righe senza perderti come in un labirinto.
Il più popolare tra gli sviluppatori web è senza dubbio Visual Studio Code (VS Code): gratuito, veloce, super personalizzabile e con una miriade di estensioni utili: dalla formattazione automatica del codice (Prettier) al supporto per i framework frontend, fino agli strumenti di collaborazione.
Negli ambienti enterprise o su progetti più complessi potresti invece incontrare strumenti come WebStorm, Rider o Visual Studio: più "pesanti", ma con tante funzionalità avanzate integrate per debug, test e refactoring. Ogni sviluppatore ha il suo stile: troverai presto quello che fa per te.
🖥️ Terminale, Git e Dev Tools: i superpoteri
Quando immagini uno sviluppatore, probabilmente ti viene in mente una schermata nera piena di testo che scorre. Non è fantascienza: è il terminale (o shell), lo strumento che ti permette di parlare direttamente con il sistema e con gli attrezzi del progetto. Con il terminale puoi:
- avviare un progetto (
npm start) - installare dipendenze (
npm install) - eseguire test, build e comandi di ogni tipo
All'inizio può sembrare ostile, ma col tempo diventa un'estensione naturale delle mani. Su Windows userai PowerShell o WSL, su Mac e Linux la Bash (o zsh).
Poi c'è Git, uno dei tuoi migliori amici in questo viaggio. Git salva ogni modifica fatta al codice, crea versioni, ti fa collaborare con altri sviluppatori senza pestarvi i piedi e ti riporta indietro quando qualcosa va storto. Con Git lavori da solo come se fossi in squadra, e in squadra come se foste sempre allineati. E con piattaforme come GitHub, GitLab o Bitbucket il codice è anche condiviso, protetto e tracciato. A Git dedicheremo un modulo intero della guida, più avanti: è troppo importante per liquidarlo in un paragrafo.
Infine, i Dev Tools del browser. Premi F12 (o tasto destro → "Ispeziona") su qualsiasi pagina web e si apre un pannello pieno di strumenti da sviluppatore: puoi vedere e modificare in tempo reale l'HTML e il CSS, monitorare le richieste HTTP (quelle del capitolo scorso, proprio loro), leggere gli errori JavaScript, misurare le performance. È come mettere gli occhiali a raggi X su ogni sito.
🔍 Linguaggi, librerie e framework
Una delle distinzioni più importanti da fissare subito è quella tra linguaggio, libreria e framework. Vengono spesso nominati insieme, ma fanno lavori molto diversi.
I linguaggi sono le fondamenta: HTML, CSS e JavaScript nel frontend; Python, C#, Java, PHP nel backend; SQL per parlare con i database. Senza linguaggi non esiste codice.
Le librerie sono set di attrezzi già pronti. Non impongono regole, ti semplificano la vita: vuoi fare una richiesta HTTP in JavaScript? C'è Axios. Manipolare le date? Day.js. Disegnare grafici? Chart.js.
I framework sono veri e propri ecosistemi: ti dicono come costruire una web app, ti danno struttura, convenzioni e strumenti. React (che tecnicamente è una libreria, ma non diciamolo troppo forte), Angular e Vue nel frontend; Express, Laravel, ASP.NET o Django nel backend.
Se le librerie sono utensili sparsi sul tavolo, il framework è la cassetta che li organizza, e che decide anche in quale scomparto va ogni cosa.
🤖 Una postilla sull'AI
C'è un attrezzo nuovo nella cassetta, e non posso far finta di niente: l'intelligenza artificiale. Assistenti come Copilot, ChatGPT o Claude ormai fanno parte del lavoro quotidiano di moltissimi sviluppatori: completano codice, spiegano errori, aiutano a ragionare sui problemi.
Il punto di vista di questa guida è semplice: l'AI è uno strumento, come l'editor e il terminale. Non sostituirà lo sviluppatore, ma saperla conoscere e usare bene è ormai fondamentale. Anche perché, per giudicare quello che produce, devi comunque saper leggere e capire il codice. Ed è esattamente il motivo per cui questa guida esiste. Più avanti le dedicheremo delle guide apposta; per ora ti basti sapere che c'è, e che non è né magia né minaccia.
🚀 In sintesi
Conoscere i linguaggi è importante, ma saper usare gli strumenti giusti è ciò che ti rende veloce, efficiente e, perché no, felice nel lavoro di ogni giorno. E no, non devi imparare tutto oggi. Devi solo sapere che questi strumenti esistono, che ti saranno sempre accanto, e che più ci giochi più ti sentirai a casa.
Nel prossimo capitolo iniziamo a sporcarci le mani con la prima vera metà dello sviluppo web: il frontend. Scopriremo come si costruisce l'interfaccia che gli utenti vedono e usano ogni giorno.
Ci sei? Hai l'editor aperto? Il terminale pronto? Allora il viaggio comincia davvero.