O documento descreve o framework JavaScript Knockout.js, que utiliza o padrão MVVM e permite a criação de interfaces dinâmicas através de bindings declarativos e rastreamento de dependências entre propriedades observáveis. O framework é flexível e suporta múltiplos navegadores com tamanho pequeno.

1. Alberto Monteiro
http://blog.albertomonteiro.net.br
@aibertomonteiro
alberto.monteiro@live.com

2. INTRODUÇÃO
 Framework puro js
 Tamanho pequeno
 Suporte a varios browser

3. PRINCIPAIS CONCEITOS
 Bindings declarativos
 Rastreamento de dependência
 Flexível
 Padrão MVVM

4. PADRÃO MVVM
 Consiste em três partes
 Modelo: Define a estrutura de dados
 ViewModel: Modelo de UI
 View: Interface do usuário(UI)

5. BINDINGS DECLARATIVOS
 Usa atributo data-binding para se ligar ao model
 Bindings de visualização:
visible, text, html, css, style, attr, template
 Bindings de comportamento:
click, event, submit, enable, disable, value,
checked, options, selectionOptions,
uniqueName
 Compatível com versões antigas de HTML

6. RASTREAMENTO DE DEPENDÊNCIA
• Controla automaticamente a mudanças do
modelo
• Atulizada UI automaticamente
• Rastreamento feito através das
propriedades ‘observables’

7. PROPRIEDADE OBSERVABLE
 Inicializando propriedades
 As propriedades observables tem getters e setters

8. OBSERVABLE ARRAYS
 Knockout facilita trabalho com varias funções
 Suporta as funções nativas

9. VIEWMODEL
 Consistem em propriedades observables, variaves e funções

10. PROPRIEDADES COMPUTADAS(DEPENDETES)
 Dependem de outras propriedades
observables
 São sensiveis a alteração das outras
propriedades

11. FLEXÍVEL
 Criação de próprios bindings
 Possibilidade de estender observables

12. DEMO

13. DUVIDAS?
 http://www.knockoutjs.com/