Curso de Sencha Touch 2 – Gratuito!
Ei pessoal,
Mais um curso online gratuito aqui no blog! Gostei de gravar aulas, e como o feedback de vocês foi positivo, decidi lançar mais esse curso!
Sou totalmente a favor da democracia do aprendizado, e quero compartilhar o pouco do que sei com vocês!
Bem, esse novo curso é sobre Sencha Touch 2, um outro produto da Sencha, primo do ExtJS, mas voltado para desenvolvimento mobile. Vamos aproveitar que mobile está em alta e aprender mais uma tecnologia!
Ementa do Curso
Segue então a ementa do curso:
Introdução:
- Introdução ao Sencha Touch 2 (32:18 min)
- Instalando o Sencha Touch 2 e Hello World (32:26 min)
- Primeira Aplicação com deploy no iOS e Android (39:02 min)
- Arquitetura da API
- Sistemas de Classes
Componentes UI:
Conteúdo a ser definido
Layouts:
Conteúdo a ser definido
Customização de Temas:
Conteúdo a ser definido
Construção de uma Aplicação Completa
Conteúdo a ser definido
Tópicos Avançados:
Conteúdo a ser definido
Material
Todo o conteúdo do curso será publicado GRATUITAMENTE.
Os posts e/ou vídeos serão publicados aqui no blog, e à medida que serão publicados, vou atualizando esse post para referência a todo o curso.
Os vídeos (caso tenha vídeo) serão publicados nos meus canais do Vimeo e/ou Youtube. Os slides (caso tenha slide) serão publicados no meu Slideshare e todo o código estará disponível nos meus repositórios do GitHub e/ou Bitbucket.
Quando um novo post do curso for postado, anunciarei no meu twitter e facebook. Ou você também pode assinar o RSS do blog para se manter atualizado!
A grade do curso pode sofrer alterações. Também estou aberta a sugestões! 
Então, o que acharam desse novo projeto?
Comments (97)
Links to this Post
- [Curso de Sencha Touch 2] Aula01: Introdução ao Sencha Touch 2 | Loiane Groner | 22/03/2012
- [Curso de Sencha Touch 2] Aula 02: Instalação e Hello World | Loiane Groner | 03/05/2012
- Começando com Sencha Touch 2: Hello World (iOS e Android) | Loiane Groner | 16/05/2012
- [Curso de Sencha Touch 2] Aula 03: Primeira App com Deploy no iOS e Android : Loiane Groner | 29/08/2012
Puts loiane! muito boa a ideia deste curso voltado a mobile, ainda mais se tratando do Extjs Touch.. Unindo o conhecimento do curso ministrado por voce sobre Extjs com esse agora.. Voce está ajudando muita gente iniciante e quem ja está se ‘batendo’ nos codigos por ai a fora..
Obrigado!
Boa iniciativa! Escolhi usar o Sencha Touch para criar um app para phonegap após conversar com amigos sobre desempenho e fazer pesquisas comparativas entre jquerymobile, sencha, titanium e jtouch. Escolhi o Sencha pela documentação e pela curva de aprendizado menor, além da performance.
Ansioso pelas novas aula!
Já perdi a quantidade de vezes que já agradeci por sua colaboração, pois independente das vezes, só penso em agradecer. Como sempre à aplicação didática é excelente. Deixo aqui o meu muito Obrigado! Ansioso pelas novas aula! [1]
Valeu Loiane!!!
Você está surpreendendo a comunidade de JS.
Obrigado!
Vou assistir
Muito bom Loiane, é difícil encontrar material em português (apesar de isto não ser um impencílio) de Sencha Touch, principalmente nesta sua nova versão.
Baixei todas as aulas até aqui de ExtJS e o modo como você ensina é excelente.
Muito bom, valeu mesmo!
Didatica, coisa cada vez mais rara, principalmente em TI, e você tem de sobra… Parabéns.
Adorei suas aulas Loiane, didatica excelente. Estou assistindo as aulas de ExtJs 4 e estou ancioso para assistir as próximas aulas de sencha touch 2.
Grande abraço e parabéns pela iniciativa!
Tem previsão pra postar a Aula 3, Loiane?
Estou ancioso!
Oi Wallace, a aula 2 vai ao ar semana que vem (primeira semana de maio)
Olá, boa noite. Gostaria de saber quanto irá ao ar a Aula 3 (Primeira Aplicação com deploy no iOS e Android)? Além disso gostaria de saber se você poderia me enviar no e-mail algum exemplo básico de uma aplicação feita com o sencha touch 2?
Aguardo Contato,
Grato,
Att,
Oi Alan,
Eu ainda preciso gravar, mas ainda neste mês devo fazer isso, mas como vou dar muita palestra agora em maio, só devo postar em junho, e deve ser uma aula bem demorada!
Hoje apresentei uma aplicação de exemplo que devo usar na aula 3 em um evento, segue o código: https://github.com/loiane/devincachu2012
Oi Loiane parabens pelo curso… Gostaria de tirar uma duvida. Todos os projetos em touch2 devem rodar em um browser ou é possivel gerar uma aplicação app que pode ficar instalada direto no smartfone?
Obrigado!
Boa tarde Loiane, estou começando a estudar o Framework e logo e cara tenho problemas com a documentação.
Estou tentando seguir o Getting Started [http://docs.sencha.com/touch/2-0/#!/guide/getting_started]
Porém os arquivos gerados pelo SDK através do comando [sencha generate app] Não batem com a informação contida na documentação!
Você costuma compilar suas aplicações através do Sencha Generate APP ou cria toda a estrutura na mão?
Detalhe: Estou trabalhando na plataforma PC, sera que rola alguma particularidade?
tks
David Coca
Oi David,
Gero as aplicações pelo Sencha command mesmo.
Veja o vídeo o Ed SPencer, ele faz uma aplicação passo a passo, e é o que pretendo fazer na aula 03 também.
[]‘s
Olá Loiane, gostaria de parabenizar pela iniciativa o curso está ficando show de bola, assim como o curso de ExtJs4.
Aproveitei para fazer um post no meu site divulgando seu curso http://www.fabioaraujo.com.br/?p=261
Oi Loiane, bom dia
Poderia saber cuando poderian ter un exemplo pequeno de como usar Sencha Touch 2 que llame a serviços java (conecçoes a um banco de datos)
Vo agradecer muito porque esto con vontade de aprender y poder usar en umos projectos que tenho en mente.
Muito obrigado.
Olá Loiane,
Parabéns pelas suas iniciativas, são muito boas. Eu estou aguardando a um tempo o seu curso de sencha touch, você tem previsão de quando sairão mais aulas?
Eu estou estudando já fiz alguns apps, mas as boas práticas sozinho é complicado de aprender.
Ainda tenho uma dúvida. eu tenho que já pegar um app em sencha touch e compilar com phonegap? tenho que juntas os 2 projetos?
Eu fiz um projeto com phonegap + jquerymobile é a mesma coisa? O legal é que o ST2 é MVC mas isso me confunde um pouco com relação ao juntar com o phonegap.
obrigado
Loiane, tenho interesse em desenvolver um sistema para força de vendas com banco de dados instalado no tablet. No seu curso teremos um exemplo de banco de dados local? Minha ideia seria gravar as informações localmente e no final do dia sincronizar com um banco web! O que me diz?
Olá Loiane, parabéns pelo vídeo, com certeza eu vou acompanhar seu curso. Uma dica não sei se você pretende ter isso no curso, mais fazer uma app que consiga pegar dados do bancos como mysql ou postgres, claro que esses bancos tem que estar na web.
t+
Oi Lucas, obrigada pela dica! Vai ter uma aula sobre isso sim!
Loiane, estou com a mesma duvida do Jalmir. Será que é possível usar o banco de dados localmente usando o Sensha Touch?
Parabéns pela iniciativa do curso.
Olá Jose, Jalmir,
Vc pode usar o banco de dados do ios ou android; pode usar um local storage do html 5 para guardar os dados localmente e depois sincronizar, ou pode usar um banco de dados normal também, como o mysql, oracle etc. É claro que dei 3 exemplos diferentes, portanto, são 3 cenários diferentes; vai depender do que vc quer fazer aí vc escolhe uma opção.
[]‘s
Olá Loiane,
Parabéns pelos cursos, muito bom!
Gostaria de saber se para disponibilizar uma app feita com Sencha, na App Store pra IOS, eu preciso ter um Mac?
Obrigado.
Oi Edegilson,
Para fazer o packaging para iOS você vai precisar usar um Mac sim! :/
[]‘s
Loiane,
quando será a próxima aula?
Oi Paulo,
Estou sem tempo para gravar novas aulas, embora já esteja com todo o material preparado. Assim que sobrar tempo eu publico uma nova aula.
Ótima iniciativa.
No aguardo dos demais videos =D
Olá Loiane,
Excelente iniciativa, estou ansioso pelas próximas aulas.
Att
Eric Serafim
Olá Loiane,
Parabéns pelo trabalho, estou impressionado com sua didática e com sua disposição pra fazer o curso, principalmente por ser gratuito. Vc é excelente!!
Realizei alguns testes instalando um app no meu Android. Criei uma WebView e setei ela pra pastas Assets onde está um pequeno app usando Sencha Touch 2. Lá tem todos arquivos necessários do Sencha, aqueles da pasta resource + o JS.
Porém ele fica extremamente lento ao rodar. Fica uma tela branca, e demora vários segundos pra aparecer o app, além de demorar na troca de tela quando clica nos botões.
Isso é comum? Existe algum macete pra melhorar isso?
Agradeço sua atenção!
[]‘s
Oi Thiago,
Quando vc desenvolve com Sencha Touch 2, o build padrão é o developer. Esse build é bem lento justamente para o desenvolvedor poder debugar, etc.
Quando for testar em aparelhos, faça o build de produção, onde você vai ter uma idéia real das performance da app.
[]‘s
Esqueci de mencionar… não estou usando emulador, estou rodando direto no meu device.
Muito boa a matéria, meus parabéns, estamos precisando de matérias como essa uma vez que no brasil está muito difícil discutir de forma profissional o assunto. Parece que na área mobile o brasileiro ainda não acordou ou estão com medo de dividir o conhecimento nos fórums. Participo de alguns fóruns mas estou sem interlocutores posto matérias ou discussões e ninguém se habilita. Valeu!
Oi Loiane. Quero agradecer pela aula. Muito boa.
Deu tudo certo aqui no computador. Só não consegui abrir no meu iPad. Eu uso win 7. Será que tem uma forma de solucionar isso?
Oi Henrique,
Você precisa ter a licença de desenvolvedor para iphone/ipad da Apple para executar a app no ipad/iPhone.
[]‘s
Boa tarde Loiane, parabéns pela iniciativa está ficando show de bola!
Tem previsão de lançamento para o próximo módulo, “Primeira Aplicação com deploy no iOS e Android” ?
Oi Andreus, amanhã.
Para acompanhar a agenda de aulas: https://www.facebook.com/loianegroner
[]‘s
Loiane, quando gero os arquivos pelo “app create” eles ficam na linguagem norte americana ‘lang=”en-US”‘, tem como configurar para ficar “pt-BR” no momento de gerar?
Oi Fagner,
Se quiser usar locale, tem que fazer manualmente, depois de gerar a app.
[]‘s
Boa tarde Loiane,
Primeiramente parabéns ai pelo site, muito bom!
Eu queria saber como eu adiciono esse locale?
Estou criando um app a partir do demo que ele gera.
Copiei o touch/src/locale/ext-lang-en.js e criei o pt_BR dentro da pasta touch/src/locale
ja tentei adicioná-lo de várias formas mas nenhuma funciona, até no app.json>js eu adicionei e não funcionou.
como faço?
Oi Diego,
Vc vai ter que importar esse arquivo no HTML da sua app.
Tem que ser depois do sencha-touch-all. Não pode usar o sencha-touch.js para que funcione.
No curso de extjs falei sobre isso, são os mesmos passos para o sencha touch tb: http://www.loiane.com/2011/12/curso-de-extjs-4-aula-03-trabalhando-com-arquivos-locale-pt-br/
[]‘s
Ansioso pela nova aula. Muito bom!
Loiane, para acessar dados de um banco oracle usando sencha touch posso usar o mesmo principio do ext js?
sim. Mas tem que tomar cuidado pois o seu banco vai estar num servidor, e a sua app vai estar em uma smartphone. Com ST é mais comum usar o JSONP proxy nesse caso para trocar dados.
Obrigado Loiane, estou iniciando nesse mundo de ST e Ext Js e confesso que estou bem perdido ainda rsrs.
Olá Loiane,
Primeiramente parabéns e muito obrigada pelos vídeos!!!
Gostaria de saber quando irá postar as aulas 4 e 5. Você já tem alguma previsão?
Abraços,
Talita
Oi Talita,
Não tem previsão para as próximas aulas.
[]‘s
MUITO BOM Loiane. parabens!
Caramba que mulher incrível *———*.
Loiane parabéns pela sua iniciativa, através do seu curso eu despertei um interesse pela área de desenvolvimento mobile e utilização do sencha touch. Eu pretendo desenvolver uma app que armazene dados localmente no dispositivo para posterior sincronização com um banco de dados web. Você saberia me informar algum material que aborde essa etapa?
Oi Luiz,
tem alguns artigos sobre isso no site da Sencha.
[]‘s
Boa noite Loiane,
Acompanho cada aula do Sencha Touch, uma pena que demora pra prosseguir com continuidade as aulas do curso =(
Mas desde já parabéns pelo material disponibilizado!
Parabéns Loiane pela iniciativa. Estou acompanhando todos seus cursos!
Loiane, vc tem algum cronograma para seguir com este curso?
Oi Jalmir, favor ler comunicado na lateral do blog. Em breve postarei novidades aqui no blog e vcs irão entender pq tanto a demora.
[]‘s
Genial espero que continúes con las publicaciones. Muchas gracias
Sensacional. Muito BOM. Parabéns!
Boa tarde loiane, Eu instalei o sencha touch 2, e vi uns exemplos na net, e consegui fazer um cadastro com storege. lista, edita, cria e deleta, ate ai, blz entendei bem o concenitos das views e tal. Mas eu fico Muito perdido com o seguinte, nao encontro quase nenhum exemplo de nada do sencha touch e o doc apesar de bem documentado ajuda muito quem ja sabe e quem nao tem experiencia nao ajuda muito. tem algum caminho para onde correr, aqui na minha cidade nao tem curso da ferramenta.
Oi Helio,
Por enquanto estou em outro projeto e sem tempo livre para gravar novas aulas.
Existe o forum extjs.com.br onde vc pode postar as suas dúvidas e o pessoal lhe ajuda com o passo a passo.
[]‘s
B.Noite Loiane!
Estou com problemas na hora de de gerar a apk para android. Segue erro:
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.BasicException: The following error occurred while executing this line:
[ERR] C:\wamp\www\sencha\projetos\myapp\.sencha\app\build-impl.xml:92: The following error occurred while exec
uting this line:
[ERR] jar:file:/C:/Users/FWrobel/Desktop/Bruno/FWrobel/SenchaCmd/Sencha/Cmd/3.0.0.250/sencha.jar!/com/sencha/a
nt/antlib.xml:347: shellscript returned: 1
Oi Bruno,
Por favor, poste sua dúvida no fórum extjs.com.br
Não esqueça de informar a versão do sencha touch e do sencha command que vc está usando.
Um screenshot do erro e como vc está executando o comando tb ajuda.
[]‘s
Vou postar la no fórum, Obrigado!
Loiane,
Usando o sencha touch para desenvolver um app para iOS, preciso pagar algo para a Sencha após publicar o app!?
Oi José Neto,
As licenças da Sencha são de desenvolvimento, portanto, vc precisa comprar a licença antes de começar a desenvolver.
O Sencha Touch é open source e gratuito. Se for publicar uma app, precisa usar a licença comercial, e não open source – que é gratuita.
Se for usar o touch charts, precisa pagar sim, pois é a única parte de api que não é gratuita.
[]‘s
Oi Loiane, tem alguma previsão para mais aulas?
Oi André, por enquanto estou em outros projetos e sem tempo para gravação de novas aulas, mas vou continuar a gravar sim.
[]‘s
Loiane, existe algumas dicas para manter a performance em uma lista de dados que contenha uma imagem e texto? Achei o scroll meio demorado de um app simples que estou fazendo no Android.
Oi André, se tiver muitos dados pode ficar lento mesmo pois o OS não esté preparado para isso. Use paginação para facilitar.
[]‘s
Bom dia Loiane,
Do locale que eu havia perguntado, fiz tudo que fala no vídeo mas não funcionou, não sei porque (lembrando que o projeto é em sencha touch 2 e o html roda aquele microloader).
E outra pergunta é: como faço para em um form quando eu valido pelo model eu fazer os inputs com erro ficarem com aquele borda vermelha e o erro, sei que no Ext4 tem um markInvalid(errors), mas no st2 não tem e estou perdido nessa.
Obrigado desde ja.
Oi Diego, então, vc não pode usar esse caminho do microloader e nem carregamento dinamico, senao nao vai funcionar mesmo.
Infelizmente o ST2 não tem isso, vc pode fazer manualmente:
var fields = form.getFields(),field, name, isEmpty;
for (name in fields) {
field = fields[name];
isEmpty = (!field.getValue() || field.getValue() == "");
if (isEmpty) {
field.addCls('x-invalid');
} else {
field.removeCls('x-invalid');
}
}
Loiane Groner boa tarde. Estou com uma dúvida aqui. Montei uma app usando touch 2.1.1 e phonegap, mandei pro smartphone. Até aí tudo supimpa, tirando o fato the app simples pesar 5mb, o que achei um absurdo, mas ta de boa ainda. Quando eu giro o smartphone, a app reinicia, sai do slide normal the aplicação, volta na tela de loading e reinicia tudo. Se a pessoa tiver preenchendo um formulário e virar o smartphone, ela perde todos os dados. Já viu isso acontecer? PS: Testes realizados num galaxy s3…
Oi Anderson, vc precisa tratar isso. Usou o Sencha Touch para girar a tela?
para girar a tela? Na verdade eu não configurei nada sobre o giro da tela, só virei o celular mesmo. Preciso configurar isso no sencha ou no phonegap já no java do android?
O Sencha Touch não tem isso nativo, deve ter sido por conta daquelas configurações do android. De qualquer maneira, precisa tratar isso no sencha touch pra não ficar estranho (a app desconfigurada).
Loiane, estou fazendo uma app (para android) e estou utilizando o localstorage para salvar os dados, mas não sei até que ponto vou ter problema de armazenamento. Devo utilizar o SQLite?
O ST2 faz alguma integração com o SQLite? Ou vou precisar procurar algum plugin para isso?
Obrigado.
Oi André o limite são 5 Mb de dados com localstorage.
Se quiser usa o sqlite nativo do android (ou ios), tem que usar um plugin do phonegap: https://github.com/brodyspark/PhoneGap-SQLitePlugin-iOS
Obrigado Loiane, vou estudar esse plugin.
Loiane Groner boa noite.Tive um problema, quando fui executar o comando, "sencha generate app Blog../blog" ocorreu um problema: [ERROR] The current working directory (C:apache-tomcat-7.0.35webappssencha2) is not a valid SDK directory. Please 'cd' into a sdk directory before executing this comand. O que posso fazer para resolver?
Instalei o Sencha CMD 3 e resolveu o problema. O que ocorre agora é na hora de executar, "sencha app build production". Ocorre vários erros… já ocorreu com você?
Michael,
O comando está incorreto.
Sencha Command é diferente de Sencha SDK Tools.
[]‘s
cara, posta ai os erros, num manjo quase nada ainda, mas tive alguns problemas, talvez possa ajudar em algo
essa aula foi gravada com sencha touch 2.0 e com sencha sdk tooks. Se vc usa o touch 2.1, tem que usar o Sencha Cmd 3; se vc usa touch 2.2, tem que usar sencha cmd 3.1 – Sencha cmd é totalmente diferente do sdk tools. O comando que vc está usando não existe mais no sencha cmd.O comando é apenas sencha app build.
Ok então, bom saber, mas de qualquer forma eu segui esse post aqui: http://www.devecletico.com.br/implementando-um-app-mobile-com-sencha-touch/ e resolveu o problema, que era no tal do "Compass". Desde já agradeço pela sua atenção.
Obrigado Loiane, infelizmente eu atualizei meu mac para o mountain lion antes de ver a aula e o sencha cmd não está funcionando direito. você tem alguma dica para corrigir isso? mais uma vez obrigado!
Oi Renan,
No meu iMac o Sencha Cmd só funciona quando eu adiciono manualmente no PATH. Então toda vez que vou usar, preciso adicionar no path manualmente. :/