← Level 4 – Data pro

Lektion 3 von 6 ⏱ 40 Minuten Premium

GitHub – Code im Internet

Lade dein Repository auf GitHub hoch. Ein Cloud-Backup und die Grundlage für Deployment.

Warum GitHub

Git sichert die Historie auf deinem eigenen Computer. GitHub ist eine Website, auf die du diese Historie hochlädst – ein Cloud-Backup, Teilen mit Freunden und eine Verbindung zu Render/Vercel für Deployment. Richte ein Konto auf github.com mit einem Elternteil ein (E-Mail des Elternteils, Alter 13+ oder ein Familienkonto).

Zeig mir das: ein neues Repository

  1. Auf GitHub: New repository → benenne es z. B. my-web-projectohne README (du hast schon lokalen Code).
  2. GitHub zeigt dir einige Befehle. Im Terminal deines Projekts (ersetze YOUR-USERNAME):
git remote add origin https://github.com/YOUR-USERNAME/my-web-project.git
git branch -M main
git push -u origin main

Beim ersten push fragt GitHub dich nach der Anmeldung – nutze einen Personal Access Token (in GitHub-Einstellungen → Developer settings → Tokens), nicht dein Kontopasswort.

  1. Aktualisiere die Repository-Seite – dein Code ist im Internet.

Zeig mir das: weitere Änderungen

Mache eine Änderung in deinem Code, dann:

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

Drei Schritte, die du für immer wiederholst: add → commit → push.

💡

Sicherheit: Niemals Passwörter, API-Schlüssel oder mail-config.php in Git committen. Deshalb hast du .gitignore und .env. Wenn du versehentlich ein Passwort committest, sag sofort einem Elternteil Bescheid – es muss geändert und die Historie bereinigt werden.

Jetzt du 💪

  1. Erstelle ein Repository auf GitHub für dein Hauptprojekt (React oder Server – eines reicht zum Start).
  2. Verbinde es mit git remote add origin ... und git push.
  3. Mache eine kleine Änderung, committe sie und pushe erneut.
  4. Auf GitHub, im Tab Commits – siehst du beide Versionen?

Kontrolliere dich selbst: Dein Code ist auf GitHub und du kennst den add/commit/push-Zyklus. Du kannst den Server aus Level 3 direkt von diesem Repository auf Render deployen – das weißt du schon aus dem Meister-Finale.

Das nimmst du aus dieser Lektion mit