Vibe-koodaus · Oppitunti

Git-perusteet tekoälyavustajan avulla

Tehkää commitit, haarat ja pushit tekoälyn ohjauksella.

Oppitunti 2/413 vaihetta

Git-perusteet tekoälyavustajan avulla on ilmainen Vibe-koodaus-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Vibe-koodaus-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Vibe-koodaus-kurssilla on yhteensä 4 oppituntia.

Teoriasta käytäntöön

Edellisellä oppitunnilla opit, miksi versionhallinta on tärkeää. Nyt käytät sitä käytännössä — etkä opettele yhtäkään komentoa ulkoa.

AI-avustajasi (Cursor, Claude Code, Copilot tai jopa ChatGPT) kirjoittaa jokaisen Git-komennon puolestasi. Sinun tehtäväsi on ymmärtää, mitä kukin vaihe tekee, jotta säilytät hallinnan.

Oppitunnin lopussa olet tehnyt commitin, haaran ja pushin. Aloitetaan.

Neljä perustoimintoa

99 % Git-työstä koostuu vain neljästä toiminnosta:

  • init — aloita projektin seuranta (kerran projektia kohden)
  • commit — tallenna tilannevedos
  • branch — luo rinnakkainen kopio kokeiluja varten
  • push — lataa tilannevedoksesi GitHubiin

Kun opit nämä neljä, pystyt rakentamaan oikeita sovelluksia. Kaikesta muusta voit tarvittaessa kysyä tekoälyltä.

Projektin aloittaminen (init)

Aloita kansion seuranta suorittamalla git init kerran. Useimmat työkalut (Cursor, Replit, GitHub Desktop) tekevät tämän painikkeella, mutta tältä se näyttää.

Älä kirjoita tätä sokeasti — liitä se tekoälylle ja pyydä sitä vahvistamaan komento. Tässä on kehote sitä varten:

I'm in my project folder in the VS Code terminal.

Walk me through starting Git tracking for this project, step by step.
I think the first command is `git init` -- confirm that, tell me
exactly what to type, and what I should see after each command.

Staging ja commitin tekeminen

Aloittelijoita hämmentää usein yksi asia: ennen commitin tekemistä stagaat muutoksesi. Stagaaminen tarkoittaa: "nämä ovat muutokset, jotka haluan tähän tilannevedokseen".

Kaksivaiheinen rytmi: stage haluamasi muutokset ja tee niistä sitten commit viestillä.

  • git add . — stagea kaikki muutoksesi
  • git commit -m "Add homepage" — tallenna tilannevedos

Ajattele stagingia tavaroiden laittamisena laatikkoon ja commitin tekemistä laatikon sulkemisena ja nimeämisenä.

Kehote ensimmäistä committia varten

Tässä on tarkka kehote ensimmäisen commitin tekemiseen. Liitä se AI-avustajaasi ja etene sen mukaan:

I just built my homepage and it works. I want to save this snapshot.

Give me the exact terminal commands to:
1. Stage all my changes
2. Commit them with the message "Add working homepage"

Then explain what each command did in one sentence.

Historian tarkasteleminen

Muutaman commitin jälkeen haluat nähdä historiasi. Komento on git log. Työkalut näyttävät historian napsautettavana aikajanana.

Tässä on pieni simulaatio siitä, miltä historiasi tuntuu — luettelo tallennuspisteistä ja niiden viesteistä:

const log = [
  { hash: 'a1b2c3', msg: 'Add working homepage' },
  { hash: 'd4e5f6', msg: 'Add navigation bar' },
  { hash: '7g8h9i', msg: 'Fix mobile layout' }
];

console.log('Project history (newest last):');
log.forEach(c => console.log('  ' + c.hash + '  ' + c.msg));
console.log('\nEach hash is an ID you can return to.');

Haarautuminen kokeiluja varten

Haluatteko kokeilla uudistusta vaarantamatta toimivaa sovellustanne? Luokaa haara.

  • git branch new-design — luo haaran
  • git checkout new-design — siirry siihen

Nyt työskentelette rinnakkaisessa kopiossa. Pääversionne on jäädytetty ja turvassa. Rakentakaa villit ideat täällä.

Moderni oikotie: git checkout -b new-design luo haaran ja siirtyy siihen yhdellä komennolla. (Tekoälynne osaa nämä kaikki.)

Yhdistäminen takaisin

Kun kokeilunne toimii, yhdistätte sen pääversioonne merge-toiminnolla.

Siirrytte takaisin päähaaraan ja yhdistätte kokeilun siihen. Jos syntyy ristiriita, tekoäly osaa ratkaista sen erinomaisesti. Tässä kehote koko työnkulkuun:

I created a branch called `new-design`, tested it, and it works great.

Give me the exact commands to:
1. Switch back to my main branch
2. Merge `new-design` into it

If there's a merge conflict, tell me how to spot it and what to do.

Yhdistäminen GitHubiin (push)

Push lataa commitinne GitHubiin, jotta niistä on varmuuskopio verkossa ja jotta voitte jakaa ne.

Helpoin tapa: napsauttakaa Cursorissa tai VS Codessa "Publish to GitHub." Se luo verkkorepositorion ja tekee pushin puolestanne.

Jos käytätte mieluummin päätettä, tekoäly antaa teille git remote add- ja git push -komennot. Kun yhteys on muodostettu, tuleva push tehdään yhdellä napsautuksella tai komennolla git push.

.gitignore-tiedosto

Kaikkia tiedostoja EI pidä tallentaa Gitiin – esimerkiksi salaisia API-avaimia tai suuria automaattisesti luotuja kansioita, kuten node_modules.

.gitignore-tiedosto luettelee asiat, jotka Gitin tulee ohittaa. Näin repositorio pysyy siistinä ja salaisuutenne turvassa.

Älkää kirjoittako sitä itse – pyytäkää tekoälyä. Hyvä kehote:

Create a .gitignore file for a beginner web project.

Make sure it ignores node_modules, .env files with secrets,
and any OS junk files like .DS_Store. Explain why each
entry should be ignored, briefly.

Toistettava työnkulkunne

Tässä on silmukka, jota käytätte joka päivä vibe-koodaajana:

  • Rakentakaa pieni ominaisuus tekoälyn avulla
  • Testatkaa se – toimiiko se?
  • Stagettakaa ja tehkää commit selkeällä viestillä
  • Työskennelkää riskialttiiden ideoiden parissa ensin haarassa
  • Tehkää push GitHubiin, jotta kaikesta on varmuuskopio

Toistakaa. Tämä rytmi pitää projektinne turvassa, järjestyksessä ja aina palautettavissa – mitään ei tarvitse opetella ulkoa.

Pikakertaus

Tarkistetaan, kuinka hyvin hallitsette Gitin peruskulun.

Kertaus ja seuraavaksi

Osaatte nyt Gitin perusteet kokonaisuudessaan – tekoälyn kirjoittaessa komennot:

  • init aloittaa projektin seurannan (kerran)
  • stage + commit tallentaa tilannevedoksen viestin kera
  • branch mahdollistaa turvallisen kokeilun, ja merge tuo muutokset takaisin
  • push varmuuskopioi kaiken GitHubiin
  • .gitignore pitää salaisuudet ja turhat tiedostot poissa

Seuraava oppitunti: Commit-viestien kirjoittaminen tekoälyn avulla – saatte siistin ja ammattimaisen historian lähes vaivatta.

Aloita maksutta

Opi JavaScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
25
Oppitunnit
100

Usein kysytyt kysymykset

Onko oppitunti ”Git-perusteet tekoälyavustajan avulla” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Vibe-koodaus-oppimispolun 3 oppituntia, myös oppitunnin “Git-perusteet tekoälyavustajan avulla”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Vibe-koodaus-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Git-perusteet tekoälyavustajan avulla”?

Tehkää commitit, haarat ja pushit tekoälyn ohjauksella. Harjoittelet Vibe-koodaus-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Vibe-koodaus-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Vibe-koodaus-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.

Kuinka kauan ”Git-perusteet tekoälyavustajan avulla”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Vibe-koodaus-oppitunnilla?

Kyllä. Jokainen Vibe-koodaus-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. Miksi versionhallinta on tärkeää
  2. Git-perusteet tekoälyavustajan avulla
  3. Commit-viestien kirjoittaminen tekoälyn avulla
  4. Virheiden turvallinen kumoaminen
← Takaisin: Vibe-koodaus