Opakování JavaScriptu 1

20. hodina MVOP WBF

Matěj Cajthaml — SSPŠ

©

JavaScript

  • skriptovací jazyk
  • pomocí Node.js začíná být programovacím
  • více jak 20 let starý
  • vytvořen pro webové stránky

Divné věci v JavaScriptu vytváří autor a používá zakázané konstrukce jazyka.

Zpětná kompabilita

  • většina divných věcí v JS zbyla po prvních verzí
  • zrušit zpětnou kompabilitu by bylo velmi těžké
  • JS se rozvijí a není potřeba tyto konstrukce používat
  • my se jim budeme vyhybat a nebudeme je používat

https://jsisweird.com

https://github.com/denysdovhan/wtfjs

JavaScript nemá nic společného s Javou.

Práce s JS

  • při programování se musí přemýšlet trošku jinak
  • jako všechny dovednosti — potřebuje čas a praxi
  • JS nepoužívá datové typy, pouze interně

Zápis

Zápis

  • ve stránce píšeme v tagu script jako poslední blok před ukončovacím tagem body
  • ve stránce můžeme importovat pomocí tagu script a atributu src
  • v konzolové řádce tvoříme pouze soubor, který spouštíme

Komentáře

Proměnné

Proměnné

  • způsob uložení dat
  • dva typy: konstanty a proměnné
  • vždy určujeme jméno
  • jméno: vždy anglicky, unikátní, přesné a s jasným významem

Za každým příkazem používáme středník. Že?

Příkaz vytvoření proměnné

  • klíčové slovo let

Během běhu můžeme měnit proměnným datový typ i jejich hodnotu.

Textovou hodnotu píšeme do uvozovek.

""

Hodnota undefined říká, že daná proměnná nemá určenou hodnotu.

Pravidost se v JS reprezentuje boolean hodnoty true a false.

Textové hodnoty

Práce s textovými hodnotami

  • hodnoty můžeme spojovat pomocí +
  • získat délku pomocí .length
  • znak pomocí charAt(k) na k-té pozici
  • zda obsahuje hodnotu pomocí .includes(str)
  • zvětšení písmen pomocí .toUpperCase()
  • zmenšení písmen pomocí .toLowerCase()
  • porovnat pomocí operátoru ==

Čísla

Práce s čísly

  • čísla můžeme sčítat (+), odečítat (-), dělit (/) a násobit (*)
  • porovnání pomocí ==, <, >, <=, >=

Větvení

Podmínky

  • zápis pomocí klíčového slova if
  • přijímá boolean hodnotu a pokud je platná, zavolá se příslušný blok
  • else if — nebo a pokud (lze používat neomezeně krát)
  • else — nebo, poslední část bloku

Pomocí console přistupujeme do konzole (jako v konz. řádce tak na webu).

Pomocí console.log(smth) vypíšeme něco do konzole. Existují další metody?

Počítačka kruhu

SPOLEČNÁ PRÁCE

Vytvoříme konzolový program pro výpočet obvodu a obsahu kruhu.

Kvadratické kořeny

SPOLEČNÁ PRÁCE

Vytvoříme konzolový program pro výpočet kořenů (má-li je) kvadratické rovnice.

Děkuji za pozornost!

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