Skip to content
Gallery
Front-end ehk eesrakendus
Share
Explore
Tunnid

icon picker
02. Git, Github ja terminal

Õpiväljundid:
õpilane liigub terminalis soovitud folderisse, loob sellesse alamfolderi ja sellesse faili
õpilane loob githubis repositooriumi, kloonib loodud repositooriumi oma arvutisse, täiendab readme faili.
õpilane kasutab käsklusi git add, git commit ja git push

Tunni teemad – 4+-1 mõistet (kordame eelmist tundi):
git
git’i käskluste asukoht
github
terminal
terminali käskluste asukoht
+ MARKDOWN

Tund:

Sissejuhatus, puudujate märkimine, tunni kava tutvustus (5 min)
Eelmise tunni tagasiside ja meenutus. (5 min) Mida me õppisime? Õpilased räägivad. Vihjed:
mis on terminal?
mis on git?
mis on github?
Kust leiab git’i ja terminali käskluste abi?
Sedapuhku peavad õpilased ise vastused leidma ja selgitama. 10 min
Sissejuhatav ülesanne (15 min):
Ava terminal (võib avada ka VSCode’s)
Loo desktopile folder oma perekonnanime ja eesnimega folder, loo sinna sisse perekonnnaime ja eesnimega tekstifail. Kuidas leida abi? Mõtle, mis materjale eelmisel tunnil jagati ja mis soovitusi anti? ​Tuleta meelde järgmisi soovitusi:
Kas tühikuid võib kasutada?
Kas täpitähti on soovitatav kasutada?
Kas suurtähti on soovitatav kasutada. 25 min
Eelmise tunni tagasisidest (5 min):
“Ma sain enamus asjadest tunnis aru kuid alguses ei märganud kuidas avada seda mida oli vaja (unustasin nime) niiet olin segaduses. Muidu kõik oli okei ja ma ei jäänud väga maha ka.” Kui ei märganud, siis kohe – KÜSIGE!!!
Pole veel päris kindel kuidas ja mille jaoks me seda tulevikus kasutame aga põnevil. KOHE VAATAME.
moned asjad olid vahepeal arusaamatud kuna tunni tempo muutus liiga kiireks – andke märku juba tunni ajal, selleks tund ongi.
Võimelda/sirutada rohkem terve klassiga siis keha ega aju ei vaju sellisel hilisel tunnil mugavustsooni – HEA POINT!
Eelmise korra hea tagasiside: 30 min
Terminali selgitus (5 min)
Miks terminal? Vt eelmist tundi: ​Terminal. Mis on terminal ja miks teda vaja on. Terminal on arvutiprogramm, mis võimaldab kasutajal suhelda arvutiga tekstipõhiste käskude kaudu. Selle peamine eesmärk on võimaldada juurdepääsu operatsioonisüsteemi käsureale.
Miks ta vajalik on. Iga programmi graafilise kasutajaliidese (GUI) taga on tegelikult tekstipõhine kasutajaliides (CLI - Command Line Interface). Tavakasutajal käib tekstipõhine programmi juhtimine üle jõu, kuid vahest ,kui graafilise liidesega midagi juhtub, on vaja sekkuda ja seetõttu on algteadmised tekstilise kasutajaliidese kohta arendajale vajalikud. Oskaja käes on see sageli ka kiirem. Sellest tuleneb ka vajadus. 35 min
Git'i selgitus (5 min) Et mõista kuidas ja miks git'i kasutatakse, on hea aru saada, kuidas tarkvara arendatakse, kui palju inimesi töötavad sama rakenduse kallal ja kuidas paralleelselt töötatakse mitme lahenduse kallal: ​
Feature.webp
Pildi allikas: Lisalugemist: ​ 40min
Markdown keel (20 min) ​Mis ja milleks on. Näide tekstist HTML'is vs Markdownis. 60 min
Ülesanne (20 min) ​Leia lahendused, kuidas luua githubi repo. Loo githubi repo, klooni see oma arvutisse lisa või täienda README faili – kirjuta sellesse, kuidas sa lahendasid eelpoololeva terminali ülesande, kuidas leidsid githubi käsud, kirjuta tunni reflektsioon – mis sai selgemaks, kas sai selgemaks, millele on vaja tähelepanu pöörata, kuivõrd olid tunnis oma mõtetega kohal. Vajalikud käsud: ​git clone repositooriumi_aadress ___ ​git add .git commit -m “Kommentaar käesoleva muudatuse sisu kohta”git push 80min
Isesesiva töö selgitus (10 min) Iseseisev ülesanne – referaat. Tähtaeg 6. veebruari tund. Referaat peab vastavat teemat arusaadavalt tutvustama, andma ülevaate teemast, referaadi koosataja peab teemast aru saama. Tooge näiteid kui vaja toimimise selgitust. Kui pikk peab olema referaat? Esitlus peab mahtuma 7-min sisse, kui peab olema piisavalt pikk, et võõras inimene saab teemast aru. Osake vastata küsimustele. ​Ülesande peamine eesmärk on jutustada teemast teise nurga alt kui õpetaja, et mõista teemat paremini, uue nurga alt. Juba tundides käsitletud teemad eeldavad veidi põhjalikumat käsitlust. Igaüks peaks vähemalt midagi tegema Refereraatide teemad:
Git
Terminal
HTML
CSS
Javascript
Frontend
CSS-raamistikud
Reageeriv veebisait – veebilehe kohandumine erinevatel ekraanidel.
CSS preprotsessorid
Veebilehe jõudluse optimeerimise strateegiad/meetodid


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.