• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 & Sencha Touch - Front In Maceió
 

HTML5 & Sencha Touch - Front In Maceió

on

  • 818 views

 

Statistics

Views

Total Views
818
Views on SlideShare
818
Embed Views
0

Actions

Likes
1
Downloads
13
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

HTML5 & Sencha Touch - Front In Maceió HTML5 & Sencha Touch - Front In Maceió Presentation Transcript

  • Desenvolvimento HTML5 Mobile com Sencha Touch Overview about Sencha Touch, the first FrameWork JavaScript Nicholas Fazio http://NicholasFF.com 1
  • O que éSencha Touch? 2
  • Primeiro FrameWork JavaScript paradesenvolvimento de Apps Mobile - RIA, usandopadrões WEB 3
  • http://www.sencha.com/ Ext JS Touch Ext GWT == GXT Complete Animator Architect Sencha.io4
  • WHY??Sencha Touch? 5
  • Linguagens MobileObjective - CJavaC/C++ QT/QMLC#Java ME… 6
  • YAY!!Vai aprender todas?? 7
  • Claro que NÃO!!!! 8
  • Retorno para WEBCross PlatformSkills + FerramentasFácil AtualizaçãoIndexadaTUDO QUE CONHECES!! 9
  • 10
  • Arquitetura Mobile TODAY!!!
  • Arquitetura Mobile TODAY!!! 11
  • Arquitetura Mobile TODAY!!!Fontes 11
  • Arquitetura Mobile TODAY!!!Fontes Videos 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTML 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTMLSis.Arquivos BD Cache 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTMLSis.Arquivos Processamento BD Paralelo Cache 11
  • Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTMLSis.Arquivos Processamento BD Paralelo Mensagens Cache 11
  • Arquitetura Mobile TODAY!!! Acesso Fontes Videos Audio GráficosDispositivo Câmera CSS e LayoutsGeoLocation JavaScript Contatos Semântica HTML SMSOrientação Sis.Arquivos Processamento Gyro BD Paralelo Mensagens Cache 11
  • Arquitetura Mobile TODAY!!! Acesso Fontes Videos Audio Gráficos Servidor &Dispositivo Serviço Câmera CSS e Layouts HTTPGeoLocation JavaScript AJAX Contatos Eventos Semântica HTML SMS SocketsOrientação Sis.Arquivos SSL Processamento Gyro BD Paralelo Mensagens E mais… Cache 11
  • Aplicações 12
  • WORA: Write Once Run Anywhere 13
  • WEB14
  • WEB15
  • Mobile 16
  • Sencha Touch!! 17
  • O que tem no Sencha Touch!!Componentes e LayoutsThemas e ÍconesOrientação e AnimaçãoEventos Touch e ScrollerPacotes de DadosMVC 18
  • ComponentesList-Nested, Grouped, SortableCarouselPickerOverlaySliderForms & Fields Toolbar & Buttons HTML5-Audio-Video-GeoLocation 19
  • Forms 20
  • Scrolling 21
  • Eventos TouchBaseados em eventos NativosAbstraído para PerformanceEventos Adicionais -Tap -Double Tap -Tap & Hold - Swipe -Rotate -Drag & Drop 22
  • Data PackageModels, Stores e Proxies - Associations - Validation - Local & Server StorageConsumir Web Services - JSON/P - XML -YQL 23
  • Temas CSS3 comSass e Compass 24
  • GráficosTouch Charts 25
  • Sencha Touch == WORE? 26
  • Quase!!!!! 27
  • Reuso de Código!! 28
  • 29
  • 30
  • E como faço paraacessar o dispositivo? 31
  • PhoneGapPlataforma que permite que você empacote aaplicação WEB e tenha acesso a API do dispositivohttp://phonegap.com 32
  • PhoneGap Oferece: 33
  • Recursos Nativos 34
  • Perfeito né? :D 35
  • Calma, tem mais! 36
  • Documentação 37
  • Comunidades: http://www.sencha.com/forumhttp://extjs.com.br Sencha Developers Brasil 38
  • Você é um desenvolvedor Sencha? Tá esperando o que? 39
  • Sencha Developers Brasil Comunidade para desenvolvedores Sencha! Projetos, eventos, screencast … Acesso as novas Features, API, e outras coisas mais! Site?? Já estamos em projeto! Quero muito sua participação! 40
  • Contatocontato = { email: ‘contato@nicholasff.com’, blog: ‘NicholasFF.Com’, facebook: ‘facebook.com/nicholas.fazio.3’, twitter: ‘@NicholasFazio’, github: ‘NicholasFazio’, youtube: ‘NicholasFazio’, } 41
  • Obrigado!! :D 42