›_ ebskola.lv
← Tēma 1.2 →

1.1 Izstrādes vide un GitHub integrācija

Stundas uzdevums: Konfigurēt profesionālu programmēšanas vidi un izveidot automātisku koda sinhronizāciju ar GitHub mākoņkrātuvi.

2.3.1. Lieto programmvadāmas ierīces un pielāgo saskarni; 5.2.6. Digitālā pratība.
SR 2.3.2. Datortīklu uzbūves pamatprincipi SR 2.5.2. Tīmekļvietnes, konti un e-pakalpojumi

70 min darba sadalījums: 1. uzdevums (~20 min) - atjauno teorijas piemēru vai minimālo prototipu; 2. uzdevums (~25 min) - pielieto to galvenajā uzdevumā; 3. uzdevums (~25 min) - pārbaudi rezultātu, izlabo kļūdas un tikai beigās pieraksti vienu secinājumu. Papildus/4. līmeņa uzdevums ir paredzēts tikai tad, ja pamatdarbs ir pabeigts.

Pirms sāc: izmanto iepriekš apgūto un šīs lapas teorijas/koda piemērus. Ja vajadzīga jauna komanda vai rīks, vispirms atrodi tās paraugu teorijas sadaļā.

Teorija: Profesionāli rīki

Visual Studio Code (VS Code) ir koda redaktors, nevis teksta apstrādes rīks (kā Word). Tas saprot koda struktūru un palīdz to rakstīt ar krāsu izcelšanu un paplašinājumiem. GitHub ir koda "mākonis", kas glabā visas tavas izmaiņas (versijas). Tas ļauj Tev piekļūt savam darbam no jebkura datora un droši iesniegt mājasdarbus skolotājam.

Svarīgākie jēdzieni: 

# Termināļa pārbaude pirms darba sākuma
git --version
code --version
# Identitātes iestatīšana (vienreiz)
git config --global user.name "Vārds Uzvārds"
git config --global user.email "tavs@pasts.lv"

Praktiskie uzdevumi

1. uzdevums - Iesildies ar gatavu piemēru

Šis ir īss iesildīšanās uzdevums. Nokopē sagatavi, ielīmē to pareizajā koda vietā un palaid. Šeit pietiek droši izmēģināt tēmu 1.1 Izstrādes vide un GitHub integrācija; detalizētu izpratni veidosi nākamajos uzdevumos.

Kopējamais piemērs vai sagatave: izmanto šo bloku kā starta punktu, nevis kā gala risinājumu.

# Termināļa pārbaude pirms darba sākuma
git --version
code --version
# Identitātes iestatīšana (vienreiz)
git config --global user.name "Vārds Uzvārds"
git config --global user.email "tavs@pasts.lv"
  1. Atver darba failu vai rīku. Komandas izpildi projekta mapē atvērtā terminālī.
  2. Nokopē visu piemēra bloku no šī uzdevuma un ielīmē to norādītajā vietā.
  3. Palaid kodu tieši tādu, kāds tas ir, un pārliecinies, ka parādās rezultāts, izvade vai vismaz nav kļūdas paziņojuma.
  4. Atrodi vienu drošu vietu, ko drīkst mainīt: tekstu, skaitli, krāsu, mainīgā vērtību vai testa ierakstu.
  5. Maini tikai šo vienu vērtību un palaid kodu vēlreiz.
  6. Salīdzini rezultātu pirms un pēc izmaiņas. Ja parādās kļūda, atcel pēdējo izmaiņu un palaid vēlreiz.
  7. Turpini pie 2. uzdevuma tikai tad, kad šis mazais piemērs darbojas.

2. uzdevums - Ievieto algoritmu projektā

Pievieno šīs stundas paņēmienu kā nelielu, lietotājam redzamu projekta daļu.

  1. Atver termināli VS Code (Ctrl+`) un izpildi git status - pārliecinies, ka esi projekta mapē.
  2. Izveido vai atver failu index.html - pievieno rindu <p>Mans projekts</p> un saglabā (Ctrl+S).
  3. Izpildi git add index.html - terminālis nedrīkst parādīt kļūdu.
  4. Izpildi git commit -m "Add project page" - ziņai jābūt konkrētai un angliski.
  5. Izpildi git push - terminālis parādīs ziņojumu par veiksmīgu nosūtīšanu.
  6. Atver GitHub.com pārlūkā un pārbaudi, vai repozitorijā redzams jaunais fails un commit.
  7. Salabo pirmo kļūdu, ja fails neparādās - nolasi termināļa kļūdas ziņu un atkārto push.
  8. Pieraksti sava repozitorija GitHub saiti - to vajadzēs iesniegt skolotājam.

3. uzdevums - Testē kodu un izdari secinājumu

Pārbaudi, vai algoritms darbojas paredzami vairākās situācijās.

  1. Atver GitHub.com un noklikšķini uz "Commits" sava repozitorija lapā.
  2. Pārbaudi, vai redzami vismaz 2 commit ieraksti ar dažādiem ziņojumiem.
  3. Pievieno index.html jaunu teksta rindu, veic git add, git commit un git push.
  4. Atver GitHub vēlreiz - jaunajam commit jāparādās augšā sarakstā.
  5. Salabo, ja kāda commit ziņa ir neskaidra - raksti jaunu commit ar labāku aprakstu.
  6. Pārbaudi, vai commit vēsturē redzamas tieši tās izmaiņas, ko veici katrā reizē.
  7. Pieraksti vienu secinājumu: kāda ir atšķirība starp git commit (saglabā lokāli) un git push (nosūta uz GitHub).

Papildu uzdevums - Pievieno mazu funkciju

Ja pamatdarbs ir pabeigts, paplašini projektu ar vienu nelielu programmētu uzlabojumu.

  1. Izveido failu README.md projekta mapē ar spēles nosaukumu un 2-3 teikumu aprakstu.
  2. Pievieno README beigās sava GitHub repozitorija pilno saiti.
  3. Izpildi git add README.md un git commit -m "Add project README".
  4. Izpildi git push un atver GitHub - README jāparādās kā repozitorija galvenais apraksts.
  5. Iespējo GitHub Pages: Settings → Pages → Branch: main → Save.
  6. Atver iegūto Pages saiti pārlūkā un pārbaudi, vai index.html ir redzama kā tīmekļa lapa.
  7. Kopīgo Pages saiti ar klasesbiedru vai ielīmē to pierakstu grāmatā.

Biežākās kļūdas (un kā tās labot):

Koda piemērs (Termināļa komandas)

# Pārbaudām, vai Git ir uzstādīts
git --version

# Identitātes iestatīšana (veic tikai vienreiz)
git config --global user.name "TavsVards"
git config --global user.email "tavs@epasts.lv"
git version 2.x.x
(Ierīce ir gatava darbam ar GitHub!)
⬅ Tēmas apkopojums Nākamā stunda ➡