JavaScript 1

40. hodina WBA


Matěj Cajthaml — SSPŠ

©

Opakování

Proč patří digitální stopa do cenných informací?
Jak vytvoříme celostránkovou stránku?
Jakými způsoby můžeme odesílat data ve formulářích?
Jak vložíme obrázek do HTML?
Jaké hodnoty můžeme nastavit vlastnosti filter?

Opakování PVA

  • datový typ
    • číslo, typy čísel
    • char, string
    • pole, listy
    • objekty
  • proměnná

JavaScript

JavaScript

  • = dále také JS
  • skriptovací jazyk
  • vytvořen pro interakci na webových stránkách
  • např. při kliku na element se přidá další prvek

Skriptovací jazyk je jazyk, který je určen především k úprave již existujícího systému. JS je závislý na webových stránkách / prohlížeči.

Moderní JS již není závislý na prohlížeči a proto se mu dá říkat programovací jazyk. Pro nás je ale toto pojmenování nepřesné — používáme ho pro původní učely.

Historie JS

  • více jak 20 let starý jazyk
  • rychlý vývoj
  • velmi špatný začátek — problémy se valí do dnes
    • změnil se důvod existence
  • pletení s jménem programovacího jazyka Java
    • marketingový tah
Většina problému moderního JS stojí na zpětné kompatibilitě verzí. V dnešní době jsou tyto věci zastaralé a my se je nebudeme učit.

Rozdíly oproti jiným jazykům

  • při psaní JS je potřeba přemýšlet jinak
  • např. proměnným v JS nenastavujeme datové typy
  • data si můžeme ukládat jak chceme a je potřeba je často kontrolovat

JavaScript

  • vnitřně používá datové typy (nelze nastavit)
    • číslo (i s plovoucí čárkou)
    • text (string) — "text"
    • pole
    • funkce
    • objekt

Kód JS zapisujeme do speciálního tagu script v HTML. Tento tag vkládáme vždy jako poslední prvek tagu body.

Proč?

První verze (tj. script na konci body) je jediné správné odevzdání v úkolech. V ZP musí být JS ve vlastním souboru.

Na co se vám vůbec komentáře hodí?

Konzole

  • pracuje se s konzolí
  • jako v jiných jazycích
  • konzoli nalezneme v DevTools

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/