Dominando Sencha Ext JS 6

Dominando Sencha Ext JS 6

 

  1. Introdução
  • Sobre a Sencha
  • Introdução ao SPA
  • A concorrência de frameworks
  • Porquê Ext JS?
  • O que há de novo no Ext JS 6
  • Comparativo de versões
  • Por onde e como começar
  1. Ext JS 6 – A união entre Ext JS e Sencha Touch
  • História
  • Pequenos passos
  • Benefícios
  • O tema Triton
  • Toolkits (A mesclagem)
  • Navegadores suportados
  • Licença
  1. Conceitos fundamentais
  • O sistema de classes
    • Convenção de nomes
    • Xtype e Alias
    • Configurações, statics, singleton
    • Definição de classes (herança, mixins, getters, setters, etc.)
    • Estendendo classes
    • Carregamento de classes (Loader)
    • Criando objetos de classes
    • Namespace Ext.

Helpers

  • O sistema de Layouts
    • Absolute
    • Accordion
    • Anchor
    • Border
    • Card
    • Center
    • Column
    • Form
    • Fit
    • Hbox
    • Table
    • Vhox

 

  • O pacote de dados (Ext Data Package)
    • Model
    • Store
    • Proxy
    • Reader
    • Writer
    • Associations
    • Identifiers
    • Validations
    • Ajax
    • Session
    • Sorters e Filters
  • Drad and drop
  • Eventos
  • Promises
  • Sencha Templates
  • Manipulação de DOM

 

  1. Componentes
  • Introdução
  • Grid
  • Tree
  • TreeList
  • Form
  • Fields
  • Menu
  • Toolbar
  • Pivot Grid
  • Dataview
  • Tabs
  • Window
  • Button
  • Component query
  • Sparkline
  • Plugins
  1. Gráficos
  • Introdução ao pacote sencha-charts
  • Tipos de gráficos
  • Criando temas para gráficos
  • Series
  • Eixos
  1. Estrutura de aplicação
  • Workspace
  • Tipos de aplicações
    • Universal
    • Classic
    • Modern
  • Estrutura de diretórios
  • Microloader
  • Conhecendo o arquivo app.json
  • MVC
  • MVVM
  • View Model
  • View Controller
  • Data Binding
  • Routing
  • Sencha Packages
  • UX
  • Localização

 

  1. Trabalhando com Temas e Design responsivo
  • Introdução ao Sass
  • Criando temas
  • Criando UI (estilos customizados para componentes)
  • Aplicando a UI
  • Sencha Fashion
  • Font Packages
  • Font-Awesome
  • Criando layouts responsivos
  1. Ferramentas e Produtividade
  • Sencha CMD
  • Sencha Fiddle
  • Sencha JetBrain Plugin
  • Sencha Architect

Chrome Console

  • Documentação API
  • Guia do Usuário
  • Exemplos oficiais
  • Comunidade
  1. Melhores práticas
  • Top 10 práticas que devem ser evitadas
  • Overrides e Patches
  • Declarative listeners
  • Integrando Ext JS com ferramentas de terceiros
  • Atualizando aplicações
  • Criando builds de produção
  • Benefícios
  • Tipos de build (development, testing, production, native)
  • Usando cache
  • Fazendo build
  • Build nativas usando Phonegap e Cordova
  • Ext JS 6 na prática
  • Criando uma aplicação universal