← Livello 4 – Data pro

Lezione 3 di 6 ⏱ 40 minuti Premium

GitHub – codice su internet

Carica il tuo repository su GitHub. Un backup nel cloud e la base per il deployment.

Perché GitHub

Git fa backup della cronologia sul tuo computer. GitHub è un sito web dove carichi quella cronologia – backup nel cloud, condivisione con gli amici, e collegamento a Render/Vercel per il deployment. Crea un account su github.com con un genitore (email del genitore, età 13+ o account familiare).

Te lo mostro: un nuovo repository

  1. Su GitHub: New repository → chiamalo ad es. my-web-projectsenza README (hai già codice locale).
  2. GitHub ti mostrerà alcuni comandi. Nel terminale del tuo progetto (sostituisci YOUR-USERNAME):
git remote add origin https://github.com/YOUR-USERNAME/my-web-project.git
git branch -M main
git push -u origin main

Al primo push, GitHub ti chiederà di accedere – usa un Personal Access Token (in GitHub settings → Developer settings → Tokens), non la password dell’account.

  1. Aggiorna la pagina del repository – il tuo codice è su internet.

Te lo mostro: altre modifiche

Fai una modifica nel codice, poi:

git add .
git commit -m "Fixed the footer"
git push

Tre passi che ripeterai per sempre: add → commit → push.

💡

Sicurezza: non committare mai password, chiavi API, o mail-config.php su Git. Per questo hai .gitignore e .env. Se committi per sbaglio una password, dillo subito a un genitore – va cambiata e la cronologia va ripulita.

Ora tocca a te 💪

  1. Crea un repository su GitHub per il tuo progetto principale (React o server – uno basta per iniziare).
  2. Collegalo con git remote add origin ... e git push.
  3. Fai una piccola modifica, committala, e fai di nuovo push.
  4. Su GitHub, nella scheda Commits, vedi entrambe le versioni?

Controllo: Il tuo codice è su GitHub e conosci il ciclo add/commit/push. Puoi pubblicare il server dal Livello 3 su Render direttamente da questo repository – lo sai già dal finale del Maestro.

Cosa porti via da questa lezione