Základné tutoriál HTML, CSS a JavaScript

Srdečne vítame na kurze!

Pre porozumenie HTML je užitočné presnejšie porozumieť, čo HTML vlastne je. Táto lekcia práve rieši túto otázku.

Rozhodujúca otázka, keď začínate: Ako sa vytvárajú, zobrazujú alebo menia HTML dokumenty? Túto odpoveď nájdete v tomto videu.

Základné stavebné prvky dokumentov HTML sú tzv. značky. Tento koncept sa naučíš v tomto kurze.

HTML dokumenty sa skladajú z hlavičky obsahujúcej informácie o dokumente a z viditeľného obsahu. V tejto lekcii pôjde najprv o hlavičku (head).

Skutočné obsahy sú uložené v časti body. Toto základné rozdelenie musíš určite pochopiť. Táto lekcia je preto v každom prípade povinná!

Práve rozsiahle dokumenty profitujú z komentárov, ktoré nie sú zobrazované priamo na webovej stránke. Môžu spraviť kód prehľadnejším a zoznamujúcim. Naučte sa, ako ich vytvoriť.

Na webe sa opakovane stretávate s cestami - a to vo forme relatívnej alebo absolútnej cesty. Pozrite si túto lekciu, aby ste pochopili tento koncept.

Odkazy na webových stránkach sú veľmi časté. Implementáciu nájdete v tomto príspevku.

Odkazy na iné webové stránky sú rovnako dôležité a patria tiež k bežnému životu na internete. Okrem toho existuje pre cieľovú skupinu údaj, ako sa majú odkazy otvárať. Zistite, ako to realizovať.

Odkazy v dokumente sa nazývajú aj kotvy. Nauč sa ich umiestniť a odkazovať na časti na aktuálnej stránke.

K hierarchickej štruktúre patria medzi iné nadpisy. Tu sa naučíš poznávať dostupné prvky.

Medzery a zalomenia riadkov v HTML dokumentoch sú obmedzené. Je dôležité, aby si poznal(a) tento koncept.

V texte hrajú odsadenia dôležitú úlohu. Tu sa naučíš, ako ich vložiť.

Práve na webe musia byť texty prehľadné. Zoznamy pomáhajú čitateľovi pri preletení. Preto je lekcia o zoradených a nezoradených zoznamoch absolútne povinná.

Tabuľky sú veľmi dôležité na tabulkové spracovanie údajov. Tu sa naučíš základy.

Web bez obrázkov nie je možné si ani len predstaviť. Tu sa naučíš, ako vkladať obrázky.

Nauč sa umiestniť špeciálne znaky ako HTML entitity do svojich dokumentov.

Pomocou rámčekových elementov vložíš iné webové stránky priamo do svojej webovej stránky.

JavaScripty sú zahrnuté do HTML dokumentov. Tu sa naučíš, ako na to.

V prvom cvičení z praxe s HTML ide o upravovanie textu a nastavenie nadpisov.

Tu vytvoríš recept ako HTML dokument a používaš pri tom základné HTML prvky.

Vedomosti ohľadom tabuliek sa teraz využijú v praxi.

Naučte sa koncept kaskádových štýlových štýlov.

Nauč sa priamo priradiť CSS príkazy k prvkom.

Interné štýly sú ďalším spôsobom, ako priamo v dokumente zadať inštrukcie.

Veľmi častý prípad: štýlové súbory sú vylúčené do externých súborov a zahrnuté.

Pre styling sú atribúty „class“ a „id“ extrémne dôležité. Nauč sa ich tu.

Práve kontajnery zohrávajú dôležitú úlohu pri práci s CSS. Tu sa naučíš koncept na príklade tagu div.

Pomocou atribútu float môžu byť prvky rozmiestnené rôzne. Dôležitý prvok pri návrhu. Povinná lekcia!

Aj atribút position je extrémne dôležitý a patrí do každého plánu CSS-u.

Nauč sa rôzne údaje pre vzdialenosti („padding“ a „margin“).

Šírka a výška sú témou tejto lekcie.

HTML elementy môžu byť zobrazené s rámikom. Na to slúži atribút border, ktorý sa naučíte v tomto videu.

Rôzne veľkosti písma každý už niekedy použil. Po tejto lekcii ich môžeš nastaviť s pomocou CSS.

Písma nie sú vždy dostupné na každom počítači. Preto sa na webe skôr definujú písacie rodiny. Nauč sa v tomto videu, ako na to.

Základ textovej úpravy: tučné, kurzívní a podčiarknutý text. V tejto lekcii ti predstavím CSS príkazy.

Zarovnanie textu je tiež známe z textovej spracovania a nie je nezvyčajné na webe. Zistite, ako to funguje s CSS.

Štandardný dizajn odkazov je možné výrazne zlepšiť pomocou CSS. Nauč sa rôzne stavy odkazov a príslušné CSS príkazy.

Stručný prehľad k otázke: „Čo je vlastne JavaScript?“

V tomto kurzovom zbierke vložíš JavaScript do HTML dokumentu. Najskôr sa naučíš vložiť ho priamo do dokumentu.

Externé JavaScripty sú tiež dôležité a neustále prítomné na webe.

Nauč sa poznávať „Document Object Model“.

Údaje nemusíš v TVML/TVJS vypisovať týmto spôsobom, ale je dôležité pre ďalšie príklady.

Jednou zo základných vlastností JavaScriptu je ovládanie cez udalosti. Tu sa naučíš tento koncept na príklade kliknutia.

Nauč sa, ako pristupovať k prvkom a meniť ich hodnotu.

Premenné - centrálne koncept každého programovacieho jazyka. Tu sa naučíš, ako sa vytvárajú v jazyku JavaScript.

Aj keď JavaScript pri deklarácii nepoužíva explicitné dátové typy, mal by si napriek tomu pochopiť tento koncept.

Počítač (v nemeckom jazyku „Rechner“) nie je schopný niečo vypočítať bez jednoduchej aritmetiky. Samozrejme, to môže urobiť aj JavaScript.

Aj keď ich priamo nepoužívate, kombinované priradenia sa v praxi často stretnú s vami. Dobré je, ak viete čítať syntax.

Bez podmienok je programovanie len ťažko predstaviteľné.

Aj koncept opakovania je veľmi dôležitý. Tu sa naučíš variantu v jazyku JavaScript.

Aj while smyčky majú svoje uplatnenie. Dobre, ak ich tiež poznáš.

Funkcie budeš tiež používať v TVJS. Dôležitý koncept, ktorý treba pochopiť.

Ak chceš správne pracovať v kóde, musíš poznať rozsahy platnosti v JavaScripte (Scopes).

Tu ide o udalosti a v niečom viac detailov.

Reťazce by ti pravdepodobne mali každý deň odrážať v každej aplikácii. Preto by si ich mal určite zaradiť do krátkého intenzívneho kurz.

Témy ako náhodné čísla a iné náročné výpočty sú tiež dôležité.

Aj poľia sa ti istotne budú stretnúť v prostredí JavaScriptu a TVJS. Dobre, ak ich poznáš.

Aj v TVJS sa používajú objekty. Mali by ste teda poznať aspoň implementáciu v jazyku JavaScript.

Vlastnosti patria k objektovo orientovanému programovaniu a mali by byť všeobecne pochopené.

Dôležité sú aj metódy, ktoré sa ti v príkladoch TVJS často budú stretnúť.