Screencast: Sencha Architect 2 e ExtJS 4 com MVC
Oi Pessoal,
Recentemente tive a oportunidade de participar de um projeto ExtJS 4 usando a ferramenta da Sencha que é o Sencha Architect 2. Eu já tinha usado logo nas primeiras versões essa ferramenta e não tinha gostado. Mas agora que a Sencha reformulou ficou muito show.
Eu também só tinha feito alguns exemplos para testar a ferramenta, mas a experiência de desenvolver um projeto completo com o SA2 foi totalmente diferente. Eu sempre gostei de fazer todo o código na mão, mas mudei totalmente de opinião depois de usar o SA2 e agora fiquei viciada (e mal acostumada! rs).
Bem, o screencast de hoje é uma resenha sobre a ferramenta e aproveito para construir um exemplo bem básico com vocês para poderem sentir como é usar essa ferramenta.
Aumentou muito a minha produtividade, mas confesso que certas coisas o SA2 ainda deixa muito a desejar, como o suporte a plugins. Mas existem workarounds que não afetam o projeto e dá pra usar sim. No geral, minha nota final para a ferramenta é 8 só por causa desses detalhes. Ainda assim, acho que se você tem uma empresa e trabalha muito com ExtJS 4 ou Sencha Touch 2, vale o investimento de US$ 400 obamas.
Bem, segue o vídeo e espero que gostem:
Vimeo: http://vimeo.com/loiane/sencha-architect2-extjs4
YouTube: em breve
Código do projeto do screencast: https://github.com/loiane/sencha-architect2-extjs4-simplegrid
Até o próximo screencast! 
Parabéns pelo screencast! Espero que tenha público para que você faça mais alguns posts.
Eu também já havia usado o Ext Designer e não tinha gostado. Agora, com esse lançamento da senhca e o seu screencast, mudei de opinião.
Abraço.
Show o Sreencast, achei bem interessante a ferramenta, uso o Flash Builder para desenvolver mais acho que agora ele morre de vez… kkkk, pois no meu caso a única coisa que me prendia a ele era a ferramenta visual que permite a criação rápida assim como o Sencha Architect 2 agora faz, a tendência é que melhore a medida em que ganhe mais adeptos.
Continuarei a fazer o curso ExtJS 4 para poder até mesmo explorar melhor a ferramenta e claro saber o que estou fazendo.
Muito legal o trabalho que vem fazendo, muito obrigado e novamente, parabéns!!!
Abraço
Parabéns pelo screencast, já havia baixado a ferramenta, mas com seu screencast, entendi melhor o uso da ferramenta.
Acompanho seu blog, sempre !
Ótima apresentação do programa.
Para quem tem um aplicativo já pronto ou que queira usar um exemplo existente na documentação da sencha, o programa consegue importar/reconhecer? Ou é possível apenas começar do zero?
ex: Eu gostei de um exemplo Desktop da documentação sencha e gostaria de trabalhar com ele. Posso importar o projeto dentro do architect?
Oi Tiago,
Por enquanto é possível começar apenas do zero. A ferramenta não faz import ainda.
[]‘s
Loiane muito bom! Quando tiver um tempinho faça um screencast sobre trabalha com layout (Complex) com Architect. Colocando links para abrir nas regioes. Parabéns. Abraço
Parabéns, a ferramenta é excelente (você sabe que sou suspeito pois adoro as ferramentas da Sencha), o Sencha Designer foi o início e o SA2 vem para complementar muitos problemas encontrados antes mas a evolução continua e não me arrependo de ter investido nesta ferramenta que está ajudando muito nossos projetos. Abraços.
Excelente, estou realmente com a ideia de comprar esse programa mesmo, apesar de caro, mas vejo que ta valendo a pena, vou apenas esperar próximo projeto e já vou usa-lo.
Continua com os screencast, próximo você pode pegar os eventos de botoes.. algo assim..
Ate mais.
Show de bola Loiane, SA2 realmente parece que agiliza mto o desenvolvimento pra quem ja domina do ExtJS4 e MVC
Abraço
Ótimo Loiane,
Compramos esta ferramenta, mas estava com dúvida a repeito da produtividade que teríamos trabalhando com ela, porém, após este screencast fico mais tranquilo, ainda mais que veio de você os elogios para a ferramenta. Claro que falta muita coisa ainda pra que possamos ficar somente dentro dela, como por exemplo melhorias no editor, como autocomplete, configuração de cores, etc.
Parabéns pelo screencast e pelo sou trabalho!!
O seu bloq já virou ferramenta de trabalho pra mim. Deixo ele sempre aberto, hehehehe.
Abraço
Loiane,
Adorei sei site, é uma referência para muitos desenvolvedores e para aprendizes de Ext JS, já havia visto o Sencha Architect e achei muito produtivo, mas não tinha visto ainda um exemplo na prática com ele.
Gostaria que você me tirasse uma dúvia, ele realmente não tem a opção de editar o código?
Estou pensando em comprar a licença dele para uso pessoal também, bom saber que você acha ele uma ferramenta muito produtiva.
Outra dúvida que gostaria de sanar é tem como desenvolver uma aplicação Web Desktop através do Sencha Architect 2? Pois não vi em lugar nenhum essa opção. Poderia criar um tutorial ensinando a fazer isto.
Grande abraço e muito sucesso.
Oi Vitor Souza,
O SA2 permite que você apenas edite o código de funções, por exemplo, aonde você pode colocar toda a lógica necessária.
O código relacionado aos componentes, view, stores e controles gerados pelo SA2 não podem ser editados por segurança.
Nâo entendi com o que vc disse sobre Web desktop. Você está falando sobre o exemplo desktop da sencha?
[]‘s
Olá Loiane, meus parabéns pelo excelente trabalho que vem fazendo, tenho acompanhado seu posts e screancasts, até estou pensando em comprar essa ferramenta porém ao ler os termos vi que eu deveria comprar a licença do EXTJS também junto se eu fosse vender minhas aplicações, você sabe algo sobre ?
Mais uma vez parabéns
e Obrigado!
Oi Fábio,
Quando a gente usa o SA2, implica que você está usando comercialmente. E se você for usar comercialmente, você precisa ter uma licença comercial do ExtJS.
Essa questão da licença do extjs é um pouco confusa. Sugiro que leia esse post para maiores esclarecimentos: http://www.milfont.org/tech/2012/05/17/licenca-do-extjs/
Ótima iniciativa.
Obrigado.
Muiiito bom Loiane!
Obrigado pela sua ajuda.
Parabéns pelo screencast. Muito bom.
Estou testando o SA, e tive uma dúvida. Quando desenvolvo na “mão”, eu crio algumas classes bases, extendendo panels por exemplo, com alguns itens e configurações que vou precisar em vários locais. Depois crio minhas telas extendendo dessas classes base. No SA eu conseguirei fazer isso, extender um componente que não está na api da sencha ?
Grato.
Oi Enéias,
Consegue fazer isso sim. Assim que tiver um tempo gravo um outro screencast falando sobre isso.
[]‘s
Sim Loiane,
Falo sobre o Desktop da Sencha, que eles chamam de WebDesktop. É possível através do SA2 desenvolver uma aplicação nesse padrão?
Já pesquisei muito e não encontro nada para SA2, sempre encontro uma infinidade de variações de Desktops como exemplo mais usando SA2 nenhuma até o momento.
Ei Vitor,
Nativamente, o SA 2 não suporta esse exemplo. Você pode tentar implementar ele no SA2 com alguns workarounds, mas vai dá muito trabalho.
Olá Loiane
Parabéns !!!
Só uma dúvida, se já houver um projeto na estrutura MVC, há como importa-lo para dentro do SA2 ?
Abraços,
Oi André,
Só se o projeto foi feito no SA2 também.
Se você tiver apenas o código apenas, infelizmente não tem como importar!
[]‘s
Oi Loiane,
obrigado por compartilhar todo este conhecimento!!
Eu programo em objective-c e estou aprendendo extJS utilizando o Sencha Architect 2.
Gostaria de tirar uma dúvida com vc. Já procurei bastante na internet e não encontrei uma forma de modificar cores, temas, enfim o CSS ou SCSS usando o Sencha Architect2. Existe alguma forma?
Minha intenção é fazer app mobile, gerando o pacote nativo pra android e ios.
Outra coisa que gostaria de sua opinião seria em relação a sua experiência com extjs para mobile. Existe alguma dificuldade ou algo que ainda não seja possível fazer ou alguma dificuldade na hora de submeter para a App Store? Sei que você é “suspeita” pra falar hehehe mas te agradeço por esses auxílios.
Obrigado.
Olá Loiane, tudo bem? dedici utilizar o Arquitect após seu screeshot, pois se vc esta falando bem é porque é bom! rs… a minha duvida é o seguinte, como faria a estrutura de pastas do MVC, como em (http://docs.sencha.com/ext-js/4-0/#!/guide/application_architecture), considerando a parte do view, que possui uma subpasta (user), como fazer isso no arquitect?
abs.
Olá,
No nome da classe, vc colocar “user.NomeDaSuaClasse” que o Architect já cria a subpasta para vc.
[]‘s
caio, olhe aqui no blog, tem vários exemplos que migrei.
Olá Loiane, parebéns pelo screencast…. Conheci algumas dicas com ele, não explicitas no site… vamos aguardar o sencha touch…obrigado !!!!
Olá Loiane, estou testando o SA e ficou uma dúvida: como configurar o locale dentro do SA para que possa utilizar o preview?
Abraços.
Oi Elsio,
Basta usa um resource do tipo JS e colocar o arquivo locale. Estou preparando um post sobre isso.
[]‘s
Após a conversão do Ext Designer para Sencha Architect o app.html gerado não carrega a tela. Tem ideia do motivo disso?
Oi José, tiveram muitas mudanças de um para o outro. Só vendo o projeto para ver o motivo. Poste no fórum extjs.com.br para a gente te ajudar. []'s