Web Developmentzačiatočník

Čo je JavaScript?

JavaScript je programovací jazyk, ktorý oživuje webstránky — umožňuje interaktívne prvky ako animácie, formuláre, dynamické načítavanie obsahu a reakcie na kliknutia používateľa. Je to jediný programovací jazyk, ktorý natívne bežia všetky webové prehliadače.

Definícia JavaScript

Čo je JavaScript

JavaScript je objektový a funkcionálny programovací jazyk, ktorý vytvoril Brendan Eich v roku 1995. Je to interpretovaný jazyk — to znamená, že ho prehliadač spúšťa priamo bez potreby predchádzajúcej kompilácie. JavaScript je dnes najpoužívanejší programovací jazyk na webe.

Napriek podobnému názvu neexistuje žiadny vzťah medzi jazykmi Java a JavaScript — ich najväčšia podobnosť je v syntaxi založenej na spoločnom predkovi, jazyku C. Názov „JavaScript" bol zvolený z marketingových dôvodov, keďže Java bola v tom čase veľmi populárna.

Ako JavaScript funguje

JavaScript umožňuje premeniť statickú HTML stránku na dynamické rozhranie. Pomocou techniky zvanej DOM (Document Object Model) dokáže JavaScript manipulovať s obsahom webstránky v reálnom čase — meniť text, skrývať a zobrazovať prvky, reagovať na kliknutia a pohyby myši.

Vďaka technológii AJAX dokáže JavaScript načítavať nové dáta zo servera bez nutnosti obnoviť celú stránku. To je základ moderných webových aplikácií ako Gmail, Google Maps alebo sociálne siete.

Medzi najznámejšie implementácie JavaScriptu patria motory SpiderMonkey (Mozilla Firefox), V8 (Google Chrome a Node.js), JavaScriptCore (Safari) a KJS. Štandard jazyka sa nazýva ECMAScript.

Kde sa JavaScript používa

  • Frontend — interaktívne prvky na webstránkach (animácie, formuláre, galérie)
  • Backend — serverová časť aplikácií vďaka Node.js
  • Mobilné aplikácie — cez frameworky ako React Native
  • Desktopové aplikácie — cez Electron (napr. VS Code, Slack)

Praktický príklad

Príklad: E-shop s oblečením.

Zákazník si prezerá produkty. Bez JavaScriptu by musel po každom kliknutí čakať na načítanie novej stránky. S JavaScriptom:

  • Klikne na „Pridať do košíka" — počítadlo v košíku sa okamžite aktualizuje bez obnovenia stránky
  • Vyberie veľkosť „M" — obrázok sa dynamicky zmení na model v danej veľkosti
  • Zadá PSČ — JavaScript automaticky doplní mesto a vypočíta cenu doručenia
  • Píše do vyhľadávania — okamžite sa zobrazujú návrhy produktov

Všetko toto sa deje plynule, bez čakania na server — práve vďaka JavaScriptu.

Často kladené otázky

Čo je JavaScript a na čo slúži?

JavaScript je programovací jazyk, ktorý oživuje webstránky. Umožňuje interaktívne prvky — animácie, dynamické formuláre, načítavanie obsahu bez obnovenia stránky a reakcie na akcie používateľa.

Je JavaScript to isté čo Java?

Nie. Napriek podobnému názvu sú JavaScript a Java úplne odlišné jazyky. Nemajú medzi sebou žiadny technický vzťah — podobnosť je len v syntaxi založenej na jazyku C. Názov bol zvolený z marketingových dôvodov.

Je JavaScript ťažký na naučenie?

JavaScript patrí medzi jednoduchšie jazyky na začiatok. Základy sa dajú naučiť za niekoľko týždňov. Je to interpretovaný jazyk bez nutnosti kompilácie, takže výsledky vidíte okamžite v prehliadači.

Potrebuje moja webstránka JavaScript?

Závisí od typu stránky. Jednoduchá vizitka si vystačí s HTML a CSS. Pre e-shop, rezervačný systém alebo akúkoľvek interaktívnu funkciu je JavaScript nevyhnutný.

Súvisiace pojmy

HTML (HyperText Markup Language)

HTML je značkovací jazyk, ktorý tvorí základ každej webstránky. Určuje štruktúru a obsah stránky — nadpisy, odseky, obrázky, odkazy a formuláre. Bez HTML by webové prehliadače nevedeli, čo a ako zobraziť.

CSS (Cascading Style Sheets)

CSS je jazyk na vizuálne formátovanie webstránok — určuje farby, písma, rozloženie a animácie. Kým HTML definuje štruktúru obsahu, CSS určuje, ako tento obsah vyzerá. Bez CSS by všetky weby vyzerali ako jednoduché textové dokumenty.

Frontend (klientska časť)

Frontend je všetko, čo používateľ vidí a s čím interaguje na webstránke — dizajn, tlačidlá, formuláre, animácie a rozloženie obsahu. Vytvára sa pomocou troch základných technológií: HTML, CSS a JavaScript.

Backend (serverová časť)

Backend je serverová časť webstránky, ktorá beží na pozadí a nie je viditeľná pre používateľa. Spracováva dáta, obchodné logiky, komunikáciu s databázou, overovanie prihlásenia a ďalšie operácie, ktoré zabezpečujú fungovanie webu.

API (Application Programming Interface)

API je rozhranie, ktoré umožňuje rôznym programom a systémom vzájomne komunikovať a vymieňať si dáta. Funguje ako „prostredník" — napríklad keď e-shop zobrazuje stav doručenia z kuriérskej služby, komunikujú spolu cez API.

Súvisiace odkazy
Späť na slovník

Potrebujete pomôcť s webom?

Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.

Napíšte miPozrite moju prácu