GitHub Pages
Doteraz si svoju stránku videl len ako kód na GitHube alebo v editore na tomto webe. Dnes dostane vlastnú adresu, ktorú otvorí ktokoľvek — z mobilu, z cudzieho počítača, bez GitHubu.
Postará sa o to GitHub Pages: GitHub zoberie súbory z tvojho repozitára a podáva ich ako stránku. Zadarmo a bez inštalovania, ide to aj z mobilu.
- Otvor svoj repozitár
tiu-stranka. - Hore klikni na Settings. Na mobile je schovaný pod tromi bodkami ….
- V ľavom menu klikni na Pages.
- Pod Build and deployment skontroluj, že v Source je Deploy from a branch.
- Pod tým je tlačidlo None — zmeň ho na main. Vedľa nechaj / (root).
- Klikni na Save.
Potom chvíľu počkaj, zvyčajne minútu-dve, a stránku s nastaveniami obnov. Hore sa objaví Your site is live at a pod tým tvoja adresa.
Odteraz sa každý commit na tú adresu dostane sám, do minúty-dvoch. Nič ďalšie zapínať netreba.
Obrázok vo vlastnom repozitári
Obrázok nemusíš brať z cudzej stránky. Môžeš ho nahrať priamo do repozitára (Add file → Upload files) a na stránke naň odkázať len menom súboru:
<img src="foto.jpg" alt="Čo je na obrázku">Prehliadač ho potom hľadá vedľa stránky — na tej istej adrese, v tom istom priečinku. Na GitHub Pages tam naozaj je, takže sa zobrazí. V editore na tomto webe nie, lebo ten beží na inej adrese a tvoj súbor nevidí.
Pozor na veľké a malé písmená: Foto.jpg a foto.jpg sú na internete dva
rôzne súbory.
Ukážka stránky
Každý príde k projektoru a ukáže svoju stránku:
- Otvor svoju stránku na adrese
github.io. - Jednou-dvoma vetami povedz, o čom je a prečo práve táto téma.
- Ja ukážem na niečo na stránke a spýtam sa: „Ukáž mi, kde sa mení toto.” Ty v kóde nájdeš riadok, ktorý to robí.
Tá otázka nie je náhodná. Je to prvá z troch otázok obhajoby na konci roka. Dnes si ju skúsiš na vlastnej stránke, kým je ešte krátka.
Za ukážku je 0 / 0,5 / 1 bod.
Čo musí byť
- stránka sa otvorí na tvojej adrese
….github.io/tiu-stranka/ - povieš, o čom stránka je
- v kóde nájdeš miesto, na ktoré sa spýtam
Nabudúce
Tvoja stránka je na internete a vyzerá tak, ako chceš. Stále ale nevie zareagovať — nič sa na nej nedá stlačiť, nič sa nezmení, kým sám neprepíšeš súbor.
Nabudúce k nej pridáme tretí jazyk, JavaScript. Ten ako jediný z tých troch naozaj programuje: vie sa rozhodnúť, vie počítať a vie meniť stránku vtedy, keď sa na nej niečo stane.