ebSkola

1. tēma / 1.6

1.6 Pabeidz spēles pieteikumu — projekta 2. daļa

Šodien: Pabeidz savas spēles apraksta lapu un iesniedz GitHub projekta saiti.

Tēmas projekts · 2. daļa no 2

Īsā teorija

Projekta pieteikums šajā kursā ir darbojoša HTML lapa ar spēles ideju un ekrāniem.

README.md ir īss projekta apraksts GitHub. Tajā raksti tikai darbam vajadzīgo.

Šajā tēmā pogas pārslēdz ekrānus; pašu spēlēšanu pievienosi vēlāk. 

# Mana spēle
Mērķis: savākt piecas zvaigznes.
Atvēršana: atver index.html pārlūkā.

Sākuma kods un darba vieta

Turpini savu iepriekšējās nodarbības projektu pēc 1. uzdevuma soļiem. Ja tā nav, šeit ir pilns sākuma paraugs. Jauno kopiju saglabā kā index.html mapē Desktop/datorika9-tema1 .

Lejupielādēt index.html

Atvērt pilno sākuma kodu 
<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mana spēle</title>
<style>
body { font-family: Arial, sans-serif; max-width: 680px; margin: 24px auto; padding: 16px; line-height: 1.6; }
button, input { font: inherit; padding: 10px; margin: 4px; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }

</style>
</head>
<body>
<h1>Mana spēle</h1>
<p>Savāc piecas zvaigznes.</p>
<section id="sakums">
  <h2>Sākuma ekrāns</h2>
  <button onclick="paraditSpeli()">Sākt spēli</button>
</section>
<section id="laukums" hidden>
  <h2>Spēles ekrāns</h2>
  <p>Punkti: 0</p>
  <p>Šeit vēlāk būs spēlētājs.</p>
  <button onclick="paraditSakumu()">Atpakaļ</button>
</section>
<script>
// Gatavā palīdzība pogām. Šodien maini lapas tekstu un izvietojumu.
function paraditSpeli() {
  document.getElementById("sakums").hidden = true;
  document.getElementById("laukums").hidden = false;
}
function paraditSakumu() {
  document.getElementById("sakums").hidden = false;
  document.getElementById("laukums").hidden = true;
}
</script>
</body>
</html>

1. uzdevums

Turpini savu projektu

Vide: VS Code

  1. Atver savu 15.html un ar File → Save As saglabā kopiju kā index.html tajā pašā tēmas mapē.
  2. Ja iepriekšējā darba nav, izmanto šīs lapas sākuma kodu un ieraksti savu nosaukumu un mērķi.
  3. Pārliecinies, ka sākuma ekrānā ir trīs noteikumi: darbība, uzvara un zaudējums.

Gatavs, kad: index.html satur tavas spēles ideju un noteikumus.

2. uzdevums

Pabeidz lapu un aprakstu

Vide: VS Code

  1. Spēles ekrānā pārbaudi punktu rindu un vadības norādi; pievieno trūkstošo.
  2. VS Code failu sarakstā spied New File un izveido README.md . Ja tas jau ir, atver to.
  3. Pēc teorijas parauga ieraksti nosaukumu, mērķi un atvēršanas norādi. Saglabā.

Gatavs, kad: Lapā ir abi ekrāni, bet README ir īsa atvēršanas norāde.

3. uzdevums

Iesniedz tēmas projektu

Vide: Pārlūks → VS Code → GitHub

  1. Atver index.html pārlūkā. Pārbaudi sākšanas un atgriešanās pogu.
  2. Parādi lapu klasesbiedram un mutiski izstāsti, ko spēlētājs darīs.
  3. Saglabā visus failus un nosūti izmaiņas uz GitHub ar zemāk dotajām pogām.
  4. GitHub pārbaudi index.html un README.md . Iesniedz projekta saiti skolotāja norādītajā vietā.

Gatavs, kad: GitHub projekta saite ved uz pabeigto darbu.

Iesniedz 3. uzdevuma rezultātu

Iesniedz GitHub projekta saiti . Projektā jābūt pabeigtajam index.html un šajā nodarbībā prasītajiem failiem.

Stunda ir ieskaitīta, ja 3. uzdevuma rezultāts atbilst visiem šiem punktiem:

  • index.html ir paša spēles mērķis, trīs noteikumi un vadības norāde.
  • Darbojas abu ekrānu pārslēgšana.
  • GitHub projektā ir index.html un īss README; iesniegta projekta saite.

1. un 2. uzdevums sagatavo šo rezultātu. Papildu uzdevums nav vajadzīgs ieskaitei.

Saglabā un nosūti uz GitHub — pogu atgādne

Vide: VS Code / Source Control → GitHub pārlūkā

  1. Ar File → Save All saglabā failus. Atver Source Control ar Ctrl+Shift+G .
  2. Pie Changes nospied + (Stage All Changes). Pārbaudi, ka vajadzīgie faili pārvietojas uz Staged Changes .
  3. Ziņas laukā ieraksti īsu izmaiņu, piemēram, Pabeigts 1.6 darbs . Spied Commit .
  4. Ja šī tēmas mape vēl nav GitHub, spied Publish to GitHub un izveido publisku projektu datorika9-tema1 . Jau publicētam projektam spied Sync Changes . Ja pogas nav, atver … → Push .
  5. Pārlūkā atver savu GitHub projektu un pārbaudi faila pēdējās izmaiņas.

Ja Source Control rāda Initialize Repository , vispirms nospied to. Ja parādās kļūda vai sapludināšanas pieprasījums, izmanto palīdzību un palūdz skolotāja atbalstu.

Papildu uzdevums: Pievieno norādi par nākamo versiju

Sāc, kad 3. uzdevums ir gatavs un iesniegts. Ja vēlies paturēt obligāto versiju, saglabā kopiju ar citu nosaukumu.

  1. README beigās pievieno vienu konkrētu nākamās versijas darbu, piemēram, “Pievienot punktu skaitītāju”.
  2. Nosūti šo izmaiņu uz GitHub.
Ja kaut kas neizdodas

Palīdzība Git, kontam un darba atvēršanai

Skolotājam: sasniedzamo rezultātu saistība

Šajā nodarbībā vingrina šādu rezultātu daļas no 9. klases saraksta . Piesaiste pati par sevi nenozīmē visa rezultāta apguvi.

SR 1.2.2 SR 1.3.1 SR 1.5.1 SR 2.5.3

Kursa nosacījumi un satura pārklājums