Il tuo ingresso nella programmazione: Il programma "Ciao Mondo

Di Jan Brinkmann Ultimo aggiornamento: 4 ottobre 2026

La programmazione software non è solo un'abilità, ma anche una forma d'arte influenzata dalle tradizioni. Una di queste tradizioni è la scrittura di un programma "Ciao Mondo", considerato nella comunità di programmazione un inizio per imparare nuovi linguaggi di programmazione fin dagli anni '70. In questo tutorial imparerai a scrivere il tuo primo programma "Ciao Mondo" in JavaScript. Iniziamo subito!

Riproduci il video da YouTube

Il video viene caricato da YouTube solo alla riproduzione: in quel momento vengono trasmessi dati (tra cui l’indirizzo IP) a YouTube/Google. Maggiori informazioni nell’informativa sulla privacy

Principali conclusioni

• "Ciao Mondo" è il primo script di programmazione che molti programmatori abbiano mai scritto.
• Il programma mostra come creare una pagina HTML di base.
• JavaScript viene utilizzato per aggiungere funzioni interattive.

Guida passo-passo

Passo 1: Crea il tuo file HTML

Inizia creando un nuovo file sul tuo desktop. Chiama questo file "ciao_mondo.html". Questo è il posto dove scriverai il tuo primo programma. Ho già creato questo file. Il nome del file è semplice e diretto, il che facilita la comprensione.

Passo 2: Struttura di base per HTML

Ogni file HTML ha bisogno di una struttura di base che descriva la tua pagina web. Inizia con i tag HTML fondamentali. Questi includono il tag <html>, che circonda tutto il contenuto, e le due aree principali: <head> e <body>. L'area <head> contiene metainformazioni, mentre l'area <body> ospita i contenuti visibili.

Inserisci le seguenti righe nel tuo file "ciao_mondo.html":

<!DOCTYPE html>
<html>
<head> <title>Ciao Mondo</title>
</head>
<body>
</body>
</html>

Passo 3: Completa l'area Body

Ora che hai la struttura di base del tuo file HTML, è tempo di riempire l'area <body> con contenuti dinamici. Tuttavia, non inseriremo semplicemente del testo all'interno del tag <body>. Invece, utilizzeremo JavaScript per generare i contenuti in modo dinamico.

Passo 4: Aggiungi JavaScript

Per utilizzare JavaScript, hai bisogno del tag <script> all'interno del tuo tag <head>. Questa è l'area in cui scriverai il tuo codice JavaScript. Aggiungi il seguente codice:

<script type="text/javascript"> window.alert('Ciao Mondo');
</script>

Il comando window.alert genera un popup con il messaggio "Ciao Mondo". Assicurati che questo sia inserito all'interno del tag <head>.

Passo 5: Testa il tuo programma

Salva il file e aprilo nel tuo browser web. Quando carichi la pagina, dovresti vedere una finestra popup che mostra "Ciao Mondo". Questo dimostra che il tuo JavaScript funziona correttamente e che hai eseguito con successo il tuo primo programma.

Passo 6: Rifletti su ciò che hai imparato

Ora che sai come scrivere un semplice programma "Ciao Mondo", è importante riflettere sul processo di apprendimento. Hai imparato non solo a creare un file HTML e implementare JavaScript, ma anche come queste due tecnologie collaborano per creare pagine web interattive. Il flusso di lavoro che hai appena seguito - dalla scrittura del codice al test nel browser - è una parte fondamentale dello sviluppo software.

Riepilogo – Il tuo primo passo nella programmazione: Il programma "Ciao Mondo"

Hai imparato a creare una pagina HTML e a scrivere un semplice programma JavaScript per visualizzare il classico "Ciao Mondo". Questa tradizione non è solo un'importante passo verso la programmazione software, ma offre anche una solida introduzione al mondo dello sviluppo web.

Formatore Informazioni su Jan Brinkmann Sviluppo web con passione! Jan è un programmatore da oltre 15 anni. Tutti i corsi di Jan Brinkmann →