Your SlideShare is downloading. ×
jQuery: full frontal
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

jQuery: full frontal

2,409
views

Published on

Konference Javascript Frameworks Conference 2013.

Konference Javascript Frameworks Conference 2013.

Published in: Technology

1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,409
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • majgreit
  • Transcript

    • 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.