Konference Javascript Frameworks Conference 2013.

1. David Grudl

2. jQuery je skvěl{ low-level knihovna, nikoliv
framework, nad kterým by šlo stavět aplikace.
Spoustu věcí tak musíte řešit sami.

3. Funkce $ slouží k vytvoření jQuery objektu, který
reprezentuje neměnné pole DOM elementů.

4. $ je z{roveň „modul“ obsahující řadu
užitečných funkcí.

5. Verze 2.0 je funkčně totožn{ s verzí 1.9,
nem{ však podporu pro IE < 9.

6. Bublání
Ud{losti (např. kliknutí) se vyvol{vají nejen na
cílovém elementu, ale i na všech jeho rodičích.
Využijme toho při navěšov{ní handlerů:
Místo:
$('a.confirm').on('click', function(e) { … } )
Použijeme:
$('body').on('click', 'a.confirm', function(e) { … } )

7. Loading hell
Ideálem je načítat pouze jeden
JavaScriptový soubor…

8. Ztráta 100 ms
…a element <script> umístit na
konec stránky nebo použít
atribut defer či async.

9. document-ready
Co když jsou v kódu
roztroušené $(func) ?

10. document-ready
alternativně
Tak můžeme chov{ní emulovat.

11. Callback hell
Nedovolte kódu se moc zanořovat.

12. Cesta ven
Řešením je
rozdělení do
metod a využití
Promise patternu.

13. Paralelní světy
Zpracov{ní souběžně
běžících požadavků.

14. Takové to domácí čekání
Do podoby Promise lze
převést i setTimeout()

15. Plugin hell
Pluginy podle jQuery jsou
anti-pattern.

16. Plugin WTF?!?
Pluginy podle jQuery jsou
anti-pattern.

17. jQuery nem{ podporu tříd nebo modelu. Přesto
model vytv{řejte a jQuery použijte jen pro jeho
projekci do webové stránky.