IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

1. diel - Verzovací nástroj Git a VS Code

Základnú konštrukciu jazyka Java máme za sebou. Kým kurz úplne opustíme, naučíme sa pracovať s nástrojom Git, ktorý nám pomáha efektívne spravovať a sledovať zmeny v našom kóde. Často sa tiež používa na spoluprácu vo vývojových tímoch.

Čo je to Git?

Git je nástrojom pre správu verzií, ktorý programátorom umožňuje sledovať históriu všetkých zmien v projekte. Môžeme sa tak jednoducho vrátiť k ľubovoľnej predchádzajúcej verzii nášho kódu, ktorá bola ešte funkčná alebo keď zistíme, že nám nejaký nový spôsob riešenia čohokoľvek nakoniec nevyhovuje. Verzie je možné organizovať do tzv. vetiev, ktoré si môžeme ľubovoľne pomenovávať.

Git si môžeme predstaviť aj ako magický denník, ktorý si pamätá každý náš krok pri písaní kódu.

Prečo používať Git?

Git nám určite pomôže organizovať kód vo vlastných projektoch. Najväčší prínos Gitu je ale pri práci v tíme, kedy umožňuje jednoducho vidieť, aké konkrétne zmeny kto v aplikácii vykonal a kde. Keď sa stane, že dvaja ľudia editovali ten istý súbor, možno zmeny zlúčiť (zamergovať) a nestane sa tak, že si členovia vývojového tímu prepisujú kód pod rukami. Preto je základná znalosť práce s Gitom očakávaná na väčšine pracovných pozícií (kde existuje nejaký vývojový tím). Cez Git taktiež študenti našich rekvalifikačných kurzov odovzdávajú svoj projekt na skúšku.

Git je možné používať do istej miery aj ako zálohu. Zmeny však musíme ručne a pravidelne nahrávať na vzdialený repozitár. Aplikácie tiež obvykle obsahujú aj ďalšie súbory okrem zdrojových kódov, ktoré sa na Git nedávajú. Preto minimálne pre začiatočníkov odporúčame stále používať synchronizované úložiská typu Dropbox, aby ste o svoje projekty neprišli pri strate alebo poškodení počítača.

Základné príkazy Gitu

S Gitom sa často pracuje cez príkazový riadok. My si prácu uľahčíme a budeme pracovať v grafickom rozhraní VS Code. Budeme používať nasledujúce príkazy:

  • Commit - je v Gite ekvivalentom ukladania dokumentu a slúži na vytvorenie záznamu o tom, čo sa zmenilo od posledného commit (uloženie),
  • Push - nahrá všetky naše lokálne zmeny (commity) na vzdialený server, odkiaľ si ich môžu ostatní programátori stiahnuť,
  • Pull - stiahne zo vzdialeného servera všetky zmeny od ostatných programátorov do našej verzie kódu.
Príkazov je samozrejme viac, tým je potom venovaný celý kurz. Nám to však takto stačí.

Git repozitár

Git repozitár si predstavme ako špeciálny priečinok na našom počítači, ktorý obsahuje všetky súbory projektu, ale okrem toho aj informácie o histórii všetkých zmien, ktoré sme v týchto súboroch urobili. Zakaždým, keď urobíme nový commit, Git uloží informácie o zmenách práve do repozitára.

Vzdialený vs. lokálny repozitár

Repozitár je uložený na našom počítači (lokálny repozitár), ale aj na serveri na internete (vzdialený repozitár). Zakaždým, keď vykonáme push, odošleme všetky zmeny z nášho lokálneho repozitára do vzdialeného. Tam si ich potom môžu prezerať ďalší ľudia. A naopak, keď vykonáme pull, stiahneme najnovšie zmeny zo vzdialeného repozitára do svojho lokálneho (napr. zmeny vykonané ostatnými).

Vytvorenie vzdialeného GitHub repozitára

GitHub je jednou z najznámejších platforiem pre hosťovanie Git repozitárov, a preto ju budeme využívať aj my v tomto tutoriáli.

Registrácia

Aby sme na GitHube mohli vytvoriť vlastný repozitár, musíme sa najskôr zaregistrovať. Prejdeme na oficiálne stránky GitHub a vykonáme registráciu, kde si nastavíme:

  • emailovú adresu,
  • heslo a
  • svoju unikátnu prezývku.
Postup registrácie vyzerá takto:
Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Vytvorenie repozitára

Po úspešnej registrácii sa prihlásime do svojho účtu. V pravom hornom rohu klikneme na tlačidlo s plusom a šípkou (+▼) az menu vyberieme položku New repository:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Následne vidíme formulár na vytvorenie repozitára. Poďme si podrobnejšie prejsť jednotlivé položky a ich význam:

  • Repository name - Názov repozitára je krátky, jednoduchý a opisuje, čo obsahuje. Vyhýbame sa špeciálnym znakom a namiesto medzier píšeme pomlčky (-).
  • Public / Private - Viditeľnosť určuje, kto môže repozitár vidieť a pristupovať k nemu. Najčastejšie vytvárame privátnych repozitárov, ku ktorým máme prístup iba my či naši kolegovia. Verejných repozitárov vytvárame najmä pre tzv. open source projekty, ktoré povzbudzujú verejnú spoluprácu.
  • README file - Tento dokument je prvá vec, ktorú používateľ vidí, keď navštívi náš repozitár. Obsahuje základný popis projektu, inštrukcie pre inštaláciu, použitie, prispievanie do projektu a tak ďalej.
  • .gitignore - Už vieme, že Git repozitár by mal obsahovať výhradne zdrojový kód. Tento súbor sa používa na vylúčenie ostatných súborov alebo zložiek z verziovacieho systému. Ide napríklad o dočasný priečinok .idea/, spustiteľné .jar súbory a podobne.
  • License - Licencia v repozitári určuje, ako môžu ostatní používať, kopírovať, modifikovať či distribuovať náš projekt.
Nový repozitár pomenujeme napr. git-tutorial, viditeľnosť nastavíme na Private a ďalej pridáme README:

.<> Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Teraz, keď máme formulár vyplnený, klikneme na tlačidlo Create repository a počkáme, kým sa vzdialený repozitár vytvorí:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Týmto máme vzdialený GitHub repozitár vytvorený a môžeme prejsť na prácu s Gitom v VS Code 😊

Git vo VS Code

Najprv potrebujeme mať nainštalovaného Git klienta na našom počítači.

Inštalácia Git

Spustíme IntelliJ IDEA av úvodnej ponuke klikneme na Get from VCS:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Pokiaľ nám IDE po spustení automaticky otvorilo posledný projekt, klikneme v menu na File -> Close project. Týmto sa dostaneme späť na úvodnú ponuku.

Následne v menu klikneme na Repository URL, z rozbaľovacej ponuky Version control vyberieme Git a klikneme na tlačidlo Download and Install:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Pokiaľ vo formulári nevidíte možnosť Download and Install, máte na svojom počítači už Git nainštalovaný 🙂

Klonovanie repozitára

Ako ďalší krok je potrebné vzdialený repozitár naklonovať do lokálneho. Po úspešnej inštalácii Gitu vyberieme v menu GitHub a prihlásime sa k svojmu účtu kliknutím na Log In via GitHub...:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Teraz vidíme formulár s našimi vzdialenými GitHub repozitármi. Z ponuky vyberieme repozitár, ktorý sme si v predchádzajúcom kroku založili a klikneme na tlačidlo Clone:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Týmto sa vzdialený repozitár naklonuje (skopíruje) z GitHubu do počítača. Ihneď potom sa automaticky otvorí rozhranie IntelliJ IDEA, ktoré už dobre poznáme.

Verzovanie projektu

V projekte klikneme pravým tlačidlom myši na adresár git-tutorial/, ďalej v ponuke zvolíme New > Directory a nový adresár pomenujeme src/. Potom klikneme pravým tlačidlom myši na adresár src/, zvolíme New > Java Class a triedu pomenujeme HelloWorld. Môžeme si všimnúť, že v stromovej štruktúre svieti trieda HelloWorld na červeno. To znamená, že sa zatiaľ neverzuje. Zároveň sa nám zobrazilo dialógové okno Add File to Git, v ktorom sa nás IDE pýta, či chceme triedu pridať do Gitu a začať verzovať. Klikneme teda na tlačidlo Add:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

V stromovej štruktúre teraz vidíme triedu zelene, to znamená, že je do Gitu pridaná a verzuje sa.

Ak ste dialógové okno zavreli a názov triedy je stále červený, kliknite na triedu pravým tlačidlom myši av ponuke zvoľte Git a kliknite na Add.

Poďme do triedy vložiť nasledujúci kód, ktorý určite spoznávate:

Teraz je na čase vytvoriť náš prvý commit.

Commit

V pravom hornom rohu klikneme na ikonuKurzy programovania v JavaScripte - Najväčší slovenský tutorial
čím zobrazíme nový panel Commit to main.

V ponuke Changes vyberieme súbory, ktorých sa commit týka. V našom prípade iba súbor HelloWorld.java. Ďalej do textového poľa Commit message napíšeme, čo sme urobili. My sme do repozitára pridali aplikáciu Hello World, napíšeme teda napr. Add HelloWorld application a klikneme na tlačidlo Commit:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Správne napísaná commit správa by mala jasne a stručne popisovať, aké zmeny daný commit prináša. Ďalej existujú rôzne konvencie, ale všeobecne platí, že správy píšeme v imperatíve a ideálne v anglickom jazyku.

Commit amend

Pri vytváraní commitu sa nám tiež zobrazí checkbox Amend, ktorý nám umožní upraviť posledný commit. Táto možnosť je užitočná, ak sme urobili chybu vo svojom poslednom commite, napríklad zabudli pridať nejaký súbor, alebo chceme zmeniť commit správu.

Push

Zmenu máme vytvorenú. Teraz ju nahráme do vzdialeného repozitára na GitHube. Na to slúži operácia push. Push typicky vykonávame po dokončení logickej jednotky práce, pred odchodom z domu či práce alebo ak chceme, aby naše zmeny boli viditeľné pre ostatných.

V IDE push vyvoláme kliknutím na ikonuKurzy programovania v JavaScripte - Najväčší slovenský tutorial
a potom ju potvrdíme kliknutím na tlačidlo Push:

Kurzy programovania v JavaScripte - Najväčší slovenský tutorial

Pozor! Projekty vytvorené podľa kurzov z ITnetwork pod licenciou PRO nenahrávajte do verejných repozitárov!chránené autorskými právami a ich šírenie je nelegálne. Mohol by si ich potom zobraziť a stiahnuť ktokoľvek na internete, čím by po Vás mohla byť vyžadovaná náhrada škody.

Pull

Opačnou operáciou na push je pull. Tá stiahne zo vzdialeného servera všetky zmeny od ostatných do našej verzie kódu. Pull vykonáme kliknutím na ikonuKurzy programovania v JavaScripte - Najväčší slovenský tutorial
.

Keďže na vzdialenom serveri nemáme aktuálne žiadne zmeny, operácia po dokončení zobrazí hlášku All files are up-to-date.

Teraz vieme založiť vzdialený GitHub repozitár a napojiť sa naň cez IntelliJ IDEA. Vieme vytvárať commity a do repozitára ich nahrávať pomocou príkazu push, prípadne ich stiahnuť príkazom pull. Pokiaľ vás Git zaujal, detailne sa ním zaoberáme v pokročilom kurze Git.


 

Všetky články v sekcii
Kurzy programovania v JavaScripte - Najväčší {C_A} tutorial
Článok pre vás napísala Natálie Růžičková
Avatar
Užívateľské hodnotenie:
Ešte nikto nehodnotil, buď prvý!
Autorka je odbornicí na digitální marketing, specializuje se také na UX/UI Design. Její oblíbenou disciplínou je SEO a jako nováček se pouští do webového vývoje a programování.
Aktivity