Knihovny JS


Javascript – objektově orientovaný jazyk

  • pracuje s objekty (proměnnými), což jsou instance (kopie) tříd (vzorů), pomocí jména instance (id) nastavuje jejich vlastnosti, nebo určuje jejich chování (používá metody objektů)
  • není samostatně stojící (nemá vlastní spouštěč)
  • spouštíme ho přes webový prohlížeč (nebo jiný program např. Acrobat reader)
  • můžeme ho psát do souboru.js, který připojíme v headu stránky přes
<script src="soubor.js"></src>

Knihovna JS

  • je textový soubor s koncovkou .js
  • prohlížeč si tuto knihovnu načte, když narazí na tag script, kde je připojená
  • potom ji můžeme používat kdekoliv ve scriptu „pod ní“ (sekvence)
  • poznámky v knihovně píšeme jako  //  nebo /*  */
  • tento soubor může být uložený ve složce nebo jinde na webu
// na stejném serveru (ve stejné složce jako html soubor): 
<script src="soubor.js"></script>

// na stejném serveru (ve jiné složce než html soubor)
<script src="galerie/soubor.js"></script>

//na webu:    
<script src="http://www.skripty.cz/galerie/soubor.js"></script>

K čemu se knihovny používají:

  • k zjednodušení kódu
  • zrychlení práce (nemusíme to psát sami)
  • vizualizace dat (grafy, mapy, tabulky)
  • manipulace s DOM (document object model) (úprava okna, hlavních prvků)
  • zpracování dat (formuláře, generování dat)
  • k práci s databází (uklání, čtení, editování dat)
  • animace (interaktivní prvky webu)
  • vizuální efekty
  • fonty
  • matematické úlohy
  • UI (user interface)

Knihovna vs. framework

knihovna – bloky kódu, které můžeme použít. Knihovna obvykle doplňuje námi vytvořený vzhled webu

framework – nastavuje celou kostru stránky. Obvykle doplňujeme jen samotný obsah stránky, rozložení, zobrazení a někdy i styly tvoří framework

Nejnámější knihovny:

  • JQuery – využívá CSS selektory pro označený objektů, zjednodušuje práci s objekty a funkcemi, nabízí různé vizuální efekty
  • Three.js – knihovna pro práci s 3d modely
  • p5.js – knihovna vytvořená pro vizualizaci podle jazyku Processing

Nejznámější free open-source frameworky:

, ,