Vezérlőpult
4. GitHub-fiók és a felület · Alapok és munkakörnyezet

1. témakör · Alapok és munkakörnyezet · 4. fejezet

GitHub-fiók és a felület

Létrehozzuk a GitHub-fiókot, biztonságossá tesszük kétlépcsős azonosítással, és bejárjuk egy repó oldalát. Megismerjük a nyilvános és a privát repó különbségét, és Markdownban megírjuk az első README-t.

Web + DesktopRepóoldal-térképMarkdown-játszótér15 kvízkérdés7 feladat

Tanulási célok

1Mire kell a GitHub-fiók?

A Git a gépeden, fiók nélkül is működik. A GitHub-fiókkal viszont a repóid a felhőbe is felkerülnek, és ez sok mindent lehetővé tesz:

Biztonsági másolatA repóid egy távoli tárolóban is megvannak — ha a géped tönkremegy, a munkád nem vész el.
CsapatmunkaKözös repó, pull requestek, kódáttekintés, feladatkezelés.
PortfólióA nyilvános projektjeid a profilodon megmutatják, mit tudsz — ezt a munkáltatók is megnézik.
Nyílt forráskódTöbb millió nyilvános projekt kódját olvashatod, és hozzá is járulhatsz.

A GitHub Free csomag ingyenes: korlátlan számú nyilvános és privát repót hozhatsz létre benne. Diákok a GitHub Education programon keresztül (education.github.com) ingyen kaphatnak extra szolgáltatásokat is (Student Developer Pack). Ehhez iskolai e-mail címmel vagy diákigazolvánnyal kell igazolni a diákstátuszt.

2Regisztráció

  1. Nyisd meg a github.com oldalt, és kattints a Sign up gombra.
  2. Add meg az e-mail címedet, egy jelszót és egy felhasználónevet. Telefonszám és bankkártya nem kell.
  3. Oldd meg az ellenőrző feladványt (ezzel igazolod, hogy nem vagy robot).
  4. A GitHub egy kódot küld e-mailben. Írd be, és a fiókod elkészült.
ℹ️ KORHATÁR

A GitHub felhasználási feltételei szerint a fiók létrehozásához legalább 13 évesnek kell lenned.

A jó felhasználónév

A felhasználóneved a profilod címe is lesz (github.com/felhasznalonev), és minden repód címében szerepel. Évekig használni fogod, és munkáltatók is látják, ezért érdemes gondosan választani.

Jelszó: legalább 15 karakter, vagy legalább 8 karakter, amelyben van szám és kisbetű is. Ne használd ugyanazt a jelszót máshol!

Felhasználónév-ellenőrző

Próbálj ki néhány nevet! Az ellenőrző a GitHub szabályai szerint vizsgálja, és tanácsot is ad. (Hogy a név szabad-e még, azt csak a GitHub tudja megmondani.)

    3Kétlépcsős azonosítás (2FA)

    A kétlépcsős azonosítás (angolul two-factor authentication, 2FA) azt jelenti, hogy belépéskor a jelszó mellé egy második bizonyíték is kell: valami, ami csak nálad van, például a telefonodon egy hitelesítő alkalmazás által 30 másodpercenként generált 6 jegyű kód. Így ha valaki megszerzi a jelszavadat, akkor sem tud belépni.

    A GitHub a kódot feltöltő felhasználóktól megköveteli a 2FA-t. A regisztráció után értesítést kapsz, és egy határidőn belül be kell kapcsolnod. Beállítása: avatar → Settings → Password and authentication → Enable two-factor authentication.

    MódszerHogyan működik?Megjegyzés
    Hitelesítő alkalmazás (TOTP)Egy QR-kód beolvasása után az app (pl. Microsoft Authenticator, Google Authenticator) 30 másodpercenként új kódot mutat.Ajánlott, internet nélkül is működik.
    GitHub MobileA telefonos GitHub-alkalmazásban kell jóváhagyni a belépést.Kényelmes kiegészítés.
    Passkey / biztonsági kulcsUjjlenyomat, arcfelismerés, Windows Hello vagy USB-kulcs.A legbiztonságosabb.
    SMSKód szöveges üzenetben.Nem minden országban elérhető, és a legkevésbé biztonságos.
    ⛔ HELYREÁLLÍTÓ KÓDOK

    A 2FA bekapcsolásakor a GitHub helyreállító kódokat (recovery codes) ad. Töltsd le őket, és tedd biztonságos helyre (nyomtatva otthon, jelszókezelőben). Ha elveszíted a telefonodat, csak ezekkel tudsz visszajutni a fiókodba. Nélkülük a fiók akár véglegesen is elveszhet.

    4E-mail cím és adatvédelem

    A commitjaidban szerepel a user.email értéke (2. fejezet). Ha a repó nyilvános, ezt a címet bárki láthatja, aki megnézi a commitokat. Hogy ne kelljen a valódi címedet közzétenned, a GitHub egy helyettesítő, úgynevezett noreply címet ad:

    1. Settings → Emails: kapcsold be a Keep my email addresses private lehetőséget.
    2. Alatta megjelenik a saját noreply címed, ilyen formában: 12345678+kovacs-anna@users.noreply.github.com
    3. Érdemes bekapcsolni a Block command line pushes that expose my email lehetőséget is. Ez megakadályozza, hogy véletlenül a valódi címeddel tölts fel commitot.
    4. Állítsd be ezt a címet a Gitben is:
    PS> git config --global user.email "12345678+kovacs-anna@users.noreply.github.com"

    A GitHub a noreply címmel készült commitokat is a profilodhoz kapcsolja: megjelenik mellettük a profilképed, és beszámítanak a zöld négyzetes aktivitási táblázatba (contribution graph).

    💡 MELYIKET VÁLASSZAM?

    Mindegy, hogy a valódi címedet vagy a noreply címet használod. A lényeg, hogy a user.email a GitHub-fiókodhoz tartozó cím legyen. Különben a commitjaid „gazdátlanok” lesznek: szürke ikon jelenik meg mellettük, és nem számítanak bele a profilodba.

    5A profilod

    A profiloldalad (github.com/felhasznalonev) a névjegyed. Az avatar → Your profile → Edit profile menüben állíthatod be:

    ℹ️ PROFIL-README

    Ha létrehozol egy nyilvános repót, amelynek a neve pontosan megegyezik a felhasználóneveddel (pl. kovacs-anna/kovacs-anna), és van benne README.md, akkor a GitHub ennek a tartalmát a profiloldalad tetején jeleníti meg. Ez egy személyes bemutatkozó oldal.

    6Egy repó oldala

    Egy repó címe mindig github.com/tulajdonos/repónév, például github.com/kovacs-anna/webshop. Kattints a számokra, és nézd meg, mi mire való!

    Repóoldal-térkép

    kovacs-anna / webshop Public
    👁 Watch 2⑂ Fork 1☆ Star 5
    <> CodeIssues 3Pull requests 1ActionsProjectsWikiSecurityInsights⚙ Settings
    ⑂ main ▾ ⑂ 2 Branches · 🏷 1 Tag <> Code ▾
    kovacs-anna Hibás kedvezményszámítás javítása e41b7c2 · 2 napja · 🕒 12 Commits
    📁 kepekGaléria oldal hozzáadásamúlt hét
    📄 .gitignoreElső változat: kezdőlap2 hete
    📄 README.mdLeírás bővítésemúlt hét
    📄 index.htmlKapcsolat űrlap ellenőrzése2 napja
    📄 kosar.jsHibás kedvezményszámítás javítása2 napja
    📖 README

    Webshop

    Iskolai projekt: egyszerű webáruház HTML, CSS és JavaScript alapokon.

    7Nyilvános és privát repó

    🌍 Public — nyilvános
    • Bárki láthatja az interneten, fiók nélkül is.
    • Bárki klónozhatja és forkolhatja, megkötések nélkül.
    • Módosítani (feltölteni) csak a tulajdonos és a meghívott közreműködők tudnak.
    • Portfólióhoz, nyílt forráskódú projekthez, ingyenes GitHub Pages-oldalhoz.
    🔒 Private — privát
    • Csak a tulajdonos és az általa meghívott közreműködők (collaborators) látják.
    • Mások számára nem is létezik: a címe „404 – nem található” oldalt ad.
    • Megrendelői munkához, leadás előtti iskolai feladathoz, személyes adatokat tartalmazó projekthez.

    A láthatóság később is módosítható: Settings → General → Danger Zone → Change repository visibility.

    ⛔ TITKOK SOHA NE KERÜLJENEK A REPÓBA

    Jelszó, API-kulcs, adatbázis-hozzáférés akkor sem való a repóba, ha az privát. A privát repót később nyilvánossá tehetik, és a Git a teljes történetet megőrzi: egy egyszer már commitolt jelszó a későbbi törlés után is ott marad a korábbi commitokban. (A 9. fejezetben megmutatjuk, hogyan tartsd távol a titkokat a .gitignore segítségével.)

    Nyilvános vagy privát?

    Melyik láthatóságot választanád az adott projekthez?

    1 / 8Pontszám: 0
    …

    8Új repó létrehozása a weben

    A jobb felső sarokban a + menü → New repository. Az űrlap mezői:

    MezőMit adj meg?
    OwnerA tulajdonos: te, vagy egy szervezet (pl. az iskola GitHub-szervezete).
    Repository nameRövid, beszédes név: bemutatkozas, webshop. Angol betűk, számok, -, _ és . lehet benne; szóköz helyett kötőjelet használj.
    DescriptionEgymondatos leírás (nem kötelező, de hasznos).
    VisibilityPublic vagy Private.
    Add READMELétrehoz egy README.md fájlt. Így a repó nem üres, és rögtön klónozható.
    Add .gitignoreSablon a nyelvhez (pl. Node, VisualStudio); a 9. fejezet témája.
    Add licenseNyilvános projektnél ez mondja meg, mit tehetnek mások a kódoddal (pl. MIT License).

    A Create repository után a repó oldalára kerülsz. A README-t a ceruza ikonnal (Edit this file) rögtön szerkesztheted a böngészőben.

    ⚠️ A WEBES SZERKESZTÉS IS COMMIT

    Ha a GitHub felületén módosítasz egy fájlt, a mentés gombja Commit changes… feliratú. A megjelenő ablakban commitüzenetet kell írni, és a mentés egy valódi commitot hoz létre a repóban, a neveddel. Ugyanaz történik, mint a parancssorban, csak a böngészőből.

    9A README és a Markdown

    A README.md a repó „címlapja”: a GitHub a fájllista alatt automatikusan megjeleníti. Érdemes leírni benne, mi a projekt, hogyan kell elindítani, és ki készítette. A .md kiterjesztés a Markdown formátumot jelöli. Ez egyszerű jelölőnyelv, sima szövegből formázott oldalt készít.

    Ezt írodEz lesz belőle
    # Cím · ## Alcímelső és második szintű címsor
    **félkövér** · *dőlt*félkövér · dőlt
    - elem · 1. elemfelsorolás · számozott lista
    - [x] kész · - [ ] teendőjelölőnégyzetes lista
    [szöveg](https://…)hivatkozás
    ![leírás](kep.png)kép
    `kód`kód a szövegben
    ```js … ```kódblokk (színezéssel)
    > idézet · ---idézet · vízszintes vonal

    Markdown-játszótér

    Írd át a bal oldali szöveget. Jobb oldalon azonnal látod, hogyan jelenítené meg a GitHub. (Egyszerűsített előnézet: a leggyakoribb Markdown-elemeket ismeri.)

    README.md
    Előnézet

    10Bejelentkezés a GitHub Desktopba

    1. GitHub Desktopban: File → Options → Accounts → Sign in (a GitHub.com mellett).
    2. Megnyílik a böngésző. Ha még nem vagy belépve, jelentkezz be (2FA-val), majd kattints az Authorize desktop gombra.
    3. A böngésző visszaküld a GitHub Desktopba: Open GitHub Desktop. Az Accounts fülön megjelenik a profilképed és a felhasználóneved.
    4. Ellenőrizd az Options → Git fülön, hogy a megadott e-mail cím a GitHub-fiókodhoz tartozik-e. Itt a noreply címet is kiválaszthatod.

    A GitHub Desktop ezentúl eléri a GitHubon lévő repóidat: a File → Clone repository ablakban listázza őket. Ezt a 17. fejezetben használjuk.

    ⛔ KÖZÖS GÉPEN

    Óra végén jelentkezz ki: Options → Accounts → Sign out, és a böngészőben is. Részletesen a 2. fejezetben (Közös, iskolai gépen).

    11Feladatok

    Gyakorló feladatok

    ⭐ alap · ⭐⭐ haladó · ⭐⭐⭐ kihívás

    4.1⭐Web

    Hozd létre a GitHub-fiókodat (ha még nincs). Előtte a Felhasználónév-ellenőrzővel próbálj ki legalább három nevet, és indokold, miért azt választottad!

    4.2⭐Web

    Kapcsold be a kétlépcsős azonosítást egy hitelesítő alkalmazással! Töltsd le a helyreállító kódokat, és mondd el, hol tárolod őket (magát a kódot ne!).

    4.3⭐WebCLI

    Kapcsold be a Keep my email addresses private beállítást, másold ki a noreply címedet, és állítsd be a Gitben user.email-ként! Ellenőrizd: git config user.email.

    4.4⭐⭐Web

    Hozz létre egy nyilvános bemutatkozas repót README-vel! Szerkeszd a README-t a böngészőben: legyen benne cím, alcím, lista, jelölőnégyzetes lista és egy link. Beszédes commitüzenettel mentsd. Utána nézd meg a repó commitjait: hány van, és kié?

    4.5⭐⭐Web

    Készítsd el a profil-README-det (a felhasználóneveddel azonos nevű nyilvános repó), és ellenőrizd, hogy megjelenik-e a profiloldaladon!

    4.6⭐⭐Desktop

    Jelentkezz be a GitHub Desktopba! A File → Clone repository ablakban látod-e a bemutatkozas repót? (Klónozni még ne klónozd.) Utána jelentkezz ki, ha közös gépen vagy.

    4.7⭐⭐⭐Web

    Nézd meg ezt a három nyilvános repót: git/git, microsoft/vscode, torvalds/linux. Készíts táblázatot: hány csillaguk, forkjuk és commitjuk van, milyen licenc alatt érhetők el, és mikor volt az utolsó commit!

    12Önellenőrző kvíz

    Ellenőrizd magad!

    Az egyválasztós kérdéseknél kattints a válaszra. A többválasztósaknál jelöld be az összes helyeset, majd nyomd meg az Ellenőrzés gombot.

    13Fogalomtár

    FogalomJelentés
    felhasználónév (username)a GitHub-azonosítód; a profilod és a repóid címében is szerepel
    kétlépcsős azonosítás (2FA)belépés jelszóval + egy második bizonyítékkal (pl. hitelesítő app kódja)
    helyreállító kódok (recovery codes)egyszer használatos kódok a fiókba való visszajutáshoz, ha a 2FA eszköz elveszett
    noreply e-mail címa GitHub által adott helyettesítő cím, amely elrejti a valódit, de a commitokat a profilodhoz köti
    nyilvános (public) repóbárki láthatja, klónozhatja, forkolhatja; módosítani csak a jogosultak tudják
    privát (private) repócsak a tulajdonos és a meghívott közreműködők látják
    közreműködő (collaborator)a tulajdonos által meghívott felhasználó, aki írhat a repóba
    Star · Watch · Forkcsillag (könyvjelző, elismerés) · értesítések követése · másolat a saját fiókodba
    README.mda repó leírása, amelyet a GitHub a fájllista alatt megjelenít
    Markdown (.md)egyszerű jelölőnyelv: sima szövegből formázott oldal (#, **, - …)
    profil-READMEa felhasználóneveddel azonos nevű nyilvános repó README-je, amely a profilodon jelenik meg
    licenca felhasználási feltételek: mit tehetnek mások a kódoddal (pl. MIT)

    14Összegzés

    1. Regisztráció: e-mail, jelszó, felhasználónév (betű, szám, egyszeres kötőjel; max. 39 karakter). Olyan nevet válassz, amelyet évek múlva is vállalsz.
    2. Kapcsold be a 2FA-t, és mentsd el a helyreállító kódokat.
    3. A user.email legyen a fiókodhoz tartozó cím. A valódi címed elrejtéséhez használd a noreply címet.
    4. A repó oldala: fülek (Code, Issues, Pull requests…), ágválasztó, commitok, zöld Code gomb, README.
    5. Public: bárki látja és klónozhatja · Private: csak a tulajdonos és a meghívottak. Titok egyikbe sem kerülhet.
    6. A README Markdownban íródik. A weben szerkesztett fájl mentése is commit.

    Ezzel kész a munkakörnyezet. A következő témakörben a saját gépeden hozol létre repót, és elkészíted az első commitjaidat.