Desarrollo de Aplicaciones Móviles con tecnología web

Temario

1. Introducción a HTML5 y CSS3
• o W3C - W3Schools
• o Ventajas de HTML5
• o Diferencias entre HTML4 y HTML5 y XHTML
2. Etiquetas de HTML5
• Nuevas Etiquetas
• < article >
• < aside >
• < bdi >
• < details >
• < dialog >
• < figcaption >
• < figure >
• < footer >
• < header >
• < main >
• < mark >
• < menuitem >
• < meter >
• < nav >
• < progress >
• < rp >
• < rt >
• < ruby >
• < section >
• < summary >
• < time >
• < wbr >
• Hojas de Estilo
• Links en Head
• Otras relaciones de links
• Etiquetas Obsoletas
• Estructura HTML5 (web semantica)
• Taller
3. Formularios Web
• Nuevos campos
• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week
• Validación en el cliente
• Atributo Type
• Estilos
• Taller
4. Intro a Servidores web
• Taller (instalación)
5. CSS y CSS3
• Introducción
• Utilización de CSS3
• Novedades en CSS3
  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Image Values and Replaced Content
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface
• Taller 1
• Selectores
• Transiciones
• Taller 2
6. Taller Web Reponsive
• Consideraciones
• Taller
7. Introducción a JavaScript
• Estructura y sintaxis
• JS Comentarios
• JS Variables
• JS Tipos de Datos
• JS Objetos
• JS Funciones
• JS Scope
• JS Eventos
• JS Strings
• JS String Methods
• JS Numbers
• JS Operadores
• JS Math
• JS Dates
• JS Arrays
• JS Booleans
• JS Loop For
• JS Loop While
• JS Breaks
• JS Errores
• JS Expresiones Regulares
• Acceso y modificación del DOM.
• Comunicación con servidores.
• Json
• XML vs Json
• Ajax
• Taller
8. Canvas y dibujado
• Aplicaciones de uso
• API de Canvas
• Imágenes
• Grandientes
• Canvas en Internet Explorer
• Taller
9. Audio y Vídeo
• Contenedores de vídeo
• Codecs de vídeo
• Codecs de audio
• Video en HTML5
• Etiqueta
• Taller
10. Almacenamiento con Javascript
• Introducción a WebStorage
• SessionStorage
• LocalStorage
• APIs de WebStorage
• Interfaz de WebStorage
• Taller
11. Geolocalización
• Introducción
• API de geolocalización
• Soporte
• Uso de geolocalización
• Manejo de Errores
• Opciones de Uso
• Taller

Web workers

• Introducción a los Web Workers
• Uso de Web Workers
• APIs de comunicación
• Manejando Errores
• Soporte de Navegadores
• Nuestro primer Worker
• Uso del Worker en segundo plano
• Introducción a los workers compartidos
12. Drag & Drop
• Introducción a Drag & Drop
• HTML5 y Drag & Drop
• Eventos Drag & Drop
• Cómo utilizar Drag & Drop
• Transferir información con dataTransfer
• Tipos para dataTransfer
• Uso de imágenes fantasma
• Efectos Drag & Drop
13. Sprites CSS
• Ventajas
• Preparando el CSS Sprite
• ¿Cómo funciona SpriteMe?
14. Introducción al desarrollo para móviles
• IDEs de Desarrollo Móvil (Eclipse, Xcode, Adobe Flash, XDK, Appacelerator )
• Lenguajes de Desarrollo (Objective C, Swift, AS3, Java, HTML5, JS)g)
• Tipos de aplicaciones (Web enabled, Nativas, con conexión, sin conexión) )
• Multiplataforma
• Consideraciones para el desarrollo móvil (Diseño Gráfico-Resoluciones, Web responsive, Funcionalidad, Orientación).
15. Taller Apache Cordova

NOTA: Se realizará un taller diario, para reforzar el conocimiento de cada tema. El temario y horario se ajusta a las necesidades de los estudiantes.