Alberto Monteirohttp://blog.albertomonteiro.net.br@aibertomonteiroalberto.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: I...
BINDINGS DECLARATIVOS Usa atributo data-binding para se ligar ao model Bindings de visualização:     visible, text, html...
RASTREAMENTO DE DEPENDÊNCIA • Controla automaticamente a mudanças do   modelo • Atulizada UI automaticamente • Rastreament...
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  p...
FLEXÍVEL   Criação de próprios bindings   Possibilidade de estender observables
DEMO
DUVIDAS?   http://www.knockoutjs.com/
Upcoming SlideShare
Loading in...5
×

Ce JS 23 06-2012

1,328

Published on

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,328
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ce JS 23 06-2012

  1. 1. Alberto Monteirohttp://blog.albertomonteiro.net.br@aibertomonteiroalberto.monteiro@live.com
  2. 2. INTRODUÇÃO Framework puro js Tamanho pequeno Suporte a varios browser
  3. 3. PRINCIPAIS CONCEITOS Bindings declarativos Rastreamento de dependência Flexível Padrão MVVM
  4. 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. 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. 6. RASTREAMENTO DE DEPENDÊNCIA • Controla automaticamente a mudanças do modelo • Atulizada UI automaticamente • Rastreamento feito através das propriedades ‘observables’
  7. 7. PROPRIEDADE OBSERVABLE Inicializando propriedades As propriedades observables tem getters e setters
  8. 8. OBSERVABLE ARRAYS Knockout facilita trabalho com varias funções Suporta as funções nativas
  9. 9. VIEWMODEL Consistem em propriedades observables, variaves e funções
  10. 10. PROPRIEDADES COMPUTADAS(DEPENDETES) Dependem de outras propriedades observables São sensiveis a alteração das outras propriedades
  11. 11. FLEXÍVEL Criação de próprios bindings Possibilidade de estender observables
  12. 12. DEMO
  13. 13. DUVIDAS? http://www.knockoutjs.com/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×