Slovník

Pojmy z celého roka, tak ako ich používame na hodinách. Pri každom je odkaz na hodinu, kde sme si ho povedali.

Atribút: Doplňujúca informácia zapísaná priamo v otváracej značke, napríklad href v <a href=…>. Značka bez potrebného atribútu často urobí menej, než by mala — <a> bez href nie je odkaz. → Blok 2
Cookies: Malý kúsok dát, ktorý stránka uloží v tvojom prehliadači, aby ťa pri ďalšej návšteve spoznala — prihlásenie, jazyk, alebo že ťa sledovala reklama. Zostáva to anglické slovo aj v slovenskej vete — nikdy nie koláčiky. → Blok 1
CSS pravidlo: Zápis ako h1 { color: …; } v časti <style> — hovorí, ako má vyzerať to, čo HTML iba pomenovalo. Jedno pravidlo vie zmeniť vzhľad desiatkam značiek naraz. → Blok 3
Div: Obal bez vlastného významu — <div> nehovorí, čo je vnútri, iba drží veci pokope. Sám osebe nie je na stránke vidieť; zmysel dostane až vtedy, keď sa mu cez CSS nastaví okraj, šírka alebo poloha. → Blok 2
DOM: Skratka pre strom stránky — spôsob, akým si prehliadač v pamäti uloží značky HTML, aby vedel, čo je v čom vnorené. Keď prehliadač niečo prekreslí, prekresľuje práve tento strom, nie pôvodný súbor. → Blok 1
Element: Otváracia značka + obsah + zatváracia značka — to všetko dokopy je jeden element, napríklad celé <p>text</p>. Niektoré elementy majú len otváraciu značku, napríklad <img>. → Blok 2
Hodnota: To, na čo vlastnosť nastavíš — red, 24px, 1px solid black. Stojí za dvojbodkou a riadok sa ukončí bodkočiarkou. → Blok 3
Id: Meno pre jednu jedinú značku, zapísané atribútom id — v CSS sa naň odkážeš mriežkou: #kontakt. To isté id smie byť na stránke len raz, preto sa na vzhľad používa trieda a id sa nechá na miesta, na ktoré sa odkazuje. → Blok 3
JavaScript: Tretí jazyk webu popri HTML a CSS a jediný z nich, ktorý naozaj programuje — vie počkať, kým sa niečo stane, a potom stránku zmeniť. S jazykom Java nemá spoločné nič okrem mena. Blok 5
Nadpis: Značka <h1> až <h6> — pomenúva časť stránky, nie je to len veľké písmo. Ako vyzerá, mení CSS, nie samotná značka. → Blok 2
Obrázok: Značka <img src=… alt=…> bez zatváracieho tvaru. Src hovorí, odkiaľ obrázok vziať, alt hovorí, čo je na ňom, keď sa nenačíta. → Blok 2
Odkaz: Značka <a href=…>, ktorá spája jednu stránku s druhou. Adresa, kam vedie, je v atribúte href — to, na čo sa klika, je medzi značkami. → Blok 2
Odsadenie: Vlastnosť padding — priestor medzi rámčekom prvku a jeho obsahom, teda vnútri. Keď text lipne na rámčeku, chýba práve odsadenie. → Blok 3
Odsek: Značka <p> okolo bloku textu, ktorý patrí k sebe. Prehliadač medzi odsekmi automaticky pridá medzeru, aj keď v kóde žiadna nie je. → Blok 2
Okraj: Vlastnosť margin — priestor okolo prvku, teda medzi ním a tým, čo je vedľa neho. Odsadenie je vnútri rámčeka, okraj zvonku. → Blok 3
Premenná: Meno, pod ktorým si v skripte niečo odložíš, aby si to nemusel hľadať znova — const nadpis = document.querySelector('h1'). Meno si vymýšľaš sám, bez medzier a diakritiky. Blok 5
Request: Jedna samostatná otázka, ktorú tvoj prehliadač pošle na server — o jeden obrázok, jeden štýl, jeden skript. Otvorenie jednej stránky je zvyčajne desiatky requestov naraz, nie jeden. → Blok 1 · Čo sme si povedali
Selektor: Prvá časť CSS pravidla — hovorí, ktorých značiek sa pravidlo týka. Selektor p trafí všetky odseky na stránke, selektor .ramcek len tie značky, ktoré majú triedu ramcek. → Blok 3
Trieda: Meno, ktoré si značke vymyslíš sám cez atribút class, aby si ju vedel v CSS osloviť. V HTML sa píše class="ramcek", v CSS sa na ňu odkážeš bodkou: .ramcek. → Blok 3
Udalosť: Niečo, čo sa na stránke stane — klik, stlačenie klávesu, posunutie. Kód v addEventListener čaká práve na ňu a spustí sa až vtedy, keď nastane. Blok 5
Vlastnosť: To, čo na prvku meníš — color, font-size, border. Píše sa vnútri zložených zátvoriek pred dvojbodku a nikdy nestojí sama, vždy k nej patrí hodnota. → Blok 3
Vycentrovanie: Umiestnenie prvku doprostred svojho rodiča — najčastejšie margin: 0 auto pri prvku so šírkou, alebo text-align: center pri jeho rodičovi. Ktorý spôsob použiješ, závisí od toho, čo presne centruješ. → Blok 3
Zámok: Ikonka v adresnom riadku, ktorá hovorí, že spojenie so stránkou je šifrované cez HTTPS — po ceste to nikto nedokáže prečítať. Nehovorí nič o tom, či je vlastník stránky poctivý. → Blok 1
Značka: Zápis v uhlových zátvorkách, napríklad <p> alebo </p>, ktorý hovorí prehliadaču, čo nasleduje. Sama osebe nič nezobrazí — až s obsahom medzi otváracou a zatváracou značkou je z nej element. → Blok 2
Zoznam: Značky <ul> alebo <ol> s položkami <li> vnútri. <ul> je zoznam bez poradia, <ol> je očíslovaný. → Blok 2