[Curso de Sencha Touch 2] Aula 02: Instalação e Hello World

Vídeo/Screencast de hoje: aula 02 do novo curso online gratuito aqui do blog: Sencha Touch 2!

Na aula de hoje vamos aprender como fazer o download, instalar em um webserver para acesso offline, vamos aprender para que serve cada arquivo que vem com o SDK, vamos fazer um hello world e executá-lo em um browser e um smartphone.

Quem quiser ver todas as aulas já publicadas, é só clicar aqui.

Recomendo altamente aprender ExtJS 4 também, afinal parte da API do Sencha Touch 2 é compartilhada com ExtJS 4. Você pode acompanhar o curso gratuito de ExtJS 4 aqui.

Espero que gostem dessa aula e fico no aguardo do feedback de vocês! :)

Requerimentos:

  • SDK Sencha Touch 2
  • Editor de Texto
  • WebServer (Apache)
  • Smartphone ou tablet (opcional)

Vídeo:

YouTubehttp://www.youtube.com/watch?v=DWNUp7EpZic

Códigohttps://github.com/loiane/curso-touch2

Slides:

Até a próxima aula! :)

48 thoughts on “[Curso de Sencha Touch 2] Aula 02: Instalação e Hello World

  1. Na verdade, firefox com firebug não é uma opção, já que Sencha Touch só funciona no Chrome, não?

    1. hahaha verdade! Ctrl C + Ctrl V dos slides do Ext! Shame on me!
      Vou acertar para as próximas aulas!
      Valeu Fabio! :)

  2. Muito bom o overview. Parabéns pela metodologia. Eu ri bastante com o efeito que não funcionou nos dispositivos portáteis. As leis de murphy sempre nos pegam de surpresa! huahuahua.

  3. Muito bacana, vc realmente tem a manha das video aulas!! :)

    Sobre o comentario do Fabio, o Sencha touch so funciona no Chrome mesmo???

    1. Oi Gustavo sim.
      O Touch foi feito par mobile, e vc pode usar um browser, nesse caso o chrome só para testar e ver como está a aplicação antes de realmente testá-la em um dispositivo móvel. Vou mostrar como fazer isso na próxima aula.
      []’s

  4. Ah sim, agora entendi.. ^^

    Uma outra dúvida que tenho é, somente os dispositivos listados no site (http://www.sencha.com/products/touch/features/) suportam o Sencha Touch ou é qualquer dispositivo com Android ?? (Ex.: Estou saindo do Symbian e pensei em adquirir o SAMSUNG Y, mas la no site nao lista ele..).

    1. oi Gustavo,
      A Sencha apenas dá suporte aos dispositivos listados no site. Teria que ver com eles se tem suporte mesmo.
      []’s

  5. Muito bacana mesmo Loiane! Alguma previsão da próxima aula?
    Me add no Twitter para eu te encher de perguntas e dúvidas? rsrs
    abraços
    David Coca

  6. adorei a video aula aquardando a proxima , to adorando muito , na proxima aula você vai usar alguma ide ou somente o editor mesmo

  7. Olá Loiane,
    Estou tentando testar a codificação feita nesta aula, mas já tentei de todas as formas e tanto pelo eclipse como pelo servidor local, obtenho o 404 do sencha touch. Se puder me ajudar!

  8. Olá Loiane muito boa sua explicação!

    Estou iniciando os estudos em mobile e em sencha porém não entendi a finalidade do sencha ainda, ou seja, eu teria como base o sencha para desenvolvimento mobile? mas e o banco de dados? Eu trabalharia junto com o android(java)?

    1. Oi Diones,
      O Sencha Touch é um framework javascript que vc pode criar aplicações nativas para iOS, Android e Blackberry. Quando vc trabalha com Touch, vc não trabalha com o Java do Android ou o Objective C, apenas código JS. Vc pode ter php, java, ruby, etc no backend se vc quiser fazer uma app mobile web. O banco de dados depende do que vc quer fazer, mas pode usar o bando de dados do próprio sistema mobile, um mysql da vida ou storage local.
      []’s

  9. Loiane, primeiramente obrigado e parabéns pela didática e conteúdo. Estou ancioso pelas próximas aulas.

  10. Loiane, parabéns pelas aulas.
    Dúvida, estes apps funcionam em celulares chineses (os genéricos)?

    1. Oi eusai,
      o Sencha touch funciona com iOS, Android e Blackberry, portanto não funciona em celulares que não tem esses sistemas operacionais (genéricos).

  11. Ola Loiane, parabêns pelos posts!

    Conheci o Sencha quando estava passando um tempo em San Francisco, USA e me parece que já é uma realidade bem utilizada por lá.

    Seguindo o steep-by-steep da Sencha, via website, é orientado a utilizar, Sencha Touch 2 SDK and SDK Tools. Tem algum motivo pelo qual fez a sua apresentação diferente? A criação das aplicações via command line, não gosta?

    Obrigado,

    Tulio Cruz.

    1. Oi Tulio,
      Nessa primeira aula quis mostrar a forma manual, pro pessoal entender que o touch funciona de forma parecida com o extjs.
      Com o SDK tools, ele já cria uma applicação completa, que será o tema da próxima aula! :)
      []’s

  12. Loiane, excelente vídeo-aula! Parabéns!

    Uma dúvida: Vc sabe se é possível criar e acessar bases de dados com SQLite usando o Sencha Touch ou mesmo o PhoneGap?

    []’s

  13. Juro que não consegui fazer nada da video aula. Não sei se foi burrice minha mas não consegui fazer nada.

    1. Oi Hemerson,
      Acompanhe o passo a passo; vai pausando o vídeo e fazendo. Se precisar de ajuda é só falar.
      []’s

  14. Desculpa o off-topic, mas qual é o software que tu usa para fazer os screencasts?

  15. Olá Loiane, tudo bem.

    Primeiramente venha agradecer pelo seu ótimo trabalho, pelas ótimas vídeo aulas, e pela pessoa que você é, por compartilhar seu conhecimento, parabéns pelo seu trabalho.

    Eu venha estudando sua aulas afinco, meu objetivo é MOBILE mesmo. Gostaria de saber, como faço para que quando um usuário execute, escreva, ou acione um botão, qualqer coisa em um browser, nos outros atualizar automaticamente tambem (Multi User né?)… so com o Sencha 2 eu consigo fazer isso? tem algum tuto para eu fazer? Muito Obrigado Loiane, e mais uma vez parabéns.

  16. Boa Aula *-*.
    Pena q eu empaquei na parte final do apache, por nunca ter tido contato com servidores…
    queria colocar endereço the pasta no apache pra tentar no smartphone(uso windows 7)…

  17. Boa Aula *-*.
    Pena q eu empaquei na parte final do apache, por nunca ter tido contato com servidores…
    queria colocar endereço the pasta no apache pra tentar no smartphone(uso windows 7)…

  18. Obrigado por responder!
    Eu até tentei o xampp,mas estava dando muito problema de service start busy no apache…
    no wamp deu mais certo,deu até pra ver o local host,mas nao consegui compartilha-lo,e o ip nao aparecia junto da url local host,apenas localhost mesmo…

    1. Oi Jean,
      Essa não é muito a minha praia, apenas faço uso dos webservers. Mas você já tentou usar o iis no windows? Acho que deve dar mais certo.
      []’s

      1. Tudo bem ^^
        Minha dificuldade está sendo na hora de abrir a aplicaçao no android,pra testar o hello world,vou tentar usar o IIS entao,obrigado!

  19. Boa tarde,

    Gostaria de saber como eu fásso para envia e receber dados para o servidor em sencha touch?
    O servidor me envia dados num formato XML e gostaria de saber como é que eu fásso para cosegir receber esses dados e guardalos num local store em sencha touch?

    Obrigado

    1. Oi Nilson, veja as aulas do data package do curso de extjs. É a mesma coisa para o sencha touch.

  20. Olá Loiane,

    Estou começando a desenvolver alguns aplicativos para o Firefox OS e suas aulas estão me ajudando nessa tarefa.
    As aulas são excelentes e tens uma ótima didatica.

    Parabéns e Obrigado.

  21. que pena…ñ sei o que fiz mas quando acesso a pag local do sencha no meu pc, somente acesso a pagina de exemplos!! por favor me ajudem.

      1. vlw! já estou conseguindo dar meus 1º passos…devagar e sempre… ansioso pela próxima aula!

Comments are closed.