Ext JS por onde começar

Olá meu caro leitor(a), nesse post eu irei colocar algumas dicas para quem está iniciando ou para quem já iniciou seus estudos/desenvolvimento com o framework Ext JS da Sencha.

Sei que muitos que irão ler esse post sentem ou sentiram alguma dificuldade quanto iniciaram com o framework e isso meus caros(as)  leitores(as) é algo muito comum, pois o framework é extenso e geralmente há mais de uma maneira de se chegar no mesmo resultado e essa é uma das principais dúvidas que vejo nós fóruns onde muitos se questionam “será que essa forma é a correta”?

Então tentarei deixar para vocês aqui nesse post o caminho das pedras para aqueles que querem ter um norte de onde devem começar ou como podem se atualizar.

Um pouco da minha história com Ext JS

Em meados de 2007 eu iniciei os meus estudo para tentar ver se conseguia entender e utilizar o framework que na época estava na versão 2.x, porém o início dos meus estudos foram um tanto quanto frustrantes pelo fato dos meus conhecimentos na área de desenvolvimento serem limitados, pois não tinha muito conhecimento em POO (Programação Orientada a Objetos), POE (Programação Orientada a Eventos) e meus conhecimentos com a linguagem JavaScript se limitava a um alerta na tela e validação de formulários HTML. ;(

Mesmo com tanta coisa contra, antes de jogar a toalha resolvi que tinha que aprender muito ao invés de imergir nos estudos com Ext JS, daí após dois anos voltei para meus estudos com o framework que já estava na versão 3.x, que teve algumas mudanças com relação a versão anterior, porém como estava praticamente começando do zero não fazia tanta diferença para mim.

Após algum tempo de estudos, criação de alguns laboratórios e muitos erros, consegui entender como as coisas funcionam. O grande mérito disso se deu pelo fato de ter melhorado os meus conhecimentos, principalmente na linguagem JavaScript. Uma outra parte desse mérito pode ser dada pela minha participação na comunidade brasileira sobre o framework, pois enquanto eu participava tentando ajudar a sanar a dúvidas dos outros membros eu também aprendia mais sobre o framework.

Estude JavaScript

Com certeza esse é um ponto em que muitos dos desenvolvedores que utilizam o framework irão lhe falar para começar. De forma geral muitas das dúvidas que vemos nos fóruns se dão pelo fato de muitos desconhecerem a linguagem JavaScript.

Há varias cursos, tutorias e vídeos na Internet que podem lhe ajudar a melhorar o seu conhecimento na linguagem, porém como não é o intuito desse post, não irei colocar links de referência. Se você não se sente seguro na linguagem base do framework, o primeiro passo é dar um passo para trás e aprender mais sobre ela.

Essa dica vale para qualquer framework que você irá utilizar independente da linguagem, pois para utilizarmos algo devemos pelo menos saber como as coisas podem estar acontecendo debaixo dos panos, ou seja, devemos ter o domínio da linguagem base do framework a fim de termos discernimento para sabermos como as coisas podem estar funcionando e também para futuras frustrações ao encontrar um erro, porque assim com o entendimento da linguagem pode se tornar mais fácil achar a solução do problema.

Use e abuse da documentação

Parafraseando a Loiane Groner, “A documentação é a sua melhor amiga”.

Geralmente a documentação que dita como será a facilidade de se aprender e/ou entender o framework e esse é um ponto onde o pessoal da Sencha sempre acertou (minha opinião), pois a sua documentação é rica em informações.

Abaixo irei colocar alguns links retirados da documentação do Ext JS (versão 6.x) que poderá lhe ajudar a aprender sobre o framework.

Sencha Ext JS Guides: se estás começando um excelente caminho das pedras seria o guia que existe na documentação. Esse guia é dividido em oito módulos  que lhe darão uma boa visão do framework como a instalação/configuração, o sistema de classes (Class system), os componentes, pacotes de dados (Data Package) que recomendo a leitura, entre outros tópicos.

Basic of OOP: como já tinha mencionado, o desenvolvimento com o Ext JS se dá pela programação orientada a objetos (POO) e como JavaScript utiliza um modelo de orientação a objetos baseado em protótipos o pessoal da Sencha desenvolveu o framework utilizando os conceitos de POO e assim criando o seu class system de forma que possamos utilizar todos os conceitos de orientação a objetos de forma mais parecida como as linguagens de auto nível utilizam. Sendo assim esse tópico da documentação irá lhe dar um overview de como é a POO no ambiente Sencha.

Create a Sample Login App: esse link é referente ao um tutorial onde será criado uma aplicação com uma tela de autenticação. Porém se atentem que esse exemplo é referente ao toolkit classic (browser em desktops), pois muitos confundem e também pensam que essa aplicação irá funcionar para aplicações do toolkit modern (dispositivos móveis). Nesse tutorial você poderá utilizar os conhecimentos obtidos no guia como a utilização da arquitetura MVVM, criação de classes, relacionamento entre View e ViewController, entre outros pontos. Se você já viu a parte base dos guias eu lhe indico fazer esse tutorial que é bem simples e sucinto, pois assim você conseguirá assimilar as coisas.

Sencha examples: a Sencha disponibiliza vários exemplos demonstrando a utilização dos componentes, classes e as arquiteturas do framework, alguns desses exemplos são bem completos e também complexos para iniciantes como o Kitchen Sink, mas já ajuda a entender a utilizar vários componentes, classes. Esse exemplo é um excelente material de estudos, mas será necessário um bom entendimento do framework e da arquitetura MVVM, porém não é impossível similar a aplicação. Esses exemplos também estão disponíveis no sdk do framework, assim dá para ver o código fonte ficando mais fácil estudar a implementação do exemplo.

Api Documentation toolkit classic e modern: por último e não menos importante, a documentação em si do framework. Na versão 6.x há dois tipos de documentação que é separado por toolkit classic e modern, porém a pesquisa pode ser realizada tanto para as classes de ambos toolkits ou somente para o toolkit que deseja.
O melhor ponto da documentação é que o código fonte das classes estão lá para seu uso e fruto, assim podendo ser analisado o seu código como por exemplo, a implementação dos seus métodos. A imagem abaixo demonstra o link disponível para acessar o método “isValid” da classe Ext.form.Panel.

form

Analisar as implementações do framework irá lhe ajudar a entender melhor sobre como funcionam as coisas e também a melhorar o seus conhecimentos da linguagem JavaScript, pois algumas implementação demonstram a utilização de recursos da linguagem que as vezes não tínhamos conhecimento.

A documentação é rica em informações e tudo está disponível para nós, somente temos que ter paciência para entender como as coisas funcionam e assim similar as informações, então gaste um tempo lendo a documentação e quando for utilizar uma classe dê uma olhada em suas propriedades, métodos, eventos que desta forma, gradativamente você irá assimilar as propriedades e métodos mais apropriados para aplicar nas classes que você mais utiliza.

Faça um curso sobre Ext JS

Treinamentos Sencha: a Sencha disponibiliza alguns treinamentos pagos que são bem completos e também bem caros, porém abrange os produtos da empresa.

Curso Ext JS 4: esse é um curso em português e free ministrado pela Loiane Groner. Esse curso foi elaborado para a versão 4.x do framework, porém ele dá uma boa base sobre o Ext JS. Se você está iniciando ou já conhece o framework, porém ainda tem dúvidas de como funcionam as coisas esse curso é para você.

Dominando Sencha Ext JS 6: a empresa Novanti Tecnologia e Consultoria possui um curso com foco na versão 6.x do framework que é ministrado pelo Wermerson Januário. É um curso pago, porém o conteúdo ministrado irá lhe dar uma bagagem completa do framework e também um know how como boas práticas no desenvolvimento de sistemas com Ext JS. O curso pode ser feito In Company or pelo Skype. Se você esta iniciando ou está querendo evoluir seus conhecimentos do framework, eu lhe indico esse curso.

Seja ativo nos fóruns

Participar nos fóruns pode lhe ajudar a evoluir os seus conhecimentos (assim como me ajudou). Existem alguns fóruns sobre Ext JS eu recomento dois o Ext JS BR que é a nossa comunidade brasileira e outro fórum seria o oficial da Sencha que é bem mais ativo, pois há algumas pessoas que trabalham no suporte da Sencha ajudam a sanar as dúvidas no fórum e também a quantidade de membros ativos é bem maior.

Os dois fóruns são excelentes, já possuem algumas dicas, exemplos e principalmente dúvidas sanadas, porém o mais importante é participar e uma das principais formas seriam postando exemplos do que você aprendeu, dicas e/ou tutoriais sobre o framework e também suas dúvidas, pois futuramente outros membros podem passar pelo mesmo problema que você.

Faça um laboratório

Assim como os cientistas uma boa forma de entender as coisas é realizando testes que as vezes podem ser frustrantes, mas quando são assertivos ai temos o conhecimento para evoluir.

Geralmente crio laboratórios que são pequenos projetos para similar os meus conhecimentos no framework e isso me ajuda bastante, pois um laboratório nada mais é que um bom lugar para tentarmos construir algo, porém as vezes acontece de errarmos, mas é assim que conseguimos chegar nos acertos.

Então crie um pequeno projeto e comece a utilizar o framework, não se preocupe no início de ser assertivo ou até mesmo em fazer tudo perfeito, pois refatoração é dos passos de uma boa prática de programação e isso lhe irá fazer um desenvolvedor melhor.

Com um laboratório criado comece a evoluir ele, veja o que tem na documentação que você não está utilizando e assim implemente no seu laboratório, faça dele a sua escola para evoluir os seus conhecimento e lembre-se que quando tiver algo novo um bom laboratório pode lhe ajudar a entender melhor a implementação.

Ufa acho que é isso ai, tentei colocar para vocês algumas das dicas que eu vejo que podem lhe ajudar em seu desenvolvimento utilizando Ext JS e sei que é bastante conteúdo para se estudar e isso demanda um bom tempo de aprendizado, mas não desista e nem desanime, tente traçar um plano de estudo e focar no seu objetivo.

Muitos deixaram de lado a utilização do framework pela sua complexidade e eu sei que a curva de aprendizado é não é pequena, mas se fosse fácil não daríamos tanto valor assim.

Espero que tenha lhe ajudado com esse post e se tiver alguma dica ou sugestão por favor deixe o seu comentário.

Agradeço a leitura e até o próximo.

Legolas.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s