Javascript

Základy JavaScriptu

JavaScript je interpretovaný, dynamicky typovaný jazyk běžící v prohlížeči (i na serveru přes Node.js). Připojení k HTML:

<!-- Inline -->
<script>console.log('Hello');</script>
<!-- Externí soubor (doporučeno, umístit před </body>) -->
<script src="script.js"></script>

Proměnné

let x = 10; // mění se
const PI = 3.14; // konstantní
var stary = true; // starý způsob, nepoužívat

Podmínky a cykly

// Podmínky
if (x > 0) {
console.log('kladné');
} else if (x === 0) {
console.log('nula');
} else {
console.log('záporné');
}
// Cykly
for (let i = 0; i < 5; i++) { ... }
while (podminka) { ... }
// Pole – for...of
for (const item of pole) { ... }

Datové typy a pole

Typ	Příklad
number	`42`, `3.14`
string	`"ahoj"`, `šablona ${x}`
boolean	`true`, `false`
null / undefined	prázdná / neinicializovaná hodnota
object	`{ jmeno: "Jan", vek: 20 }`
array	`[1, 2, 3]`

Práce s polem

const arr = [3, 1, 4, 1, 5];
arr.push(9); // přidá na konec
arr.pop(); // odebere z konce
arr.sort((a, b) => a - b); // vzestupné řazení
arr.filter(x => x > 3); // [4, 5, 9]
arr.map(x => x * 2); // [6, 2, 8, ...]

Funkce

// Klasická funkce
function secti(a, b) {
return a + b;
}
// Anonymní funkce
const nasob = function(a, b) { return a * b; };
// Arrow funkce
const umocni = (x) => x ** 2;
// Callback
setTimeout(() => console.log('hotovo'), 1000);
[1,2,3].forEach(n => console.log(n)); // callback

Manipulace s DOM

DOM (Document Object Model) je stromová reprezentace HTML dostupná přes JS.

// Výběr elementů
const el = document.getElementById('mujDiv');
const els = document.querySelectorAll('.trida');
// Změna obsahu a stylu
el.textContent = 'Nový text';
el.classList.add('aktivni');
el.style.color = 'red';
// Události
el.addEventListener('click', () => {
alert('kliknuto!');
});
// Časovače
setTimeout(fn, 1000); // jednou za 1s
setInterval(fn, 1000); // opakovaně každou 1s

JSON a async/await

JSON

Textový formát pro výměnu dat (JavaScript Object Notation).

const json = '{"jmeno":"Jan","vek":20}';
const obj = JSON.parse(json); // string → objekt
const str = JSON.stringify(obj); // objekt → string

Fetch API (async/await)

async function nactiData() {
const res = await fetch('https://api.example.com/data');
const data = await res.json();
console.log(data);
}

Canvas a Node.js

Kreslení ve 2D canvasu

<canvas id="platno" width="400" height="300"></canvas>

const canvas = document.getElementById('platno');
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'blue';
ctx.fillRect(10, 10, 100, 50); // obdélník
ctx.beginPath();
ctx.arc(200, 150, 50, 0, Math.PI * 2); // kruh
ctx.fill();

Node.js

Prostředí pro spouštění JavaScriptu na serveru (mimo prohlížeč). Umožňuje psát webové servery, CLI nástroje a backendy v JS. Základem je událostní smyčka (event loop) a balíčkový manažer npm.

Kvíz

BETA

1 / 10

Co znamená zkratka NoSQL?

Která databáze je příkladem NoSQL dokumentové databáze?

Co jsou 3V Big Data?

Co je CRUD v kontextu databází?

Jaký datový formát MongoDB primárně používá?

Jaká je hlavní výhoda NoSQL databází oproti relačním?

Co je to agregace v MongoDB?

Jaký příkaz v MongoDB vloží nový dokument?

Co je to MapReduce?

Který typ NoSQL databáze ukládá data jako páry klíč-hodnota?