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

03/05/2012 | By | 48 Comments

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.

curso sencha touch2 aula02 loiane [Curso de Sencha Touch 2] Aula 02: Instalação e Hello World

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! icon smile [Curso de Sencha Touch 2] Aula 02: Instalação e Hello World

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! icon smile [Curso de Sencha Touch 2] Aula 02: Instalação e Hello World

Filed in: Curso Sencha Touch 2 | Tags: , , ,

Comments (48)

  1. Fabio Jr. Policeno

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

  2. Felipe Thomas

    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. Gustavo

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

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

    • 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. Gustavo

    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..).

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

  5. David Coca

    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. William

    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)?

    • 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. Gabriel

    Excelente. Estou aguardando a próxima aula!

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

  11. eusai

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

    • 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).

  12. Tulio Cruz

    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.

    • 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

  13. Angelo Orrico

    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

  14. Gabriel

    Olá. Quando irá sair a próxima aula?

  15. Steven

    To ansioso pela próxima aula…

  16. ivan viana

    só passei pra dizer olá e parabéns pelo trabalho.

  17. Loiane, sua didatica é perfeita! Abraços.

  18. Hemerson

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

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

  19. estamos no aguardo da proxima aula, muitas felicidades Loiane.

  20. Robson Peixoto

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

  21. Anonymous

    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.

  22. 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)…

  23. jean

    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)…

  24. jean

    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…

    • 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

      • jean

        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!

  25. Nilson

    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

  26. Maicon

    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.

  27. Emanuel Rocha

    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.

  28. Jean Carlos Novaes

Deixe um comentário