☁️
Online tárhely a kódodnak
Feltöltheted a projektjeidet, például az index.html fájlt, és bárhonnan elérheted őket.
1
Mire jó a GitHub?
🕘
Változatok követése
Látod, mi változott, mikor változott, és vissza tudsz nézni korábbi verziókat.
🤝
Közös munka
Mások is hozzájárulhatnak a projekthez, te pedig átnézheted a módosításaikat.
Fontos különbség: a Git a verziókezelő rendszer, a GitHub pedig egy online platform, amely Git-repókat tárol és csapatmunkát segítő funkciókat ad hozzá.
2
Mi az a Repository (repo)?
A repository egy projekt mappája a fájlokkal és a változások előzményeivel. Lehet Public (nyilvános) vagy Private (privát).
📁 adatkozpont · Public
📄 index.htmlFőoldal
📄 README.mdProjektleírás
🖼️ kep.jpgKép
Hogyan hozd létre?
Nyisd meg a GitHubot
Lépj be a github.com oldalon.
New repository
Kattints a New repository gombra.
Adj neki nevet
Például: github-kisokos. Válassz Public vagy Private módot.
Create repository
Hozd létre, majd töltsd fel az index.html fájlodat az Add file → Upload files lehetőséggel.
3
Mi az a Commit?
📸
Mentési pont a projektben
A commit rögzíti a kiválasztott változtatásokat egy rövid üzenettel. Olyan, mint egy elnevezett pillanatkép a projektedről.
Fájl módosítása→Commit→Előzmény
Jó commit üzenet: Javítottam a fejlécet. Kerüld az olyan üzeneteket, mint a „valami”.
Próbáld ki a szimulációt!
A gomb csak ezen az oktatóoldalon változtatja a példát, a GitHub-fiókodhoz nem nyúl.
📜 Commit history
🟢 Első verziómost
Jelenleg 1 bemutató commit van.
4
Mi az a Branch (ág)?
A branch egy külön fejlesztési ág. Segítségével új funkciót próbálhatsz ki úgy, hogy közben a fő ág, általában a main, változatlan marad.
main
feature╰──új funkció
Két ág, két külön fejlesztési út. Ha kész a funkció, egyesítheted őket.
Branch, Merge és Pull Request
- main: a fő fejlesztési ág.
- feature: új funkció kipróbálására szolgáló ág.
- Merge: két ág változtatásainak egyesítése.
- Pull Request (PR): javaslat a változtatások átnézésére és beolvasztására a GitHubon.
A branch önmagában nem biztonsági mentés. A fontos commitokat rendszeresen pushold a távoli repóba is.
5
Hogyan dolgozz a Gittel?
✏️ Módosítás→➕ add→📸 commit→⬆️ push
A tipikus folyamat: szerkeszted a fájlt, kijelölöd a változásokat, commitot készítesz, majd feltöltöd a GitHubra.
Gyakori parancsok
# Megnézi, mi változott
git status
# Kijelöli a módosított fájlokat
git add .
# Mentési pont készítése
git commit -m "Frissítettem az oldalt"
# Feltöltés a GitHubra
git push
A git push előtt a helyi projektnek össze kell lennie kapcsolva a távoli repóval. Az első feltöltésnél a GitHub által mutatott utasításokat kövesd.
Push = feltöltés
A helyi commitjaidat elküldi a GitHubon lévő távoli repóba.
Pull = letöltés és összevezetés
Lekéri a távoli változásokat és beépíti őket a helyi ágadba.
6
Hogyan tedd közzé a weboldalad?
GitHub Pages – ingyenes statikus tárhely
Egyszerű HTML-, CSS- és JavaScript-oldaladat publikusan elérhetővé teheted a böngészőből.
Töltsd fel az index.html-t
A repository gyökerébe kerüljön.
Settings → Pages
A Build and deployment résznél válaszd a Deploy from a branch opciót.
Branch: main, folder: /(root)
Mentsd a beállítást.
Várj a publikálásra
A Pages résznél megjelenik az oldal címe, például felhasznalo.github.io/repo-neve/.
Így nézhet ki a közzétett oldal
Szia, világ! 👋
Ez a saját weboldalam a GitHub Pages segítségével.
🎉 Működik a JavaScript is!
A GitHub Pages statikus weboldalakhoz való; önmagában nem futtat Python- vagy PHP-szervert, és nem adatbázis-tárhely.
7
Ellenőrizd, mit tanultál!
1. kérdés: Mire való a commit?
🎉 Röviden összefoglalva: a repo a projekted, a commit egy mentési pont, a branch egy külön fejlesztési ág, a push feltölt, a pull pedig lekéri és összevezeti a távoli változásokat. A GitHub Pages segítségével a statikus weboldalad is elérhetővé válhat az interneten.