Sencha Touch: Desarrollo con HTML5 Y Javascript
Si trabaja en eld esarrollo de aplicaciones web o desearía hacerlo y quiere especializarse en el diseño web para móviles gracias al conocimiento de HTML5 + CSS3 + JavaScript este es su momento, con el Curso de Sencha Touch…
- Duración340 h
- Unidades39
- Campos4
- FormatoSCORM 1.2
Sobre este contenido
Si trabaja en eld esarrollo de aplicaciones web o desearía hacerlo y quiere especializarse en el diseño web para móviles gracias al conocimiento de HTML5 + CSS3 + JavaScript este es su momento, con el Curso de Sencha Touch: Experto en Desarrollo con HTML5 Y Javascript podrá adquirir los conocimientos necesarios para Crea webapps y aplicaciones para móviles.
A quién va dirigido
El Scorm de Sencha Touch: Experto en Desarrollo con HTML5 Y Javascript está dirigido a profesionales de los sectores relacionados con el mundo de la informática, Internet y programación orientada a la web, así como a aquellos que deseen diseñar Webapps con profesionalidad.
Temario
39 unidades didácticas · 340 horas
Campo 1Sencha touch5 unidades
Presentación del curso
- Definición de Sencha Touch
- Instalación
Inicios con sencha touch
- Primeros pasos
- Creación del proyecto
- Organización y estructuración de ficheros
- Sintaxis
- Compilar y simular
Creación de interfaces con sencha touch
- Contenedores
- Creación de textos
- Incluir imágenes en la aplicación
- Creación de barras
- Alineación de elementos
- Personalización de componentes
Interacción
- Creación y edición de botones
- Eventos relacionados con botones
- Controladores
Publicacion de aplicaciones
- Compilando aplicaciones con Sencha Cmd
- Compilando aplicaciones con PhoneGap
Campo 2Diseño web para dispositivos móviles
Campo 1Javascript8 unidades
Introducción a las páginas web
- Introducción
- Programación del lado del cliente
- Programación del lado del servidor
- ¿Qué utilizaremos?
- ¿Qué necesita saber?
Introducción a javascript
- La etiqueta SCRIPT
- Contenido alternativo
- Variables
- Tipos de datos
- Operadores
- Cuadros de diálogo
Conceptos básicos de programación
- Introducción
- Estructuras de decisión
- Estructuras lógicas
- Estructuras de repetición
- Definir funciones
- Llamadas a funciones
- Ámbito de las variables
Objetos en javascript
- Introducción
- La jerarquía de objetos
- Propiedades y eventos
- Métodos
Los objetos location e history
- ¿Qué es una URL?
- El objeto Location
- Redirigir a otra página
- El objeto History
El objeto document
- Introducción
- La propiedad Title
- Los colores de la página
- El método write
- El conjunto images
El objeto form
- Formularios HTML
- El conjunto forms
- La propiedad elements
- Validar la información
- ¿Cuándo realizar la validación?
- Tipos de validación
Los objetos frame, navigator y screen
- El conjunto frames
- El objeto navigator
- El objeto screen
Campo 2Diseño web avanzado con HTML5 + CSS326 unidades
Herramientas necesarias
- Introducción
- Editor de texto
- Navegadores
Introducción HTML
- Introducción HTML
- ¿Cómo creamos documento HTML?
- Características básicas
Texto, enlaces, listas, imágenes y objetos
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y objetos
Tablas, formularios y estructuras
- Tablas
- Formularios
- Estructuras y layout
Otras etiquetas importantes
- Otras etiquetas importantes
Metainformación, accesibilidad y validación
- ¿Qué es la Metainformación?
- Accesibilidad
- Validación
Introducción CSS
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación oficial
- Funcionamiento básico de CSS
- ¿Cómo incluir CSS en la Web?
- Estilo básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
Selectores, unidades de medida y colores
- Selectores CSS
- Unidades de medida
- Colores
Modelos de cajas, posicionamiento y visualización
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
Estructurar una página “layout”
- Introducción a layout
- ¿Cómo centrar una página horizontalmente?
- ¿Cómo centrar una página verticalmente?
- Estructura y layout
- Altura/anchuras máximas y mínimas
- Estilos avanzados
Texto, enlaces, imágenes y listas
- Textos en CSS
- Enlaces
- Imágenes
- Listas
Tablas, formularios y shorthand
- Tablas
- Formulario
Otras utilidades de CSS
- Versión para imprimir
- Personalizar el cursor
- Hacks y filtros
- Prioridad en las declaraciones
- Validar CSS
- Recomendaciones Generales
- Recursos útiles
Firebug
- ¿Qué es Firebug?
- ¿Como se instala?
- ¿Como usamos Firebug?
Introducción HTML5
- ¿Qué es HTML5?
- ¿Cuáles son las mejoras?
- Etiquetas Obsoletas
- Etiquetas modificadas
- Lista de etiquetas HTML5
- Atributos eliminados
- Otros cambios
- Estructura HTML5
- Nueva estructuración del body
- Otros elementos nuevos de estructuración
Nuevos atributos, eventos y pseudo-clases
- Introducción a atributos globales
- Nuevos atributos
- Introducción a los nuevos eventos.
Nuevos elementos semánticos
- Elemento bdi
- Elemento command
- Elemento data
- Elementos details
- Elemento mark
- Elemento meter
- Elemento progress
- Elemento ruby
- Elemento time
- Elemento wbr
Mejoras en los formularios
- Nuevos elementos para los Formularios
- Cambios en el atributo type (input)
- Nuevos atributos para form
- Nuevos atributos para fieldset
- Nuevos atributos para input
- Nuevos atributos para textarea
Otras mejoras de HTML5
- Introducción a los elementos multimedia
- Etiqueta source
- Etiqueta track
- Elemento video
- Elemento audio
- Elemento embed
- Elemento canvas
- Introducción a MathML
- Introducción a SVG
- Introducción a Drag and Drop
- Validador HTML5
Introducción a CSS3
- Introducción
- Unidades, colores y fuentes
- Nuevos Selectores y pseudo-clases
Animaciones, fondos y bordes
- Propiedades para la animación
- Nuevas propiedades para los fondos
- Nuevas propiedades para Bordes
Cajas, cajas flexibles, colores y fuentes
- Propiedades de las cajas
- Propiedades de las cajas flexibles
- Propiedades del color
- Propiedades para las Fuentes
Enlaces y multi-columnas
- Propiedades para los hiperenlaces
- Propiedades de las multi-columnas
Texto y 2D/3D transformaciones
- Propiedades para texto
- Propiedad 2D/3D Transform
Transiciones e interfaz de usuario
- Propiedades para las transiciones
- Propiedades para la interfaz de usuario
- Validación CSS3
Móviles
- Introducción
- Diseño web para teléfonos móviles con HTML5, CSS3 y Jquery mobile
- Media Queries
- Local Storage
- Frameworks para la programación de aplicaciones móviles basadas en HTML
- Publicar una aplicación en Google Play
- Actividad Práctica