O que é o ExtJS ?

O ExtJS é um framework de javascript, feito para criar aplicações na web. Com ele conseguimos criar interfaces que se parecem muito com aplicações desktop. Ele nos disponibiliza muitos componentes e funções que facilitam e muito a nossa vida.
Para se ter uma idéia de como trabalhar ( veja bem, uma idéia ! ) podemos comparar a criação de uma tela em ext com a criação de uma tela em GTK, onde vamos criando, adicionando e alinhando os itens da tela, tudo dentro de containers e layouts, mas com a facilidade de que podemos facilmente alterar seus CSS para mudar algo. Com o Ext podemos por exemplo criar uma aplicação voltada ao Adobe AIR, que roda localmente, uma aplicação completamente em Ext ou com inserido em nossa página, interagindo com nosso HTML.
Hoje, na versão 3.1, jah possui o Ext Designer bem desenvolvido, porém é pago, mas é muito bom. Ah, e falando em pago, a licença do Ext é Open-Source somente para projetos open-source, de resto se tem um preço para utilizá-lo, mas nada impede você de baixar, ler os manuais, a documentação e botar a mão na massa, sem nenhuma burocracia.

Bom, feita a primeira apresantação, vamos partir para o que interessa.

Primeiro, vamos falar um pouco de como integrar o ExtJS com sua aplicação.
O Ext trabalha muito com Ajax, de várias formas ele pode solicitar e enviar informações para um servidor web através de ajax, vejamos um exemplo:

// Um request básico
Ext.Ajax.request({
   url: 'foo.php',
   success: function(){
	  //acao a tomar...
   },
   failure: function(){
	  //acao a tomar...
   },
   headers: {
       'my-header': 'foo'
   },
   params: { foo: 'bar' }
});

// Simples envio de um formulário
Ext.Ajax.request({
    form: 'some-form',
    params: 'foo=bar'
});

No primeiro exemplo, montamos uma chamada ajax, enviando alguns parâmetros ( na propriedade: params ) e aguardamos um retorno, passando uma function na propriedade “success” que faz o que queremos, e se caso ocorrer alguma coisa errada, tratamos com a function na propriedade “failure”. Além de configurar-mos alguns cabeçalhos que serão enviados também, e obviamente para onde estamos enviando nossa requisição, na propriedade “url”.

Eu gosto muito de trabalhar assim com o Ajax, desta forma exemplificada acima, pois fico livre para enviar e aguardar dados da forma que eu quiser, apesar de ter alguns frameworks que integram as chamadas ajax com a linguagem escolhida, mas assim, dando uma engessada no negócio.

Outro detalhe importante: JSON !
Todo o ExtJS trabalha com Json ( mas não só JSON ), tanto para montar os objetos e componentes da tela, como para enviar dados para o servidor, e trabalhar com Json em tudo, primeiro padroniza todo o ambiente, e segundo, facilita muito a nossa vida, pois o Json é simples e muito completo. Com ele conseguimos criar muitos objetos e enviar vários tipos de dados. Então caso não conheça bem o json, dê uma olhada aqui: http://www.json.org/

Muitos objetos do Ext trabalham com dados remotos, ou seja, aguardam que o servidor envie os itens a serem mostrados na tela, como por exemplo: combos, grids, trees, e por ai vai… este exemplo acima é um exemplo de chamada ajax solta, no meio da página, que pode ser chamada de qualquer ponto, e para qualquer intuito, porém, nos componentes a chama do ajax é feita automaticamente pelos “Store” ! hehehe

Bom, outro ponto que acho muito importante também no Ext é o chamado “Store”. O Store é um objeto que age de forma a nos possibilitar ver e alterar muitos registros de dados que por nós foram definidos. É como se fosse um Recordset por exemplo, só que mais maleável. O Store pode estar ligado a um grid, combo, e outros componentes, e até solto, sem estar ligado a componente algum, e pode ter vários modos de leitura, como por exemplo: xml, json e um simples array de dados.

Para você ter uma idéia de como pode ficar bonita uma aplicação feita com o Ext, veja este link: http://www.extjs.com/deploy/dev/examples/forum/forum.html

Agora, alguns links para você poder saber mais:

Site oficial: http://www.extjs.com
Site de Exemplos: http://www.extjs.com/deploy/dev/examples/
Documentação:  http://www.extjs.com/deploy/dev/docs/

Feitas estar primeiras introduções sobre o Ext, fiquem no aguardo do proximo post sobre o Ext.
Até lá.

Related posts:

1. Spring Framework – A real framework !
2. Centralizar div em javascript
3. Debug em JavaScript

Mas nestes ultimos tempos andei me aventurando em duas outras formar de expressar minhas idéias ao meu computador: Shell Script e Python.
Com estas duas ferramentas em mão vi que muitas portas se abriram. Muitas facilidades chegaram juntamente com estas duas linguagens, principalmente o shell, utilizado por mim em larga escala no ambiente de integração contínua chamado Hudson. Fantástico !
Mas não bastando isto somente, resolvi me aprofundar um pouco mais e conhecer o ambiente de desenvolvimento web em python chamado Django.

Pronto !
Não preciso mais nada …
Faço tudo que quero em muito pouco tempo ! Aquela aplicação completa, segura, escalável e ainda por cima ágil também, sai em algumas poucas horas de trabalho !
O Django me trouxe, além de agilidade, motivação ! Isto mesmo… antes eu, com pouco tempo para disponibilizar para programas meu projetos em casa, agora, tenho mais tempo parece. Chego em casa, e em pouco tempo ando um monte. Abro o gedit, rodo o “./manage.py runserver” e abro o firefox, pronto, ambiente de pé, agora é mão na massa…
O mais fantástico do django, para mim até agora, é o sistema automatizado de criar uma administração para os sites. Ele cria um ambiente de gerenciamento dos dados das tabelas que pode ser customizado completamente (ou não) e só isto já auxilia em 40% do trabalho,no mínimo, fazendo com que você não perca tempo em montar telinhas de cadastro ! De resto, você se preocupa mais com a aparência real das views (js, css, etc..), com as views propriamente ditas, onde lemos e gravamos dados para o usuário final, e o funcionamento do seu banco de dados, que é muito importante, com suas models. A documentação é ligeiramente confusa, mas dá para entender a maioria das coisas, outras agente garimpa no codigo fonte mesmo ! hehehe
Fora, que para tudo isto funcionar, temos um motor V8 mandando bala: PYTHON !
Uma linguagem de programação que aprendi a gostar muito e apreciar todas as suas facilidades…

Bom, era isto, se você quiser trocar alguma idéia sobre python e django, estou disposto a aprender mais e a passar o pouco conhecimento que já tenho sobre este ambiente todo.

PS.: Não estou bravo, não estou xingando e nem triste com Java, aindo aprecio esta linguagem, mas como sempre falo: Não existe linguagem de programação ruim, só existe linguagem de programação mal aplicada !

Um abraço…
fui!

Related posts:

1. livros e python
2. Python… lendo como foi chamado o arquivo
3. Desenvolver… mas com quê ?

Eu sinceramente estou começando agora a aprender a trabalhar com Spring, mas já estou fascinado com tamanha produtividade oferecida por este fw.
E ainda mais quando entro no seu site, na seção de documentação e me deparo com uma documentação vasta, detalhada e muito bem organizada de
todas as suas funcionalidades e características ( http://static.springframework.org/spring/docs/2.5.x/reference/index.html ).

Na real, eu chequei até aqui através do aprendizado do JPA (Java Persistence API), e fiquei bem contente.

Agora, para complpetar o desenvolvimento de uma bela aplicação, basta aprender a programar o ext (http://www.extjs.com), uma biblioteca
java script que é muito completa, para objetos visuais, efeitos de páginas, ajax, e outras cositas mas !

Related posts:

1. Manipulação de Datas em Java