“Estoy convencido de que la mitad de lo que separa a
los EMPRENDEDORES EXITOSOS de los que no
triunfan es la PERSEVERANCIA...
Introducción al Sencha Touch
Framework
Programación de Dispositivos Móviles con
HTML 5
¿Quién es Edwin Sandoval
?
Es especialista en Internet Marketing y
Desarrollador de Soluciones de Software
para la Web y t...
¿De qué vamos a
hablar?
Día 1: Introducción a la programación móvil
y presentación del Sencha Touch
Framework
Día 2: Manej...
Introducción a
las
Aplicaciones
Móviles
¿Qué son y Características?
Interfaces Gráficas
de Usuario
Simplificadas
Diseño Adaptable al
Tipo de Dispositivo
Móvil
Gestos Multi-Touch
Acceso Directo a
Hardware
Sistemas Operativos
Móviles
Android (Google), iOS (Apple),
Windows Phone (Microsft),
BlackBerry OS y FireFox OS
Código Nativo vs. HTML5,
CSS3 y Javascript
Desarrollo móvil con
FRAMEWORKS basados
en HTML5Los 5 más populares del
mercado
IONIC Framework
http://ionicframework.com/
Kendo UI Framework
http://www.telerik.com/kendo-
ui
Intel’s App Framework
http://app-framework-
software.intel.com/index.php
jQuery Mobile Framework
http://jquerymobile.com/
Sencha Touch Framework
http://www.sencha.com/products/touch/
Sencha Touch
Framework
Carácteristicas:
- Built on HTML5 Technology
- Smoother Scrolling and Animations
- Adaptive Layouts...
Sencha Touch
FrameworkComponentes para la Interfaz de Usuario.
Sencha Touch
FrameworkComponentes para la Interfaz de Usuario.
Kitchen Sink Demo
http://www.sencha.com/products/touch/demos/
Sencha Touch
FrameworkAccediendo a la Documentación de la API.
Sencha Touch
FrameworkOpciones de Licenciamiento.
Laboratorio
Practica 1 - Instalación y Ejecución del
XAMPP
Laboratorio
Practica 2 - Instalación y Configuración
del Sencha CMD
Laboratorio
Practica 3 - Primera Aplicación con el
Framework Sencha Touch - Hola
Mundo !
Sencha Touch
FrameworkEstructura de una Aplicación Móvil
http://docs.sencha.com/touch/2.3.1/#!/guide/apps_intro
Sencha Touch
FrameworkManejo del Sistema de Clases
http://docs.sencha.com/touch/2.3.1/#!/guide/class_syst
em
Sencha Touch
FrameworkProgramación de Componentes
http://docs.sencha.com/touch/2.3.1/#!/guide/componen
ts
Sencha Touch
FrameworkProgramación Vistas
http://docs.sencha.com/touch/2.3.1/#!/guide/views
Sencha Touch
FrameworkProgramación Layouts
http://docs.sencha.com/touch/2.3.1/#!/guide/layouts
Laboratorio
Practica 4 - Programación de un
DataView en Sencha Touch Framework
Laboratorio
Practica 5 - Programación de un
Navigation View en Sencha Touch
Framework
Laboratorio
Practica 6 - Programación de un List en
Sencha Touch Framework
Laboratorio
Practica 7 - Programación de un Nested
List en Sencha Touch Framework
Sencha Touch
FrameworkManejo de Modelos
http://docs.sencha.com/touch/2.3.1/#!/guide/models
Sencha Touch
FrameworkProgramación Stores
http://docs.sencha.com/touch/2.3.1/#!/guide/stores
Sencha Touch
FrameworkProgramación Proxies
http://docs.sencha.com/touch/2.3.1/#!/guide/proxies
Laboratorio
Practica 8 - Programación de un
Formulario en Sencha Touch
Framework
Laboratorio
Practica 9 - Publicar un Proyecto
Sencha Touch en Internet
Sencha Touch
FrameworkManejo de Eventos
http://docs.sencha.com/touch/2.3.1/#!/guide/events
Sencha Touch
FrameworkProgramación de Controles
http://docs.sencha.com/touch/2.3.1/#!/guide/controllers
Laboratorio
Practica 10 - Sketching de una
Aplicación TODO List
What Next
?
Mantenganse en
contacto !
Página en Facebook: FORMATEC
Twitter: @sandovaledwin
Blog: http://www.edwinsandoval.com
Upcoming SlideShare
Loading in...5
×

Curso de Introduccion Sencha Touch Framework

271

Published on

Presentación del curso de programación para dispositivos móviles - Introducción al Sencha Touch Framework, impartida por el Ing. Edwin Sandoval en el Instituto Tecnológico de Santiago Papasquiaro, Durango, Méx..

Published in: Software
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
271
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Curso de Introduccion Sencha Touch Framework

  1. 1. “Estoy convencido de que la mitad de lo que separa a los EMPRENDEDORES EXITOSOS de los que no triunfan es la PERSEVERANCIA” Steve Jobs
  2. 2. Introducción al Sencha Touch Framework Programación de Dispositivos Móviles con HTML 5
  3. 3. ¿Quién es Edwin Sandoval ? Es especialista en Internet Marketing y Desarrollador de Soluciones de Software para la Web y tiene como experiencia el haber trabajado con uno de los Mayoristas más grandes de America Latina en el área de la Radiocomunicación y Sistemas de Seguridad, desarrollando estrategias de marketing por internet y sistemas de comercio electrónico, logrando ganancias de más de 1.5 millones de pesos en tan solo dos meses. Imparte regularmente cursos y conferencias acerca de Marketing y Desarrollo Web. Blogger: http://www.edwinsandoval.com
  4. 4. ¿De qué vamos a hablar? Día 1: Introducción a la programación móvil y presentación del Sencha Touch Framework Día 2: Manejo de Vistas y Layouts Día 3: Comunicación de datos y manejo de Modelos, Stores y Próxies Día 4: Administración de Eventos y Programación de Controles.
  5. 5. Introducción a las Aplicaciones Móviles ¿Qué son y Características?
  6. 6. Interfaces Gráficas de Usuario Simplificadas
  7. 7. Diseño Adaptable al Tipo de Dispositivo Móvil
  8. 8. Gestos Multi-Touch
  9. 9. Acceso Directo a Hardware
  10. 10. Sistemas Operativos Móviles Android (Google), iOS (Apple), Windows Phone (Microsft), BlackBerry OS y FireFox OS
  11. 11. Código Nativo vs. HTML5, CSS3 y Javascript
  12. 12. Desarrollo móvil con FRAMEWORKS basados en HTML5Los 5 más populares del mercado
  13. 13. IONIC Framework http://ionicframework.com/
  14. 14. Kendo UI Framework http://www.telerik.com/kendo- ui
  15. 15. Intel’s App Framework http://app-framework- software.intel.com/index.php
  16. 16. jQuery Mobile Framework http://jquerymobile.com/
  17. 17. Sencha Touch Framework http://www.sencha.com/products/touch/
  18. 18. Sencha Touch Framework Carácteristicas: - Built on HTML5 Technology - Smoother Scrolling and Animations - Adaptive Layouts - Native Packaging
  19. 19. Sencha Touch FrameworkComponentes para la Interfaz de Usuario.
  20. 20. Sencha Touch FrameworkComponentes para la Interfaz de Usuario.
  21. 21. Kitchen Sink Demo http://www.sencha.com/products/touch/demos/
  22. 22. Sencha Touch FrameworkAccediendo a la Documentación de la API.
  23. 23. Sencha Touch FrameworkOpciones de Licenciamiento.
  24. 24. Laboratorio Practica 1 - Instalación y Ejecución del XAMPP
  25. 25. Laboratorio Practica 2 - Instalación y Configuración del Sencha CMD
  26. 26. Laboratorio Practica 3 - Primera Aplicación con el Framework Sencha Touch - Hola Mundo !
  27. 27. Sencha Touch FrameworkEstructura de una Aplicación Móvil http://docs.sencha.com/touch/2.3.1/#!/guide/apps_intro
  28. 28. Sencha Touch FrameworkManejo del Sistema de Clases http://docs.sencha.com/touch/2.3.1/#!/guide/class_syst em
  29. 29. Sencha Touch FrameworkProgramación de Componentes http://docs.sencha.com/touch/2.3.1/#!/guide/componen ts
  30. 30. Sencha Touch FrameworkProgramación Vistas http://docs.sencha.com/touch/2.3.1/#!/guide/views
  31. 31. Sencha Touch FrameworkProgramación Layouts http://docs.sencha.com/touch/2.3.1/#!/guide/layouts
  32. 32. Laboratorio Practica 4 - Programación de un DataView en Sencha Touch Framework
  33. 33. Laboratorio Practica 5 - Programación de un Navigation View en Sencha Touch Framework
  34. 34. Laboratorio Practica 6 - Programación de un List en Sencha Touch Framework
  35. 35. Laboratorio Practica 7 - Programación de un Nested List en Sencha Touch Framework
  36. 36. Sencha Touch FrameworkManejo de Modelos http://docs.sencha.com/touch/2.3.1/#!/guide/models
  37. 37. Sencha Touch FrameworkProgramación Stores http://docs.sencha.com/touch/2.3.1/#!/guide/stores
  38. 38. Sencha Touch FrameworkProgramación Proxies http://docs.sencha.com/touch/2.3.1/#!/guide/proxies
  39. 39. Laboratorio Practica 8 - Programación de un Formulario en Sencha Touch Framework
  40. 40. Laboratorio Practica 9 - Publicar un Proyecto Sencha Touch en Internet
  41. 41. Sencha Touch FrameworkManejo de Eventos http://docs.sencha.com/touch/2.3.1/#!/guide/events
  42. 42. Sencha Touch FrameworkProgramación de Controles http://docs.sencha.com/touch/2.3.1/#!/guide/controllers
  43. 43. Laboratorio Practica 10 - Sketching de una Aplicación TODO List
  44. 44. What Next ?
  45. 45. Mantenganse en contacto ! Página en Facebook: FORMATEC Twitter: @sandovaledwin Blog: http://www.edwinsandoval.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×