Pubblica il tuo sito web su internet

Il grande finale: il tuo sito web ottiene un indirizzo vero da mandare a chiunque nel mondo.

Cosa sta per succedere

Finora, il tuo sito web vive solo sul tuo computer. Ora lo caricheremo su un server – un computer sempre connesso a internet – e avrà un indirizzo che chiunque può aprire. Useremo GitHub Pages: è gratis, e milioni di programmatori lo usano.

⚠️

Fai questo passo con un genitore. Creare un account GitHub serve un indirizzo email, e secondo le regole di GitHub, un account per un bambino sotto i 13 anni deve essere creato e gestito da un genitore. In più, è un bel momento per condividere – fagli vedere cosa hai costruito!

Passo dopo passo

Crea un account GitHub. Vai su github.com e clicca Sign up. Inserisci un’email (di un genitore), una password e un username. Attento all’username – diventerà parte dell’indirizzo del sito web! Qualcosa come jake-builds va meglio di xxjake123xx.
Crea un nuovo repository. Un repository è un cassetto per un progetto. Clicca il pulsante verde New (oppure il più in alto a destra → New repository). Scrivi my-website come Repository name, lascia Public selezionato e clicca Create repository.
Carica i file del sito web. Nella pagina del repository, clicca il link uploading an existing file. Trascina tutto dalla cartella my-website: index.html, gli altri file .html, style.css e l’intera cartella images. Clicca il pulsante verde Commit changes in basso.
Attiva GitHub Pages. Clicca la scheda Settings in alto, poi Pages nel menu a sinistra. Sotto Branch, scegli main, lascia / (root) e clicca Save.
Aspetta un minuto, poi apri il tuo indirizzo. Il tuo sito web ora vive su:
```
https://your-username.github.io/my-website/
```
(sostituisci your-username con il tuo username GitHub). Se non funziona subito, aspetta due minuti e aggiorna la pagina.

🎉 Congratulazioni, Costruttore!

Hai un sito web su internet. Uno vero, con un indirizzo vero. Mandalo alla nonna, agli amici, all’insegnante. E prenditi un momento per ricordare da dove sei partito: un file vuoto e <h1>It works!</h1>.

Cosa hai imparato in queste 12 lezioni:

come funzionano internet, browser e server,
HTML: scheletro della pagina, titoli, paragrafi, elenchi, immagini, link, struttura,
CSS: colori, font, classi, box model, flexbox, schede, animazioni,
e infine, mettere un sito web su internet – quello che i professionisti chiamano deployment.

Come continuare a modificare il sito web

Un sito web non finisce mai davvero! Ogni volta che cambi qualcosa nei file sul computer:

apri il repository su GitHub,
clicca Add file → Upload files,
trascina i file modificati e clicca Commit changes.

Entro un minuto, la modifica è online. (Al Livello 3 imparerai a farlo in modo più elegante – con comandi dal terminale, come un vero professionista.)

💡

Cosa viene dopo? Il tuo sito web è costruito, ma non può ancora reagire. Al Livello 2 – Mago gli insegnerai incantesimi: modalità scura, una galleria fotografica navigabile e un quiz per i visitatori. Lo stiamo costruendo adesso – e il tuo sito web sarà perfettamente pronto.

Cosa porti via da questa lezione

GitHub Pages pubblica un sito web gratis: repository → carica file → Settings → Pages.
Il tuo indirizzo: https://your-username.github.io/my-website/.
Modificare il sito web = caricare di nuovo i file cambiati. Vive e cresce con te.