This article is currently in the process of being translated into Italian (~99% done).
Hello, world!
Storicamente ogni tutorial di programmazione deve iniziare con un esempio "Hello, world!". Lo scopo di questo esempio è semplicemente quello di inviare all'utente un messaggio composto dalla frase "Hello, world!", senza ricevere alcun input o fare altro. Questo esempio si può far risalire al 1974, ovvero almeno 20 anni prima che JavaScript fosse inventato, ma ciò nonostante questo tutorial inizierà con un esempio "Hello, World!".
Con JavaScript il posto in cui facciamo visualizzare il messaggio può variare in base al motore JavaScript utilizzato per interpretarlo. Ad esempio se lo esegui da un browser potremmo utilizzare la funzione alert() per visualizzare il messaggio:
alert("Hello, world!");Prova ad eseguire questo esempio e otterrai un bel popup con il famoso messaggio al mondo. Come abbiamo detto in precedenza questo tutorial inizierà senza concentrarsi sul browser, ma voglio menzionare che se incorpori questo codice in un file HTML, dovrà essere all'interno di un tag SCRIPT, come questo:
<script>
alert("Hello, world!");
</script>Hello, webpage!
Con questo in mente, voglio mostrarti un altro esempio, in cui integriamo JavaScript in una pagina web reale (anche se semplice), per darti un'idea di come funziona:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<p>And now for the world famous message:</p>
<script>
document.write("Hello, world!");
</script>
<p>Thank you, and goodnight!</p>
</body>
</html>Prova ad eseguire questo esempio direttamente qui nell'articolo oppure salvandolo come file .html sul tuo computer e aprendolo nel browser.
Non preoccuparti troppo di tutti i vari tag HTML, che sono solo la struttura di base di una pagina web con un po' di testo. Concentrati invece sul blocco di script al centro. L'ho usato per integrare un pezzo di codice JavaScript direttamente all'interno del codice HTML (praticamente nel mezzo di una pagina web) e utilizzare la funzione document.write() per posizionare il testo direttamente in mezzo al contenuto.
Hello, console!
Tieni presente che document.write() è una funzione specifica del browser, quindi se la esegui con Node.js probabilmente non funzionerà. Possiamo invece utilizzare una funzione che opererà anche su molti motori JavaScript: console.log()
console.log("Hello, world!");Se esegui questo nel browser, dovrai cercare nella console degli sviluppatori per leggere il messaggio. Il modo in cui accedi a quest'area dipende dal browser che utilizzi, ma puoi provare a premere F12. Se non funzionasse potresti dare un'occhiata a questo articolo che spiega come accedervi nei vari browser.
Riepilogo
Dopo l'obbligatorio esempio "Hello, world!" siamo pronti per andare avanti e imparare di più sul linguaggio JavaScript.