# 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

```javascript
// 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