Alberto Monteiro

http://blog.albertomonteiro.net.br

@aibertomonteiro

alberto.monteiro@live.com

INTRODUÇÃO

Framework puro js

Tamanho pequeno

Suporte a varios browser

PRINCIPAIS CONCEITOS

Bindings declarativos

Rastreamento de dependência

Flexível

Padrão MVVM

PADRÃO MVVM

Consiste em três partes

Modelo: Define a estrutura de dados

ViewModel: Modelo de UI

View: Interface do usuário(UI)

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

RASTREAMENTO DE DEPENDÊNCIA

• Controla automaticamente a mudanças do

modelo

• Atulizada UI automaticamente

• Rastreamento feito através das

propriedades ‘observables’

PROPRIEDADE OBSERVABLE

Inicializando propriedades

As propriedades observables tem getters e setters

OBSERVABLE ARRAYS

Knockout facilita trabalho com varias funções

Suporta as funções nativas

VIEWMODEL

Consistem em propriedades observables, variaves e funções

PROPRIEDADES COMPUTADAS(DEPENDETES)

Dependem de outras propriedades

observables

São sensiveis a alteração das outras

propriedades

FLEXÍVEL

Criação de próprios bindings

Possibilidade de estender observables

DEMO

DUVIDAS?

http://www.knockoutjs.com/