Successfully reported this slideshow.

Ce JS 23 06-2012

1,519 views

Published on

Published in: Self Improvement
  • Be the first to comment

  • Be the first to like this

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/

×