Základní návod HTML, CSS a JavaScript

Srdečně vítáme ve školení!

Pro lepší porozumění HTML je užitečné lépe porozumět tomu, co HTML vlastně je. Tato lekce se zabývá přesně tímto dotazem.

Rozhodující otázka, když právě začínáte: Jak se vytvářejí, zobrazují nebo mění HTML dokumenty? V tomto videu najdete odpověď.

Základem HTML dokumentů jsou tzv. tagy. Tento koncept se naučíš v tomto lekci.

HTML dokumenty se skládají z hlavičky s informacemi o dokumentu a viditelným obsahem. V této lekci se nejprve zaměříme na hlavičku (head).

Skutečný obsah je uložen v těle stránky. Toto základní rozdělení musíš určitě pochopit. Tento lekce je proto v každém případě povinná!

Právě rozsáhlé dokumenty profitují z komentářů, které nejsou zobrazeny přímo na webové stránce. Mohou udělat kód přehlednějším a zdokumentovat ho. Naučte se je vytvářet.

Na webu se opakovaně setkáváte s cestovými údaji - a to ve dvou variantách: relativní nebo absolutní cestová údaj. Podívejte se na tuto lekci, abyste porozuměli tomuto konceptu.

Odkazy uvnitř webové stránky jsou extrémně běžné. Implementaci najdete v tomto příspěvku.

Odkazy na jiné webové stránky jsou stejně důležité a také patří k běžnému každodennímu provozu na internetu. Kromě toho existuje atribut "target", který určuje způsob otevření odkazů. Nauč se, jak to realizovat.

Odkazy uvnitř dokumentu jsou nazývány také kotvami. Nauč se je nastavit a odkazovat na oblasti na aktuální stránce.

K hierarchické struktuře patří mimo jiné nadpisy. Zde se seznámíš s dostupnými prvky.

Mezery a konec řádku v HTML dokumentech jsou omezené. Je důležité, abys tento koncept znal.

V textu hrají odstavce důležitou roli. Tady se naučíš je psát.

Právě na webu musí být texty přehledné. Seznamy pomáhají divákovi při rychlém pročtení. Proto je lekce o uspořádaných a neuspořádaných seznamech naprostou povinností.

Tabulky jsou velmi důležité pro tabulkové zpracování dat. Zde se naučíte základy.

Web bez obrázků si nelze představit. Tady se naučíš, jak vložit obrázky.

Nauč se vložit speciální znaky jako HTML entity do svých dokumentů.

Pomocí iframe vkládáte jiné webové stránky přímo do své webové stránky.

JavaScripty jsou začleněny do HTML dokumentů. Zde se naučíš, jak na to.

V prvním cvičení z HTML jde o zpracování textu a nastavení nadpisů.

Zde vytvoříte recept jako HTML dokument a použijete přitom základní HTML elementy.

Znalosti týkající se tabulek jsou nyní aplikovány v praxi.

Nauč se koncept Kaskádových stylů.

Naučte se přiřazovat CSS deklarace přímo prvkům.

Interní styly jsou další způsob, jak přímo v dokumentu uložit pokyny.

Velmi častým případem je, že styly jsou vyčleněny do externích souborů a jsou do nich začleněny.

Pro styling jsou atributy „class“ a „id“ extrémně důležité. Seznamte se s nimi zde.

Právě kontejnery hrají důležitou roli při práci s CSS. Zde se dozvíš koncept na příkladu tagu div.

S pomocí atributu float lze prvky různě pozicovat. Centrální prvek designu. Povinná lekce!

Také atribut pozice je extrémně důležitý a patří do každého plánu výuky CSS.

Nauč se různé údaje pro vzdálenosti („padding“ a „margin“).

Šířka a výška jsou tématem této lekce.

HTML prvky lze zobrazit rámečkem. K tomu slouží atribut border, který se naučíte v tomto videu.

Různé velikosti písma již každý někdy použil. Po tomto článku je pak můžeš nastavit pomocí CSS.

Písma nejsou vždy k dispozici na každém počítači. Proto se na webu spíše definují písemné rodiny. Dozvíte se v tomto videu, jak na to.

Základem formátování textu jsou tučné, kurzívní a podtržené texty. V této lekci ti představím CSS příkazy.

Zarovnání textu je známé také z textového zpracování a není neobvyklé ani na webu. Zjisti, jak funguje s CSS.

Standardní design odkazů lze výrazně vylepšit pomocí CSS. Nauč se různé stavy odkazů a odpovídající CSS příkazy.

Stručný přehled k otázce: „Co je JavaScript vlastně přesně?“

V tomto kurzovém školení přidáš JavaScript do HTML dokumentu. Nejprve se naučíš toto přímo v dokumentu uložit.

Externí JavaScripty jsou také důležité a neustále přítomné na webu.

Naučte se poznat „Document Object Model“.

Data v TVML/TVJS není třeba vypisovat, ale stále je důležité pro další příklady.

Důležitou funkcí JavaScriptu je ovládání událostí. Zde se dozvíš o konceptu na příkladu klikacích událostí.

Nauč se, jak můžeš přistupovat k prvkům a měnit jejich hodnoty.

Proměnné – centrální koncept každého programovacího jazyka. Zde se dozvíš, jak jsou vytvářeny v JavaScriptu.

I když JavaScript při deklaraci nepoužívá explicitní datové typy, měl bys tento koncept přesto rozumět.

Počítač (v němčině nazývaný „Rechner“) není schopen provést žádný výpočet bez základní aritmetiky. JavaScript to samozřejmě také dokáže.

I když je přímo nevyužíváš, v praxi se s nimi setkáváš častěji. Dobře, pokud umíš číst syntax.

Bez podmínek je programování těžko představitelné.

Také koncept opakování je mimořádně důležitý. Zde se dozvíš o jedné variantě v jazyce JavaScript.

Také while smyčky mají své využití. Dobré je, když je znáš i ty.

Funkce budeš využívat také v TVJS. Důležitý koncept, který je třeba pochopit.

Abyste se správně pohybovali v kódu, musíte znát platnostní oblasti JavaScriptu (scopes).

Tady jde ještě jednou a trochu podrobněji o události.

V řadě aplikací se pravděpodobně setkáte se řetězci. Proto je důležité zařadit je do rychlokurzu.

Témata jako náhodná čísla a jiné složité výpočty jsou také důležitá.

Také na pole se s největší pravděpodobností setkáš v prostředí JavaScriptu a TVJS. Dobře, pokud je znáš.

I v TVJS se využívají objekty. Měl bys tedy minimálně znát JavaScriptovou implementaci.

Vlastnosti patří k objektovému programování a měly by být obecně chápány.

Stejně důležité jsou i metody, které se ti budou často objevovat v příkladech TVJS.