Anunciando Ext JS 3.2 Beta – multi-ordenação, transições e campos compostos

Terça-feira feliz! (rs) Isso porque a equipe Ext disponibilizou o beta da sua nova versão 3.2. Foi feito muito sigilo sobre as novas implementações por isso estou muito surpreso com as novidades.

Estamos felizes de anunciar que a versão beta doExt JS 3.2 está publicamente disponível. 3.2 introduz um número excitante de novos componentes e adiciona grandes capacidades a sua aplicação já existente.

 Múltipla Ordenação

Agora é possível ter um DataStore ordenado por vários campos. Veja o exemplo do grid ordenado por múltiplas colunas!

Transições animadas em DataView

O componente para visualização de dados de um Store agora conta com poderosos recursos de transições animadas. Veja o exemplo 1 em que ao ordenar os registros eles se movimentam para seus novos lugares, e o exemplo 2 em que os itens desaparecem conforme um filtro é aplicado.

Campos compostos

Agora finalmente é possível agrupar um item de formulário ao lado do outro sem precisar fazer hacks com layout column.

new Ext.form.FormPanel({<br />
    items: [<br />
      {<br />
          xtype: 'compositefield',<br />
          fieldLabel: 'Full Name',<br />
          items: [<br />
              {xtype: 'textfield', name: 'title',     width: 40},<br />
              {xtype: 'textfield', name: 'firstName', flex : 1},<br />
              {xtype: 'textfield', name: 'lastName',  flex : 2}<br />
          ]<br />
      },<br />
      //the rest of your form goes here<br />
    ]<br />
});

E muito mais…

  • Plugins para Toolbar: ordenação de itens e drag ‘n drop com toolbar.
  • Novo tema: Acessibilidade
  • Qualidade comprovada: 180 correções e melhorias. A partir dessa nova versão a equipe está utilizando testes automatizados assegurando que o framework funcione perfeitamente a cada correção.
LinkedInDeliciousPinterestTumblrEmailShare

Ext Designer será pago. Pré-vendas já disponíveis.

É isso mesmo! Para surpresa dos membros da comunidade Ext foi anunciada a pré-venda do Ext Designer, o software para desenvolver aplicações Ext de maneira visual. Ainda não tenho mais detalhes a respeito, além das informações proveninentes do site oficial.

ext-designer-presale

Ext JS em seu início era um framework fundamentalmente livre, e as mudança em licenças geraram uma discussão gigante na comunidade, e ainda a desistência de diversos membros que a apoiavam. Em minha opinião essa é mais uma decisão que irá gerar boas discussões. Não tenho muitas informações, por isso também não tenho opinião formada. Aguardaremos os “grandes” do Ext se pronunciarem no fórum oficial. Até!

LinkedInDeliciousPinterestTumblrEmailShare

Nova versão do Ext JS: 3.1.1

Tive o prazer de abrir meu e-mail hoje pela manhã e receber um email da equipe Ext JS intitulado “Ext JS 3.1.1 Release‏”. A nova versão está aí!Não para revolucionar totalmente como ocorreu da 2.2 para a 3.0, mas para dar conformidade aos planos da equipe de lançar correções e pequenas melhorias de tempos em tempos. Abaixo extrai algumas alterações que julgo importante citar, para ver a lista completa consulte o Log de Alterações.

  • Alterado comportamento para que quando seja adicionado itens a um toolbar desabilitado, o item também fique desabilitado
  • Adicionada correção para cancelar evento quando a tecla ESC fizer uma janela Ext.Window fechar
  • Novo tema denominado “Access” promete melhor acessibilidade e é implementado em alguns exemplos
  • Ext.menu.Menu agora suporta propriedade zIndex
  • Adicionada constante para especificar a largura mínima de uma caixa de mensagem Ext.MessageBox
Download Ext JS 3.1.1

Download Ext JS 3.1.1

LinkedInDeliciousPinterestTumblrEmailShare

Até 2010!

Em primeiro lugar um feliz ano novo à todos os leitores do ExtDesenv. 2009 foi o ano do lançamento do site, e ficou marcado pra mim como uma ótima experiência! Isso tudo devido ao retorno da comunidade que sempre apoiou e demonstrou interesse pelo trabalho aqui desempenhado. Muito obrigado!

Estarei fora por um tempo, tirando umas merecidas férias. As novidades do ExtDesenv ainda não estão publicadas, mas posso dizer que a nova cara do site tá ficando bacana! Peço desculpas por não ter concluído a seção de cursos…fazê-los dá um trabalhão tremendo!

Um forte abraço e nos vemos em 2010! (:

LinkedInDeliciousPinterestTumblrEmailShare

Nova versão lançada: Ext JS 3.1

Otimizar: a palavra-chave da nova versão

Forma-se sempre uma expectativa muito grande quando a equipe Ext lança uma nova versão de seu framework. Dessa vez não foi diferente. A versão 3.1 é proclamada como a versão que “coloca a casa em ordem”. Segundo a equipe o framework inteiro foi varrido em busca de vazamentos de memórias e oportunidades de otimização. Em post oficial a equipe explica o que foi feito para melhorar a performance do framework: remover referências que permitiam vazamentos de memória, remover chamadas redundantes para gerenciar layout de componentes e refatorar o núcleo de eventos Ext.EventManager.

Novas extensões adicionadas

Também para satisfação geral da comunidade a equipe não deixou de adicionar novos componentes! São extensões já consagradas que agora estão sendo incluídas no framework. Notem que quando digo incluídas não quero dizer que agora são parte do arquivo ext-all.js. Esses fontes foram admitidos pela equipe Ext e agora são gerenciados por eles, mas o seu código não faz parte do arquivo ext-all.js. Ao invés disso eles estão na pasta ux dentro de examples. Isso evita que o tamanho do framework cresça e cresça cada dia mais.

As novas extensões são:

  • TreeGrid: permite ter um TreePanel com características de Grid
    TreeGrid

  • LockingGrid: excelente adição que permite congelar certas colunas enquanto usamos o scroll em outras.
    Grid-Locking
  • ColumnHeaderGroup: permite agrupar o cabeçalho das colunas de um grid.
    Grid-Column-Grouping

E mais…

A equipe ainda criou novos exemplos como um formulário utilizado o poderoso e ainda pouco usado layout vbox, um grid utilizando recursos de filtro e um outro formulário onde é possível editar as labels dos campos.

Não tive tempo de realizar muitos testes porque eu já quis logo republicar o anúncio da nova versão aqui no ExtDesenv. Em breve estarei realizando a atualização da versão anterior 3.0 para a nova em um sistema grande e posto qualquer eventual observação.

Forte abraço e até em breve!

LinkedInDeliciousPinterestTumblrEmailShare

Material de Estudo Ext JS 3.0: slides da Conferência 2009

A primeira conferência anual da comunidade Ext JS ocorreu em abril deste ano. Ela não foi oficialmente gravada (algum participante gravou?) mas teve uma bela cobertura no twitter, por participantes que ficaram minuto a minuto mantendo informados aqueles como eu que não puderam ir até Orlando, EUA. Parte desse material foi utilizado aqui no ExtDesenv inclusive: Cobertura parcial da Ext Conference

Acontece que essa semana estava eu navegando pelo fórum americano e encontrei um post do Abe Elias (Ext JS management team) disponibilizando links dos materiais e slides apresentados na conferência. Me desculpem a ignorância caso alguém já tivesse reparado, mas se vocês entrarem na agenda da conferência, notem um pequeno ícone em determinadas palestras.

ext-conference-link

Esse pequeno ícone é na verdade um link para o material da palestra (péssima divulgação por sinal). Estão disponíveis:

  • O que há de novo e como usá-lo – Ext JS 3.0

    Visão geral de tudo que foi feito de novo, e tudo o que foi melhorado na versão 3.0.

  • Ext JS e Adobe Air

    Perfeito para quem já ouviu falar que Ext tem suporte a Adobe Air, já teve vontade de fazer algum aplicativo para essa plataforma, mas não entende nada do assunto.

  • Introdução ao Ext Core

    O que é esse novo produto do Ext? Aborda características, exemplos e breve tutorial das principais funções

  • Refatoração

    Ótimas dicas de como refatorar sua aplicação, deixando o código mais limpo e com melhor arquitetura. Reforça a idéia divulgada aqui no ExtDesenv de que cada interface deve extender de um componente Ext, beneficiando-se do seu ciclo de vida.

  • Optimizando Performance

    Esse sem dúvida é o melhor de todos para mim. Os 10 mandamentos para fazer sua aplicação Ext muito mais rápida.

Eu ainda não tive tempo de ver todos, mas adianto que os slides são um ótimo material de estudo. Vale muito a pena dedicar um tempo diário para estudá-los. Forte abraço e até a próxima

LinkedInDeliciousPinterestTumblrEmailShare

Ext Designer Preview

Anunciado o mais novo preview do Ext Designer para deixar os membros da comunidade ainda mais ansiosos! Devo confessar que a cada lançamento de versão me surpreendo mais. Agora está presente as seguintes funcionalidades:

  • Duplicar componentes – é possível especificar uma coluna toda de um formulário, clicar em duplicar, e uma nova coluna idêntica será gerada logo ao lado
  • Transformar componentes – para criar um grid editável (EditorGrid) a partir de um grid normal (GridPanel) basta um click
  • Desfazer e Restaurar – Implementado o famoso ctrl-z para voltar um passo editado ou avançar
  • Filtro nas configurações – Para encontrar mais facilmente uma configuração em específico em meio a tantas outras foi criado um filtro
  • Atualização automática – O Designer verifica atualizações automaticamente e pergunta ao usuário se deseja baixar a versão mais recente
  • Screenshots – não seria bom desenhar uma tela, apertar no botão “imprimir tela” e ver um screenshot da aplicação?

Instalação

Eu já baixei e testei a aplicação. Quando baixei veio um arquivo .zip e eu esperava um .air. Me perdi um pouco na hora de instalar até que me deu a idéia de renomear o arquivo e executar. Funcionou beleza (: Para quem quiser ta aí a dica:

baixe a versão mais antiga do designer
Instale
Baixe a nova versão
Renomeie para .air
Instale

Não preciso comentar que você precisa ter o Adobe Air instalado, preciso?

Aos que não podem instalar, foi criado um vídeo mostrando todas as novidades do designer, vale muito a pena conferir no post oficial.

Novidades futuras

Integração com Extesões (UX)

Sim, está em desenvolvimento o suporte a extensões de todos os tipos (Componentes, Plugins e Layouts). Quando completarmos a infraestrutura do marketplace mais detalhes virão de como implementar sua própria extensão para o designer. Aaron Conran

Geração de código

Geração de código ainda não está disponível no designer. Isso virá na versão “Pro” que será lançada em um mês. Se você deseja dar uma olhada no que o código irá parecer:  http://www.extjs.com/forum/showthread.php?p=378242#post378242 Aaron Conran

É isso aí pessoal, a comunidade cresce cada vez mais, o framewok se torna ainda melhor! Nada mal ter uma aplicação para desenhar as telas hein? Até a próxima!

LinkedInDeliciousPinterestTumblrEmailShare

O maior portal de Ext JS do Brasil

É com muito prazer que eu anuncio a criação do ExtDesenv.com.br, o maior portal de Ext JS do Brasil. Há 6 meses atrás o extdesenv blog foi criado sob os domínios do blogspot. Já existia um excelente fórum, o ext js br, que conta com uma comunidade muito ativa, porém faltava um portal que abordasse o ext na forma de blog, foi para preencher essa necessidade que o ExtDesenv foi criado.

Hoje o ExtDesenv conta com domínio próprio e grandes planos pro futuro. O blog está com um visual muito melhor, contando com posts em destaques e diversas ferramentas que o wordpress proporciona. Além disso, existe a novidade da seção Cursos. Já está sendo criado um curso básico de Ext JS que até final do ano estará aparecendo por aqui, aguarde!

Agradeço o apoio de todos os leitores e prometo grandes publicações aqui no ExtDesenv! Até em breve!

LinkedInDeliciousPinterestTumblrEmailShare

Ext Designer Preview e post oficial

Anunciado ontem oficialmente o lançamento do Ext JS 3.0 no blog do framework. A equipe ressaltou a qualidade do trabalho e parabenizou a todos pelo excelente trabalho. Também anunciaram a criação de um monitorador de alterações, um commit log, que servirá para a comunidade interagir melhor com as novidades e correções do framework.

A equipe também se preocupa em melhor os processos internos da empresa, e por isso se compromote a realizar liberações a cada de 3 meses, e também correções semanais para usuários assinantes.

Anunciaram também a evolução do JSBuilder, para sua nova versão 2.0. Segundo eles a primeira versão era muito limitada e funcionava somente no Windows. Antes era preciso múltiplos arquivos jsb para montar o Ext, e agora o novo JSBuilder manipula 1 arquivo com as sub-divisões necessárias.

Mas sem dúvida o grande sucesso é o preview do Ext Designer. Essa ferramenta de desenvolvimento vem sendo comentada a meses, desde que Jack publicou um vídeo no fórum oficial. Desde então desenvolvedores aguardaram até hoje para testar a aplicação. Ainda não é a versão final mas já dá para se satisfazer com os recursos implementados.

Então é isso pessoal. Fica aqui a dica para entrar no blog e acompanhar os links com as novidades da 3.0. Até o próximo post!

LinkedInDeliciousPinterestTumblrEmailShare

MyWebJukebox: o winamp do Ext

Kamil Malinski criou um excelente exemplo do poder de desenvolvimento do Ext JS. Ele fez nada mais nada menos do que um mp3 player que roda diretamente do browser através do Ext, chamado MyWebJukebox. Li hoje seu post no fórum americano e estou repassando com exclusividade à vocês, leitores do extdesenv.

Exemplo e mais informações podem ser vistas no post oficial.

LinkedInDeliciousPinterestTumblrEmailShare