← Úroveň 4 – Datař

Lekce 3 z 6 ⏱ 40 minut Prémiové

GitHub – kód na internetu

Nahraješ repozitář na GitHub. Záloha v cloudu a základ pro nasazení.

Proč GitHub

Git u tebe doma zálohuje historii. GitHub je web, kam tu historii nahraješ – záloha v cloudu, sdílení s kamarády, propojení s Render/Vercel pro nasazení. Účet na github.com založíš s rodičem (e-mail rodiče, věk 13+ nebo rodinný účet).

Ukaž mi to: nový repozitář

  1. Na GitHubu: New repository → název např. muj-web-projektbez README (už máš lokální kód).
  2. GitHub ukáže příkazy. Ve svém projektu v terminálu (nahraď TVUJ-UCET):
git remote add origin https://github.com/TVUJ-UCET/muj-web-projekt.git
git branch -M main
git push -u origin main

Při prvním push se GitHub zeptá na přihlášení – použij Personal Access Token (v nastavení GitHubu → Developer settings → Tokens), ne heslo k účtu.

  1. Obnov stránku repozitáře – tvůj kód je na internetu.

Ukaž mi to: další změny

Uděláš úpravu v kódu, pak:

git add .
git commit -m "Opravena patička"
git push

Tři kroky, které budeš opakovat pořád: add → commit → push.

💡

Bezpečnost: do Gitu nikdy necommituj hesla, API klíče ani mail-config.php. Proto máš .gitignore a .env. Když heslo omylem commitneš, řekni rodiči hned – musí se změnit a historie vyčistit.

Teď ty 💪

  1. Založ repozitář na GitHubu pro svůj hlavní projekt (React nebo server – jeden stačí na začátek).
  2. Propoj ho git remote add origin ... a git push.
  3. Udělej malou změnu, commitni a pushni znovu.
  4. Na GitHubu v záložce Commits uvidíš obě verze?

Kontrola: Kód je na GitHubu a umíš cyklus add/commit/push. Server z Úrovně 3 můžeš na Render nasadit právě z tohoto repozitáře – už to znáš z finále Mistra.

Co si z téhle lekce odnést