moderni webapp - frontend

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