KnockoutJSMVVM na web para simplificar seu código de UI

Alberto Monteiroalberto.monteiro@live.comhttp://github.com/albertomonteiro

Alberto Monteiro• Especialista C#/.NET• Desenvolvedor há 5 anos• Arquiteto de Software na Fortes

Informática• @aibertomonteiro• alberto.monteiro@live.com• http://blog.albertomonteiro.net.br/• http://github.com/albertomonteiro

Conceitos chaves

Bindings declarativos

Fácil associação do elementos do DOM

com seu modelo

UI refresh automático

Quando seu modelo muda, sua UI atualiza

automaticamente

Rastreamento de dependência

Atualização de UI de acordo com a mudança

do seu objeto

TemplatesEngine de templates

built-in.

Knockout

• Open source• Puro javascript• Pequeno• Sem dependências• Ótima documentação• Suporte a vários browsers

Knockout

MVVM – Model View View Model

TodoMVC

TodoMVC

Demo

Bindings – Campos de formularios

value

click

submit

enable/disable

checked

options/selectedOptions

event

textInput/hasFocus

Bindings – Controle de fluxo

foreach

if

ifnot

with

component/custom tags

Bindings – Controlando texto e aparência

text

attr

css

visible

html

style

Custom bindings

Extenders

Subscribe