1. Apps Nativas para iOS e Android
com Sencha Touch 2
Trilha Mobile
Loiane Groner
http://loiane.com
@loiane

2. Sobre Loiane
•Bacharel em Ciência da Computação
•Gerente de Projetos
•Autora técnica
•Blogueira técnica
•Evangelista Java e Sencha

3. O que é
Sencha Touch?

4. Primeiro framework Javascript para
desenvolvimento de apps mobile ricas
usando padrões web

5. Linguagens Mobile
Objective C
Java
C++
C#
Java ME
etc

6. Vai Aprender
Todas?

8. Mobile

9. Sencha Touch!

10. O que tem no Sencha Touch?
Componentes e Layouts
Themas e Ícones
Orientação e Animação
Eventos Touch e Scroller
Pacote de Dados
MVC

11. Componentes
Lists
- Nested, Grouped, Sortable
Carousel
Picker
Overlay
Slider
Components
Forms & fields Toolbars & buttons HTML5
- Audio Lists
- Video - Nested, Grouped, Sortable
Carousel
- GeoLocation
Picker
Overlay
Slider
Forms & fields
Toolbars & buttons
HTML5
- Audio
- Video
- GeoLocation

12. Forms

13. Scrolling
Scrolling
Momentum/bounce physics
ardware accelerated
hroughout all components:
Lists
Carousel
Pickers

14. Eventos Touch
Baseado em Eventos Nativos
Abstraído para Performance
Eventos Adicionais:
- Tap
- Double tap
- Tap & hold - Swipe
- Rotate
- Drag & drop

15. Data Package
Models, Stores, e Proxies
- Associations
- Validation
- Local & server storage
Consumir web services
- JSON/P
- XML
- YQL

16. Temas
Theming
Use CSS3 & SASS
- Flexible themes
CSS3 com
- Highly optimized
Sass e Compass
e.g.
$base-color: #ff6699

17. Gráficos
Touch Charts

19. Reuso
de
Código

20. .
.
Views Views
.
Controllers
Models
Stores
Proxies
json
json
Servidor

21. Sencha.io

22. Acesso Nativo

23. Licença

24. Licença
rce !!!
n S ou
O pe

25. IDE

26. Curso Gratuito
http://www.loiane.com/2012/03/
curso-de-sencha-touch-2-gratuito

27. Testes

28. Siesta

29. Demo

30. https://github.com/loiane/
tdc2012-sencha-touch-example

31. Obrigada!
http://loiane.com
@loiane