====== JavaScript: Základy jazyka ======

**JavaScript** je skriptovací jazyk, který vdechl webu život. Zatímco HTML definuje strukturu a CSS vzhled, JavaScript umožňuje reagovat na akce uživatele, odesílat data na pozadí a měnit obsah stránky bez jejího restartu.

===== 1. Základní charakteristika =====

  * **Běží v prohlížeči:** Každý moderní prohlížeč má svůj stroj (engine) na vykonávání JS (např. V8 v Chrome).
  * **Interpretovaný:** Kód se nemusí kompilovat, prohlížeč ho čte a rovnou vykonává.
  * **Dynamicky typovaný:** Proměnná může v průběhu času měnit svůj typ (z čísla na text).
  * **Multiplatformní:** Díky Node.js se dnes používá i na serverech, v mobilních aplikacích nebo IoT.

---

===== 2. Proměnné a datové typy =====

V moderním JavaScriptu (ES6+) používáme pro deklaraci proměnných klíčová slova `let` a `const`.

  * **let:** Pro proměnné, jejichž hodnota se může měnit.
  * **const:** Pro konstanty (hodnotu nelze po přiřazení změnit).
  * **var:** Starší způsob deklarace (dnes se mu raději vyhýbáme kvůli specifickému chování v rozsahu platnosti).

==== Základní typy: ====
<code>
let jmeno = "Petr";       // String
let vek = 30;             // Number
let jeProgramator = true; // Boolean
let data = null;          // Null (prázdnota)
let seznam = [1, 2, 3];   // Array (pole)
let osoba = { jmeno: "Jan", vek: 25 }; // Object
</code>

---

===== 3. Funkce a šipkové zápisy (Arrow Functions) =====

Funkce jsou v JS "prvotřídními občany", což znamená, že s nimi lze pracovat jako s proměnnými.



<code>
// Klasická funkce
function pozdrav(jmeno) {
    return "Ahoj " + jmeno;
}

// Moderní Arrow function (podobná lambdám v C#)
const pozdrav = (jmeno) => `Ahoj ${jmeno}`;
</code>

---

===== 4. Práce s DOM (Document Object Model) =====

JavaScript dokáže manipulovat s HTML prvky na stránce. DOM je stromová reprezentace webu, ke které JS přistupuje jako k objektu.



<code>
// Změna textu v odstavci s ID "uvod"
const titulek = document.getElementById("uvod");
titulek.innerText = "Vítejte v kurzu JS!";

// Reakce na kliknutí tlačítka
const tlacitko = document.querySelector("button");
tlacitko.addEventListener("click", () => {
    alert("Klikli jste!");
});
</code>

---

===== 5. JavaScript vs. Java =====

Častý omyl začátečníků je zaměňování těchto dvou jazyků.
> "Java je pro JavaScript asi jako Pes pro Párky (Hot Dog)." – Slavné rčení v IT.
Java je robustní kompilovaný jazyk pro velké systémy, zatímco JavaScript je skriptovací jazyk původně navržený pro webové prohlížeče.

----
//Související články://
  * [[it:sw:json|Formát JSON: Specifikace]]
  * [[it:sw:typescript|TypeScript: JavaScript s typy]]
  * [[it:sw:react|Framework React a moderní frontend]]

//Tagy: {{tag>programming javascript web-development frontend scripting}}//