10. diel - Git - GitHub Desktop

V minulej lekcii, Git - Vnútorná štruktúra , sme si vysvetlili vnútornú štruktúru Gitu.

V dnešnej lekcii o gastrointestinálne si ukážeme novú aplikáciu GitHub desktop, ktorá nám umožňuje pracovať s naším kódom pomocou príjemného GUI, bez nutnosti pamätania si príkazov a používanie príkazového riadku.

Dnešné lekcie počíta s predchádzajúcou znalosťou systému Git z minulých tutoriálov. Základy si veľmi stručne popíšeme, aby bola čo k čomu aj ľuďom, čo prišli z Google, hlavné zameranie lekcie je však na prácu s grafickým rozhraním.

Vytvorenie repozitára

Pre založenie repozitára klikneme na File -> New repository alebo na tlačidlo Create new repository.

Teraz už môžeme založiť náš repozitár, čo je úložisko pre náš kód a všetko sa odvíja od neho.

Teraz je potrebné vyplniť meno a popis repozitára. Malo by to byť niečo stručného a výstižného, čo jasne popisuje, o čo ide. Na účely kurzu použijem meno Zkouska, ako si ho pomenujete vy je na vás.

Ďalej máme možnosť inicializovať repozitár s README súborom, licencií a gitignore. To zatiaľ môžeme nechať nevyplnené, všetko môžeme totiž pridať dodatočne.

Teraz môžeme vytvoriť náš repozitár. Zobrazila sa nám veľa rôznych vecí, ku všetkému sa postupne dostaneme.

Najprv klikneme na tlačidlo "Publish repository", aby sme nahrali naš repozitár na GitHub. Je to veľmi užitočné, pretože teraz nebude náš kód existovať len v našom počítači, ale bude ho môcť ktokoľvek a kedykoľvek prezerať, upraviť a použiť. To znamená, že aj my môžeme takto pracovať z viacerých počítačov a zálohovať si náš kód, keby nám treba odišiel disk.

Teraz klikneme na "open this repository in Explorer", čo nám otvorí zložku s naším repozitára. Tu už môžeme vytvoriť náš prvý súbor, alebo kliknúť pravým a vybrať možnosť "otvoriť v", ak používate IDE, ktoré toto podporuje. Súboru .gitattributes si zatiaľ nemusíme všímať.

Teraz môžeme vytvoriť náš súbor. Napíšeme do neho nejaký kód a uložíme ho. Hneď, ako otvoríme náš GitHub Desktop, vidíme, že sa nám aktualizoval. Všetko, čo sme do súboru napísali, sa zobrazí zelene:

Commit a push

Teraz už môžeme našu editáciu takzvane commitnout.

Commit

Najprv zhrnieme čo sme v súbore menili.

Odporúčam neriadiť sa prednastaveným textom súhrne "Update x", keďže toto nikomu, kto sa na to v budúcnosti pozrie, nič nepovie. Súhrn by mal byť stručný, obsahovať len pár slov. V tomto prípade by to bolo napr. "Added print statements".

Description je pre dodatočný popis našich zmien. V našom prípade je tento opis zbytočný, ale bude sa hodiť, až pridáte treba nejakú funkciu alebo triedu a budete chcieť popísať, čo robí.

Teraz stačí stlačením "Commit to master". Náš kód je "commited", ale stále ešte nie je synchronizovaný s GitHub. Dalo by sa povedať, že je niekde v polovici cesty. Preto ho potrebujeme "pushnout" (postrčiť) na vzdialený server.

Push

Pushnutí dosiahneme opätovným stlačením tlačidla, ktoré sme použili na upload nášho repozitára na GitHub.

Teraz je náš kód uložený na serveroch GitHub a je verejne prístupný.

Môžeme sa o tom sami presvedčiť, stačí si zobraziť svoj účet na GitHub a uvidíme, že je tam vytvorený repozitár a v ňom je náš kód.

Ak používate Visual Studio Code, zobrazí sa vám aj tieto poznámky. Úplne napravo vidíte súhrn nášho COMMIT a tiež vidíte kto a kedy tento kód napísal a commitnul, čo veľmi pomáha pri tímových projektoch.

Vizuálne odlíšenie

Zistili sme, že si neželáme mať v našom programe text "Hello World", ale chceme namiesto neho mať slovenské "Ahojte všetci!"

Prepíšeme teda náš 3. riadok a znovu otvoríme aplikáciu. Tu vidíme farebné odlíšenie, ktoré je nám poskytnuté pre zlepšenie orientácie.

Kód, ktorý zostal nezmenený, je bielo, zmazaný kód je červeno a ten novo pridaný je zelene. Kód zas môžeme zosumarizovať, commitnout a pushnout.

Revert

Nakoniec sme sa ale rozhodli, že namiesto "Ahoj svete" by sme predsa len chceli ten "Hello World". V tejto situácii by sme mohli kód jednoducho za pár sekúnd prepísať, ale predstavte si niekoľkými tisíckami riadkový kód, kde ste niečo pokazili.

Teraz neviete kde a čo presne to bolo a hľadanie tohto bugu by vás mohlo prísť aj na hodiny.

Tak by to nešlo. Od toho tu máme možnosť vrátiť sa späť vo verziách.

V ľavom hornom rohu môžete vidieť záložku "History"

Tu môžeme vidieť všetky príspevky k projektu, naše i ostatných ľudí. Každý commit vytvorí svoju vlastnú záložku, takže môžete vrátiť späť akúkoľvek maličkosť.

No a my už si len nájdeme verziu, ktorú potrebujeme, klikneme pravým tlačidlom, vyberieme "Revert this commit" a keď si otvoríme naše IDE, uvidíme, že sa nám program naozaj vrátil do nami zvolenej verzie.

Branching

Branching je rozdelenie nášho kódu na rôzne vetvy, ktoré sa líšia napríklad vo verziách kódu (branche).

Pre pochopenie, k čomu presne je vetvenie užitočné a jeho komplexnejšieho využitia, viď Lekcia GIT kurzu Rozdeľ a panuj.

Skrátene nová vetva vytvoria úplne nové prostredie pre kód, ktoré neovplyvňuje iné vetvy, je teda okrem iného užitočná na testovanie.

Zo základu máme branch master, ktorá obsahuje všetok kód. V prostrednom tlačidle vidíme tlačidlo "current Brach" a môžeme si založiť novú vetvu. GitHub desktop nás do nej automaticky prepne a ak sa pozrieme do editora, vidíme, že nám všetok kód zostal. Zmažeme náš prvý print statement a pridáme namiesto neho iný statement, ktorý vytlačí napríklad "nová vetva". Uložíme, commitneme a pushneme.

Teraz opäť klikneme na tlačidlo "Current branch" a prehodíme na našu defaultný vetvu master. Môžeme vidieť, že náš pridaný print statement tu nie je a neovplyvní našu aplikáciu, ktorá zostáva rovnaká ako predtým.

MERGING

Testovanie bolo úspešné a sme spokojní s výsledkom. Chceme verziu kódu z vedľajšej vetvy použiť v našej hlavnej vetve. V našom prípade by sme to mohli prekopírovať, ale pri väčších projektoch by to mohlo byť zdĺhavé a mätúce.

Od toho tu je MERGING (zlúčenie) - dovoľuje nám zlúčiť 2 vetvy dohromady.

To docielime kliknutím Branch - Merge into current branch a zvolením vetvy, ktorú chceme zlúčiť.

V ďalšej lekcii si povieme o pull request, merge konfliktoch a orientáciu v úložisku iných ľudí.

V budúcej lekcii, Git - Zlučovanie vetiev , sa budeme zaoberať zlučovaním vetiev. Preberieme si typy zlúčenia Fast-forward merge a 3-way merge, ktoré si vyskúšame na našom repositári.