3I_WTL_2025/05_js_intro

05 - Úvod do JavaScriptu

🎯 Co se naučíte

V této lekci se seznámíte se základy programování v JavaScriptu.

📚 Témata lekce

• Připojení JavaScriptu k HTML (inline, external)
• Console.log - výpis do konzole (F12)
• Proměnné (let, const, var)
• Datové typy:
  • Čísla (number)
  • Texty (string)
  • Pole (array)
  • Objekty (object)
  • Datum (Date)
• Podmínky (if, else, &&, ||)
• Cykly (for)
• Funkce (definice a volání)

📂 Soubory v projektu

• index.html - HTML soubor s připojením JS
• app.js - JavaScript soubor s ukázkami základů

💻 Ukázky v lekci

// Proměnné
let x = 5;
const jmeno = "Jan";

// Podmínky
if (x > 3) {
    console.log("x je větší než 3");
}

// Funkce
function pozdrav() {
    console.log("Ahoj!");
}
pozdrav();  // volání funkce

// Cyklus
for (let i = 0; i < 5; i++) {
    console.log(i);
}

🚀 Jak s lekcí pracovat

1. Otevřete index.html v prohlížeči
2. Otevřete Developer Console (F12 → záložka Console)
3. Prohlédněte si soubor app.js v editoru
4. Zkuste měnit hodnoty proměnných a sledujte výstup v konzoli
5. Vytvořte vlastní funkce a zavolejte je
6. Experimentujte s podmínkami a cykly

💡 Tip pro studenty

• Console.log() je váš nejlepší přítel při debugování
• let vs const: použijte const pro hodnoty, které se nemění
• var se dnes už moc nepoužívá - používejte let nebo const
• Nezapomeňte volat funkci pomocí závorek: nazevFunkce()
• Pro objekty používáme tečkovou notaci: osobnost.jmeno

🔗 Související lekce

• Další: 06_js_html - propojení JavaScriptu s HTML elementy
• Související: 07_js_css_dom - manipulace s CSS přes JavaScript