Existuje celá řada různých míst, kde lze JavaScript používat, ale nejběžnějším místem pro jeho použití je webová stránka. Ve skutečnosti, pro většinu lidí, kteří používají JavaScript, na webové stránce je jediným místem, kde ji používají.
Tři jazyky webové stránky
Prvním požadavkem webové stránky je definovat obsah webové stránky. To se provádí pomocí značkovacího jazyka, který definuje, jaké jsou jednotlivé součásti obsahu. Jazykem, který se obvykle používá k označování obsahu, je HTML, i když XHTML lze také použít, pokud stránky nepotřebujete, aby fungovaly v aplikaci Internet Explorer.
HTML definuje, co je obsah. Při správném zápisu není učiněn žádný pokus definovat, jak má tento obsah vypadat. Obsah bude nakonec muset vypadat odlišně v závislosti na tom, jaké zařízení se k němu používá. Mobilní zařízení mají obvykle menší obrazovky než počítače. Tištěné kopie obsahu budou mít pevnou šířku a nemusí vyžadovat zahrnutí celé navigace. Pro lidi, kteří stránku poslouchají, je třeba definovat spíše způsob čtení stránky, než jak vypadá.
vzhled webové stránky je definováno pomocí kaskádových stylů, které určují, na které médium se konkrétní příkazy vztahují, takže formáty obsahu jsou pro zařízení vhodné.
Pomocí těchto dvou jazyků můžete vytvořit statické webové stránky, které budou přístupné bez ohledu na to, které zařízení se používá pro přístup na stránku. Tyto statické stránky mohou komunikovat s návštěvníkem pomocí formulářů. Po vyplnění a odeslání formuláře je požadavek odeslán zpět na server, kde je vytvořena nová statická webová stránka a případně stažena do prohlížeče.
Velkou nevýhodou webových stránek, jako je tato, je to, že jediný způsob, jak váš návštěvník na stránku komunikuje, je vyplnění formuláře a čekání na načtení nové stránky.
Přidejte JavaScript pro dynamické stránky
JavaScript převádí vaši statickou stránku na stránku, která může komunikovat s vašimi návštěvníky, aniž by museli čekat na načtení nové stránky pokaždé, když o to požádají. JavaScript přidává chování na webovou stránku, kde tato stránka reaguje na akce, aniž by bylo nutné pro zpracování žádosti načíst novou stránku.
Už ne návštěvník je třeba vyplnit celý formulář a odeslat jej, aby bylo řečeno, že udělali překlep v prvním poli a je třeba jej znovu zadat znovu. Pomocí JavaScriptu můžete ověřit všechna pole, jakmile vstoupí, a poskytnout okamžitou zpětnou vazbu, když se mýlí.
JavaScript také umožňuje, aby vaše stránka byla interaktivní jinými způsoby, které vůbec nezahrnují formuláře. Na stránku můžete přidat animace, které buď upoutají pozornost na konkrétní část stránky, nebo které usnadní používání stránky. V rámci webové stránky můžete poskytovat odpovědi na různé akce, které váš návštěvník podnikne, abyste se vyhnuli potřebě načtení nových webových stránek, aby mohli reagovat. Můžete dokonce nechat JavaScript načíst nové obrázky, objekty nebo skripty do webové stránky aniž byste museli znovu načíst celou stránku. Existuje dokonce způsob, jak JavaScript předat požadavky zpět serveru a zpracovat odpovědi ze serveru bez nutnosti načítání nových stránek.
Začlenění JavaScriptu do webové stránky umožňuje vylepšit zážitek návštěvníka tím, že jej převede ze statické stránky na stránku, která s nimi může interagovat. Důležitou věcí je však zapamatovat si, že ne každý, kdo navštíví vaši stránku, bude mít JavaScript, takže vaše stránka bude muset fungovat i pro ty, kteří nemají JavaScript. Chcete-li, aby vaše stránka fungovala lépe pro ty, kdo ji mají, použijte JavaScript.