Date post: | 03-Jul-2015 |
Category: |
Education |
Upload: | tomas-hodbod |
View: | 446 times |
Download: | 2 times |
Moderní webové
aplikace1.část: FRONTEND
Tomas Hodbod
KLASICKÝ MODEL WEBOVÉ
APLIKACE
business logika
data
(get, validate, create, …)
šablony
vrací velký objem dat
SERVER CLIENT
odešle dotaz
vypíše odpověď
× velký počet klientů × 1
CO JE ŠPATNĚ?
server pracuje víc než musí
obrovský traffic
vysoké výdaje za provoz
nevhodné pro masivní aplikace
CLOUD VŠUDE KOLEM NÁS
moderní webové aplikace
MODERNÍ MODEL WEBOVÉ
APLIKACE
správa DB (validace)
vrací jen data (JSON,
XML)
SERVER CLIENT
odešle dotaz
načte šablony
načte data
zprocesuje business logiku
validuje data
vykreslí elementy
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
jQuery
CO TO JE?
javascriptový framework stejně jako:
Prototype
YUI
Dojo
mooTools
odladěný a optimalizovaný
crossbrowser
VZESTUP JQUERY
FILOZOFIE
Najdi element
a něco s ním udělej.
SELEKTORY
SETTER/GETTER
jedna funkce, mnoho způsobů použití
EVENTY
CHAINING
AJAX
CO JEŠTĚ?
animace
pluginy
sablony
jQuery UI
jQuery Mobile
BACKBONE.js
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
CO NENÍ BACKBONE.JS?
DOM (jQuery, Zepto)
animace
balík „vše v jednom“
MODEL
MODEL
MODEL
COLLECTION
VIEWS
CONTROLERS
PŘÍŠTĚ
server side – App Engine
funkční aplikace
Díky
Tomas Hodbod
@yomash
http://www.ffdigital.cz
http://i-w-s.eu