Come iniziare a programmare in JavaScript? Parte 1 Corso di JavaScript da Principiante ad Avanzato

In questa serie passeremo da Principiante ad Avanzato in JavaScript in 10 post sul blog. Alla fine di questa serie, conoscerai tutte le basi necessarie per iniziare a programmare in JavaScript.

Come iniziare a programmare in JavaScript? – indice:

1. Per chi è questo corso?
2. Cosa puoi effettivamente fare con JavaScript?
3. Perché JavaScript è così popolare?
4. Dove puoi scrivere ed eseguire codice JavaScript?
5. Come iniziare a programmare in JavaScript?

Per chi è questo corso?

Questo corso è per te se sei qualcuno che vuole iniziare a programmare in JavaScript, o sei qualcuno che vuole rinfrescare le proprie conoscenze in JavaScript. Ti consiglio anche di aggiungere questo tutorial ai segnalibri per un riferimento futuro. Ogni volta che desideri avere una rapida reintroduzione riguardo ai concetti o magari solo per ricordare la sintassi utilizzata in JavaScript, sarebbe un buon momento per rivedere questa serie in futuro.

Cosa puoi effettivamente fare con JavaScript?

Prima di immergerti in JavaScript, è una buona idea sapere cosa puoi effettivamente fare con JavaScript. Potresti conoscere JavaScript come il linguaggio che domina il web. E avresti completamente ragione! JavaScript, nato come linguaggio front-end per aggiungere comportamento ai siti web, è ora utilizzato in ogni aspetto dei siti web.

È comunemente usato nello sviluppo web front-end, di solito insieme ad altri framework e librerie JavaScript come React. È anche il linguaggio più comune utilizzato nello sviluppo web back-end grazie a Node.js, che ti consente di eseguire JavaScript sui server web. Ma non è tutto qui. JavaScript è utilizzato in tutti i tipi di luoghi, inclusa la creazione di Applicazioni Web Progressive, fino ad app desktop. Recentemente ha anche iniziato a essere utilizzato nel Machine Learning con TensorFlow.js. Grazie a Node.js, può anche essere utilizzato per controllare droni, robot e dispositivi IoT.

Perché JavaScript è così popolare?

JavaScript è attualmente il linguaggio di programmazione più popolare e c’è un buon motivo. Ci sono diversi fattori principali che rendono JavaScript ciò che è oggi. Questi includono la vasta disponibilità di ambienti di esecuzione, la sicurezza delle versioni del codice grazie a Babel e la sua ampia adozione nella comunità. Vediamo cosa sono uno alla volta.

Vasta disponibilità

JavaScript domina il web, da front a back. Se stai leggendo questo articolo per rinfrescare le tue conoscenze su JavaScript, probabilmente sai che ci sono nuovi framework JavaScript che spuntano ogni pochi mesi, specialmente per quanto riguarda lo sviluppo web front-end, poiché ci possono essere molti approcci per ottimizzarlo.

Come vedremo più avanti nell’articolo, non è necessario installare alcun software speciale per iniziare a scrivere ed eseguire il tuo codice JavaScript, perché hai già gli strumenti necessari nel tuo browser. Questo da solo abbassa la barriera per iniziare a imparare il linguaggio, poiché la maggior parte dei linguaggi di programmazione richiede di installare e configurare ambienti di codifica per iniziare.

Sicurezza delle versioni

Lo scopo principale di scrivere un codice è eseguirlo quando deve essere eseguito. E nel farlo, l’ultima cosa che vuoi è avere metà del tuo sito web non funzionante per un numero significativo di utenti. Ma cosa puoi fare se il tuo codice deve funzionare su 1000 diverse combinazioni di dispositivi e browser? Per chi ottimizzerai e chi lascerai andare come utente? Devi davvero fare una scelta del genere? Se metà dei tuoi utenti ha dispositivi obsoleti e l’altra metà ha dispositivi nuovissimi, per chi ottimizzerai il tuo codice e chi ignorerai come cliente? La risposta è, si spera, nessuno, grazie a Babel.

Babel è un software che garantisce che il tuo codice funzioni anche sui browser molto vecchi che utilizzano una versione molto obsoleta di JavaScript. In questo modo non devi fare una scelta che ti porterebbe a ignorare metà dei tuoi clienti. Per essere chiari, non scrivi codice con Babel, né è un sapore di JavaScript. Ma è un software estremamente comune che prende il tuo codice JavaScript già scritto e funzionante e lo converte nella versione di JavaScript che altri browser comprendono, anche se hanno versioni molto vecchie di JavaScript nei loro browser.

Grande adozione della comunità

Ogni volta che scrivi codice, è inevitabile che ti imbatterai in problemi. E in quei momenti, qualunque linguaggio di programmazione tu stia utilizzando, può essere estremamente utile vedere il tuo problema già risolto da qualcuno disponibile su internet. È qui che entra in gioco il supporto della comunità, e quindi StackOverflow.

Se non sai cos’è StackOverflow, è fondamentalmente il più grande forum di programmazione che le persone usano per porre e rispondere a domande di programmazione. Non è l’unico posto dove troverai risposte, ci sono sicuramente luoghi che saranno molto utili per rispondere alle tue domande specifiche, ma è probabile che troverai la maggior parte delle tue risposte lì. Non ti sto suggerendo di andare semplicemente su StackOverflow e cercare i tuoi problemi lì. Di solito, una ricerca su Google ti darà i migliori risultati.

E potresti non aspettarti questo tanto, mentre impari a programmare, ma una parte importante dello sviluppo software include sapere cosa cercare su Google per trovare le tue risposte in modo più efficace.

È per questo che molte persone vogliono iniziare a programmare in JavaScript: avere JavaScript come linguaggio di programmazione più popolare ti aiuta sicuramente a lavorare con il linguaggio sia a breve che a lungo termine. Ogni volta che scrivi

JavaScript, immagina migliaia di persone che programmando JavaScript con te, allo stesso tempo. Alcuni che pongono domande, altri che rispondono a domande.

Quando programmi in JavaScript, non sei solo.

Dove puoi scrivere ed eseguire codice JavaScript?

Ci sono diversi luoghi che puoi utilizzare per iniziare a programmare in JavaScript. Puoi tecnicamente scrivere JavaScript ovunque, incluso un semplice quaderno o editor di testo. Ma hai anche bisogno di un motore JavaScript per eseguire effettivamente il tuo codice. Ma come ottieni uno? Bene, se ricordi l’inizio dell’articolo, sai che ce l’hai già nel tuo browser.

In questa serie di post sul blog utilizzeremo Google Chrome come browser, poiché è uno dei browser più comuni utilizzati nello sviluppo web. E c’è un buon motivo, Chrome fornisce alcuni dei migliori strumenti che rendono la tua vita molto più facile quando lavori con lo sviluppo web. Chrome ha un motore JavaScript chiamato V8 Engine, che prende il tuo codice JavaScript e lo esegue. Questo motore JavaScript è anche utilizzato nello sviluppo di Node.js, il software che ti consente di portare JavaScript fuori dal browser. Node.js è anche il motivo per cui possiamo utilizzare JavaScript in tutti i tipi di luoghi, inclusi da un server web a un drone.

Quando vuoi iniziare a programmare in JavaScript, è bene sapere che hai bisogno di un motore JavaScript per eseguire il tuo codice, e ora sai che hai già uno che viene fornito con il tuo browser. Sai anche che se vuoi eseguire JavaScript al di fuori del browser, dovrai scaricare e installare Node.js per farlo. Ma quando si tratta di scrivere effettivamente il codice e di eseguirlo, cosa significa tutto ciò per la tua esperienza di codifica? Di solito vorrai utilizzare un qualche tipo di IDE (Ambiente di Sviluppo Integrato) per scrivere il tuo codice. In questo modo, come puoi immaginare dal nome, viene fornito con molti più strumenti che rendono più facile lavorare con il codice a lungo termine. Questi possono includere qualsiasi cosa, dal completamento del testo per ridurre la digitazione, a un debugger. Poiché molte persone lavorano con questi IDE, ci sono anche estensioni molto comuni che ti consentono di personalizzare il tuo ambiente di codifica, inclusa la colorazione delle parentesi nel codice per rendere più facile vedere quale parentesi aperta corrisponde a quale parentesi chiusa. Se non hai idea di cosa facciano le parentesi, per ora non preoccuparti e le vedremo con tutti i dettagli che devi sapere in questa serie di blog.

Attualmente alcuni dei più popolari IDE includono Visual Studio Code, Atom e Sublime Text. Ma per questo inizieremo con l’opzione più semplice che possiamo utilizzare, che è effettivamente utilizzare il browser Chrome stesso per scrivere ed eseguire il codice JavaScript.

Ora che hai alcune informazioni di base su JavaScript, impostiamo effettivamente il nostro ambiente di codifica e iniziamo con un codice “Hello, World!”.

Come iniziare a programmare in JavaScript?

Per iniziare a programmare in JavaScript, dobbiamo impostare l’ambiente di codifica.

Come abbiamo anche menzionato in precedenza, utilizzeremo Google Chrome come nostro browser per tutta questa serie di post sul blog. Se hai già Chrome installato, ottimo! Se non lo hai, il primo passo è effettivamente installare Google Chrome. Per scaricare Chrome, puoi semplicemente cercare “download Google Chrome”, per scaricarlo dal suo sito web o qui puoi trovare un link per tua comodità per scaricare Chrome:

Google Chrome – Scarica il browser veloce e sicuro di Google

Ora puoi andare avanti e cliccare sul pulsante “Scarica Chrome” per avviare il download. Una volta scaricato, puoi fare doppio clic su di esso e seguire il processo di installazione, come faresti con qualsiasi altra applicazione scaricata da internet. Potrebbe anche chiederti di accedere a uno dei tuoi account Google, cosa che puoi fare.

Una volta installato Chrome, fai doppio clic su di esso per aprire una finestra. Ora dovresti vedere la classica schermata di ricerca di Google:

Per iniziare a programmare in JavaScript, il passo successivo è aprire il luogo effettivo dove scriveremo ed eseguiremo il codice all’interno del browser Chrome. Dal menu in alto, vai su: Menu, poi Sviluppatore, e poi clicca su Console JavaScript. Puoi anche utilizzare la scorciatoia per Mac, che è “option + command + J”.

Subito dopo aver fatto ciò, dovresti vedere la console JavaScript aprirsi, che dovrebbe apparire in questo modo:

Se sei arrivato fin qui, fantastico! È tempo di un passo significativo che ti permetterà di iniziare a programmare in JavaScript. Iniziamo il tuo viaggio in JavaScript con un hello world. Vai avanti e digita quanto segue:

alert("Hello, World!");

Dopo aver digitato, eseguiamo il nostro codice premendo il tasto “Invio” o “Return” sulla tastiera!

Ora dovresti vedere un avviso che appare e che sembra così:

E con questo, hai appena scritto il tuo primo codice “hello world”! Ora sai come iniziare a programmare in JavaScript.

Nel prossimo post del blog, vedrai le basi di JavaScript con esempi di codice.