http://www.ffdigital.cz

1. Moderní webové aplikace1.část: FRONTEND Tomas Hodbod

2. KLASICKÝ MODEL WEBOVÉ APLIKACE SERVER CLIENT business logika data (get, validate, create, …) šablony vrací velký objem dat odešle dotaz vypíše odpověď × velký počet klientů × 1

3. CO JE ŠPATNĚ? server pracuje víc než musí obrovský traffic vysoké výdaje za provoz nevhodné pro masivní aplikace

4. CLOUD VŠUDE KOLEM NÁS moderní webové aplikace

5. MODERNÍ MODEL WEBOVÉ APLIKACE SERVER CLIENT správa DB (validace) vrací jen data (JSON, XML) odešle dotaz načte šablony načte data zprocesuje business logiku validuje data vykreslí elementy

6. V ČEM JE TO DOBRÉ? server zpracovává jen nezbytné (DB) minimalní traffic zátěž přebírá počítač klienta minimalizace nákladů na provoz

7. jQuery

8. CO TO JE? javascriptový framework stejně jako: Prototype YUI Dojo mooTools odladěný a optimalizovaný crossbrowser

9. VZESTUP JQUERY

10. FILOZOFIE Najdi element a něco s ním udělej.

11. SELEKTORY

12. SETTER/GETTER jedna funkce, mnoho způsobů použití

13. EVENTY

14. CHAINING

15. AJAX

16. CO JEŠTĚ? animace pluginy sablony jQuery UI jQuery Mobile

17. BACKBONE.js

18. CO JE BACKBONE.JS? jednoduchý MVC framework pro masivní JS APP malý < 7kb důraz na OO (také sémantika) vlastní eventy REST JSON trasování url spolupracuje s Underscore.js a jQuery SproutCore, Cappuccino

19. CO NENÍ BACKBONE.JS? DOM (jQuery, Zepto) animace balík „vše v jednom“

20. MODEL

21. MODEL

22. MODEL

23. COLLECTION

24. VIEWS

25. CONTROLERS

26. PŘÍŠTĚ server side – App Engine funkční aplikace

27. Díky Tomas Hodbod @yomash http://www.ffdigital.cz http://i-w-s.eu