MOODUL 01 · TASE 1 — ALGAJA

🛠️ Arenduskeskkonna Seadistamine

Paigalda kõik vajalikud tööriistad, seadista Git ja GitHub, loo oma esimene repo ja tee esimene commit. See on su esimene samm mängude loomise teekonnal!

⏱️ ~2 tundi 📝 5 harjutust 🟢 Algaja

🎯 Mida Sa Õpid

Selle mooduli lõpuks oskad:

  • ✅ Paigaldada ja seadistada VS Code professionaalselt
  • ✅ Kasutada terminali põhikäske
  • ✅ Hallata koodi versioonihaldusega (Git)
  • ✅ Luua GitHub repo ja pushida oma koodi üles
  • ✅ Kasutada SSH võtmeid turvaliseks ühenduseks

📦 Samm 1 — VS Code Paigaldamine

Visual Studio Code on tasuta, kerge ja võimas koodieditor. See on mängude arendajate seas üks populaarsemaid valikuid tänu oma laienduste ökosüsteemile.

💡

Miks VS Code? See on tasuta, avatud lähtekoodiga, toetab sadu programmeerimiskeeli ja sellel on tuhandeid laiendusi mis teevad arendamise kiiremaks.

1.1 Lae alla ja paigalda

Mine code.visualstudio.com ja lae alla oma operatsioonisüsteemi versioon.

1.2 Vajalikud laiendused

Ava VS Code, vajuta Ctrl+Shift+X ja paigalda need laiendused:

VS Code Extensions 
1. ESLint              — Koodi kvaliteedi kontroll
2. Prettier            — Automaatne koodivormindus
3. GitLens             — Git info otse koodis
4. Live Server         — Lokaalne arendusserver
5. Estonian Lang Pack   — Eestikeelne liides (valikuline)
ℹ️

Pro tip: Vajuta Ctrl+Shift+P ja kirjuta "Settings Sync" — nii salvestuvad su seaded pilve ja saad need igal arvutil taastada.

⬇️ Samm 2 — Node.js Paigaldamine

Node.js on JavaScript runtime, mis laseb JavaScripti käivitada väljaspool brauserit. Seda läheb vaja paljude tööriistade jaoks (Vite, npm paketid jne).

2.1 Paigaldamine

Mine nodejs.org ja lae alla LTS versioon (Long Term Support).

2.2 Kontrolli paigaldust

Terminal 
node --version
# Peaks näitama: v22.x.x

npm --version
# Peaks näitama: 10.x.x

🔀 Samm 3 — Git Paigaldamine ja Seadistamine

Git on versioonihaldussüsteem, mis jälgib koodi muudatusi. See on absoluutselt hädavajalik igale arendajale.

3.1 Paigaldamine

Mine git-scm.com ja paigalda. Windowsis vali paigaldamisel "Git Bash" komponent.

3.2 Seadistamine

Terminal 
# Seadista oma nimi ja email (ilmuvad commitides)
git config --global user.name "Sinu Nimi"
git config --global user.email "sinu@email.com"

# Seadista vaikimisi branch nimeks "main"
git config --global init.defaultBranch main

# Kontrolli seadistust
git config --list

3.3 SSH Võtme Loomine

SSH võti laseb sul GitHubiga turvaliselt suhelda ilma iga kord parooli sisestamata.

Terminal 
# Genereeri uus SSH võti
ssh-keygen -t ed25519 -C "sinu@email.com"

# Vajuta Enter (vaikimisi asukoht)
# Sisesta parool (valikuline, aga soovituslik)

# Kopeeri avalik võti
# Windows:
type %USERPROFILE%\.ssh\id_ed25519.pub | clip

# Mac/Linux:
cat ~/.ssh/id_ed25519.pub | pbcopy

Mine GitHub → Settings → SSH Keys, vajuta "New SSH Key" ja kleebi võti sisse.

3.4 Testi Ühendust

Terminal 
ssh -T git@github.com
# Peaks vastama: "Hi username! You've successfully authenticated..."

🚀 Samm 4 — Esimene Repo ja Commit

Nüüd loome su esimese Git repositooriumi ja teeme esimesed commitid!

Terminal 
# Loo uus kaust oma projektile
mkdir minu-esimene-mang
cd minu-esimene-mang

# Initsialiseeri Git repo
git init

# Loo esimene fail
echo "# Minu Esimene Mäng" > README.md

# Vaata olekut
git status

# Lisa fail staging alasse
git add README.md

# Tee esimene commit
git commit -m "feat: lisa README.md"

# Loo GitHub repo (kasutades gh CLI)
gh repo create minu-esimene-mang --public --source=. --push

# Või manuaalselt:
# 1. Loo repo GitHubis
# 2. git remote add origin git@github.com:SINU_NIMI/minu-esimene-mang.git
# 3. git push -u origin main
⚠️

Oluline: Commit sõnumid peavad olema kirjeldavad! Kasuta formaati: tüüp: kirjeldus. Näiteks: feat: lisa mängija liikumine, fix: paranda collision bug.

📄 Samm 5 — .gitignore Seadistamine

.gitignore fail ütleb Gitile, milliseid faile mitte jälgida. See hoiab su repo puhtana.

.gitignore 
# Sõltuvused
node_modules/

# Build
dist/
build/

# OS failid
.DS_Store
Thumbs.db

# IDE
.vscode/settings.json
*.swp

# Keskkonnamuutujad
.env
.env.local

📝 Harjutused

Tee kõik 5 harjutust. Märgi linnukesega kui oled valmis!

  • Paigalda VS Code ja 5 laiendust

    Paigalda VS Code ja seadista ESLint, Prettier, GitLens, Live Server ja Estonian Language Pack. Tee screenshot oma Extensions vaatest.

  • Loo GitHub konto ja SSH võti

    Loo GitHub konto, genereeri SSH võti, lisa see GitHubi ja testi ühendust käsuga ssh -T git@github.com.

  • Loo repo ja tee 3 commiti

    Loo uus kaust, initsialiseeri repo, lisa 3 erinevat faili (README.md, index.html, style.css) ja tee iga faili jaoks eraldi commit kirjeldava sõnumiga.

  • Push GitHubi

    Loo GitHub repo, ühenda remote ja pushi oma kood üles. Kontrolli et failid on GitHubis nähtavad.

  • Muuda GitHubis ja pull alla

    Muuda README.md faili otse GitHubi veebis, siis tõmba muudatus oma arvutisse käsuga git pull. Vaata logi käsuga git log --oneline.

← Tagasi avalehele Järgmine: Canvas & JS →