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:
- Angular – framwork od Google pro tvorbu webových aplikací
https://angular.dev/ - React – framework od Mety
https://react.dev/ - Vue.js – framework využívaný pro zobrazování dat
https://vuejs.org/ - Node.js – framework pro tvorbu webových aplikací
https://nodejs.org/en - Aurelia – framework pro tvorbu aplikací
https://aurelia.io/