SenchaTouch2 vs JqueryMobile, qual o melhor?
Autor: Diogo Machado | Publicado: 2013-01-10T07:48:00-08:00




Uma pergunta difícil de responder é quem ganha, SenchaTouch2 ou JqueryMobile? Assim como no mundo da programação existem aquelas brigas de qual linguagem é melhor, de qual é mais rápida e afins, o que importa mesmo é o cliente final, é a pessoa que usa e gosta do que viu e utilizou, por isso, neste post vou abordar questões boas e ruins de cada uma dessas frameworks.



Maturidade, Histórico e Licensa


JQuery Mobile

Primeiro Alpha lançado em Outubro de 2010
jQuery Mobile 1.2.1 foi lançado no mês de Dezembro de 2012
Todo baseado no Jquery, o mais popular, difundido, e fácil de aprender com grande suporte da comunidade.
GPL e MIT License


Sencha Touch

Primeiro Beta lançado em Julho de 2010
Versão 2.0 saiu em 6 de Março de 2012 e está muito mais facil de usar.
Todo baseado em ext.js 4, que teve algumas divergencias da comunidade em quanto a direção que iria se levar.
ext.js e Sencha Touch são ambos de código aberto, mas eles também possuem uma licença comercial.
Tem uma GPL ou uma licensa livre para uso comercial.
Há uma licensa SDK paga.





Curva de aprendizado

Quando falamos na curva de aprendizado, queremos dizer obviamente na velocidade que uma pessoa consegue ler a documentação da ferramenta e já conseguir começar a desenvolver aplicações de teste.&nbsp;

Neste ponto, na minha opinião, o JqueryMobile se mostrou mais fácil, quanto a implementação, porque ele usa uma linguagem totalmente baseada no HTML5, ou seja, marcações HTML que vão ser renderizadas na UI da framework, isso de fato é bastante fácil de aprender, e você pode conferir também alguns exemplos no site oficial&nbsp;http://jquerymobile.com/demos/1.2.0/, porém, a ferramente não possui uma documentação tão completa quanto a da SenchaTouch, em contra partida a simplicidade da documentação mostra o quão fácil é para começar a desenvolver, mas isso será o próximo tópico.



Documentação


jQuery Mobile
jQuery Mobile Documentation

Código explicado na página com exemplo.
Fóruns bastante decentes.
Boa informação e ajuda da comunidade, bons sites e livros.



Sencha Touch
Sencha Touch Documentation

Documentação está muito mais organizada que a Jquery com videos e exemplos, e pesquisa por funcionalidades
Foruns ativos, porém muito mais perguntas do que respostas
Algumas opções terceirizadas de apoio
Opção de suporte comercial



Como já dito, a documentação do SenchaTouch2 é muito completa, ponto para a framework, mas a da JqueryMobile não deixa a desejar também, apesar de ser mais simples e enxuta



Velocidade


jQuery Mobile

Está ficando mais rápido à cada iteração, mais ainda peca em algumas animações
O navegador pode apresentar lentidões nas transições de páginas
Menos problemas usando Chrome para Android
É preciso carregar a biblioteca Jquery inteira


Sencha Touch

Carregar a aplicação pode ser um pouco lento
Uma vez carregado, ele é rápido, o tempo inicial de carregamento que pode ser lento
As vezes, parece mais rápido que aplicativos nativos
Coisas como sliders e outras animações são muito mais suave do que o jQuery em muitos dos casos




Imparcial, nos dois frameworks podem apresentar certas lentidões em alguns momentos, mas um ponto crítico encontrado no JqueryMobile foi a navegação, as transições se mostraram lentas se comparado com a da Sencha.


Elementos de Interface /UI


jQuery Mobile

Usa estruturação em cima dos padrões do HTML5 e CSS3, não usa quase nada de imagens para UI
Boa aparência para botões, barras com slide e transições
Demo
Galeria de apps



Sencha Touch

Excelente para jogos, gráficos e UIs bem detalhadas
Suporte a tela de retina, tecnologia Apple
Suporta Raphael, uma biblioteca incrível para SVG
Como dito, gráficos incríveis, boa fluidez.
Usa Javascript em vez de HTML para layout, por isso pode ser um pouco mais flexível.
Demo de um jogo
Exemplos




O SenchaTouch possui elementos mais bem definidos, e agora a versão 2.1.0 possui suporte à tela retina


Ponto para SenchaTouch pela qualidade da UI, realmente em nossos testes, a UI se mostrou superior em vários aspectos.


Suporte

Aparelhos suportados


jQuery Mobile

Compatibilidade grande com larga escala de navegadores, incluindo windows phone, bada e outros
Pode ser utilizado para trabalhar com desenvolvimento &nbsp;Windows 8 UI



Sencha Touch

Apenas trabalha com WebKit (sem suporte Windows Phone)
Planos para suportar windows phone estão sendo cogitados, porém isso pode significar grande modificações




Ponto para JqueryMobile pela interoperabilidade.




Extensões, Plugins e Comunidade


jQuery Mobile

Extensõs de terceiros produzidos pela comunidade ativa.
Extenções são fáceis de produzir
Pode ser usado com sistema de layout responsivo 960.gs ou mesmo com twitter bootstrap



Sencha Touch

Muito fechado até agora, complicado para integrar plugins e extenções.



Ponto para JqueryMobile pela facilidade em criar plugins, integração e comunidade ativa.






Qual dos dois integrar com Phonegap?

Bom, essa é uma questão também polêmica, mas vamos deixar nossa opinião:



Bom, o SenchaTouch apesar da curva de aprendizado ser maior, possui uma interface muito robusta, com suporte a tela de retina, e gráficos bem fluidos, o que dá para brincar legal integrando com as funcionalidades nativas que o Phonegap acessa. É aquela questão, você vai ter que determinar isso de acordo com o projeto que pegar, com a equipe que for trabalhar, e com o proposito que aplicação vai ter, fazendo uma projeção para o futuro.









Referências:



http://css.dzone.com/articles/sencha-touch-v-jquery-mobile

http://jquerymobile.com

http://www.sencha.com/products/touch/

http://phonegap.com