Programming in HTML5 with JavaScript and CSS3
Este curso proporciona una introducción a HTML5, CSS3 y JavaScript. Este curso ayuda a los estudiantes a obtener conocimientos básicos de programación HTML5/CSS3/JavaScript. Este curso es un punto de entrada en las rutas de capacitación de aplicaciones Web y aplicaciones de Windows Store. El curso se centra en el uso de HTML5/CSS3/JavaScript para implementar la lógica de programación, definir y utilizar variables, realizar bucles y ramificaciones, desarrollar interfaces de usuario, capturar y validar las entradas del usuario, almacenar datos y crear aplicaciones bien estructuradas.
Los escenarios de laboratorio en este curso se seleccionan para apoyar y demostrar la estructura de varios escenarios de aplicación. Están pensados para centrarse en los principios y componentes/estructuras de codificación que se utilizan para establecer una aplicación de software HTML5.
Este curso utiliza Visual Studio 2012, ejecutándose en Windows 8
Objetivos
Describir las nuevas características de HTML5 y crear y dar estilo a las páginas HTML5.
Añadir interactividad a una página HTML5 utilizando JavaScript.
Crear formularios HTML5 utilizando diferentes tipos de entrada y validar la entrada del usuario utilizando atributos HTML5 y código JavaScript.
Enviar y recibir datos desde y hacia una fuente de datos remota utilizando objetos XMLHTTPRequest y operaciones jQuery AJAX.
Estilizar páginas HTML5 utilizando CSS3.
Crear código JavaScript bien estructurado y de fácil mantenimiento.
Utilizar APIs HTML5 comunes en aplicaciones Web interactivas.
Crear aplicaciones Web que soporten operaciones fuera de línea.
Cree páginas Web HTML5 que se puedan adaptar a diferentes dispositivos y factores de forma.
Añada gráficos avanzados a una página HTML5 utilizando elementos de lienzo y utilizando gráficos vectoriales escalables.
Mejore la experiencia del usuario añadiendo animaciones a una página HTML5.
Utilice los Web Sockets para enviar y recibir datos entre una aplicación Web y un servidor.
Mejore la capacidad de respuesta de una aplicación Web que realiza operaciones de larga duración mediante el uso de procesos de Web Worker.
Administración y programación bases de datos
Disponible en formato e-learning
Disponible en formato presencial
Disponible en formato a distancia
Subvención disponible
A través de Fundae, cumpliendo requisitos.
Duración
25 horas
- Dificultad 50%
- Nivel alcanzado 80%
Dirigido a
Este curso está dirigido a desarrolladores profesionales que tengan entre 6 y 12 meses de experiencia en programación y que estén interesados en desarrollar aplicaciones utilizando HTML5 con JavaScript y CSS3 (ya sea aplicaciones de Windows Store para Windows 8 o aplicaciones web).
Conocimientos requeridos
Comprender la estructura básica del documento HTML:
Cómo utilizar las etiquetas HTML para mostrar el contenido del texto.
Cómo usar etiquetas HTML para mostrar gráficos.
Cómo utilizar las APIs HTML.
Entender cómo dar estilo a elementos HTML comunes utilizando CSS, incluyendo:
Cómo separar la presentación del contenido
Cómo gestionar el flujo de contenidos.
Cómo controlar la posición de los elementos individuales.
Cómo implementar un estilo básico de CSS.
Entender cómo escribir código JavaScript para añadir funcionalidad a una página web:
Cómo crear y utilizar variables
Cómo se usa:
operadores aritméticos para realizar cálculos aritméticos que impliquen una o más variables
operadores relacionales para probar la relación entre dos variables o expresiones
operadores lógicos para combinar expresiones que contienen operadores relacionales
Cómo controlar el flujo del programa utilizando las sentencias if … else.
Cómo implementar iteraciones usando bucles.
Cómo escribir funciones simples.
Temario
Módulo 1: Visión general de HTML y CSS
Visión general de HTML
Visión general de CSS
Creación de una aplicación web mediante el uso de Visual Studio 2012
Laboratorio: Explorando la aplicación de la Conferencia Contoso
Recorrido de la aplicación de la Conferencia Contoso
Examen y modificación de la aplicación de Contoso Conference
Módulo 2: Crear y estilizar páginas HTML5
Creación de una página HTML5
Estilo de una página HTML5
Laboratorio : Creación y estilo de páginas HTML5
Creación de páginas HTML5
Estilización de páginas HTML5
Módulo 3: Introducción a JavaScript
Visión general de la sintaxis de JavaScript
Programación del DOM HTML con JavaScript
Introducción a jQuery
Laboratorio : Visualización de datos y manejo de eventos mediante el uso de JavaScript
Visualización de datos por medio del programa
Manejo de eventos
Módulo 4: Crear formas para recolectar datos y validar las entradas del usuario
Resumen de formularios y clases de entrada
Validación de la entrada del usuario mediante el uso de atributos HTML5
Validación de la entrada del usuario mediante el uso de JavaScript
Laboratorio : Creación de una forma y validación de la entrada del usuario
Creación de un formulario y validación de la entrada del usuario mediante el uso de atributos HTML5
Validación de la entrada del usuario mediante el uso de JavaScript
Módulo 5: Comunicación con una fuente de datos remota
Envío y recepción de datos mediante el uso de XMLHTTPRequest
Envío y recepción de datos mediante operaciones jQuery AJAX
Laboratorio : Comunicación con una fuente de datos remota
Recuperación de datos
Serialización y transmisión de datos
Refactorización del código mediante el método jQuery ajax
Módulo 6: Estilización de HTML5 mediante el uso de CSS3
Estilo de texto
Elementos del bloque de estilización
Selectores CSS3
Mejora de los efectos gráficos mediante el uso de CSS3
Laboratorio : Estilización de texto y elementos de bloque mediante CSS3
Estilo de la barra de navegación
Estilo del encabezado de la página
Estilo de la página Acerca de
Módulo 7: Creación de objetos y métodos mediante JavaScript
Escribiendo JavaScript bien estructurado
Creación de objetos personalizados
Extensión de objetos
Laboratorio : Refinamiento del código para la mantenibilidad y la extensibilidad
Heredar de los objetos
Código de refactorización para utilizar objetos
Módulo 8: Creación de páginas interactivas utilizando APIs HTML5
Interacción con los archivos
Incorporación de Multimedia
Reacción a la ubicación y el contexto del navegador
Depuración y perfilado de una aplicación web
Laboratorio: Creación de páginas interactivas mediante el uso de API HTML5
Incorporación de video
Incorporación de imágenes
Uso de la API de Geolocalización
Módulo 9: Añadir soporte fuera de línea a las aplicaciones web
Lectura y escritura de datos a nivel local
Añadir soporte sin conexión mediante el uso de la caché de aplicaciones
Laboratorio : Adición de soporte fuera de línea a una aplicación web
Implementación de la caché de aplicaciones
Implementación del almacenamiento local
Módulo 10: Implementación de una interfaz de usuario adaptable
Apoyo a múltiples factores de forma
Creación de una interfaz de usuario adaptable
Laboratorio : Implementación de una interfaz de usuario adaptable
Creación de una hoja de estilo fácil de imprimir
Adaptación del diseño de página para ajustarse a un factor de forma diferente
Módulo 11: Creación de gráficos avanzados
Creación de gráficos interactivos mediante el uso de gráficos vectoriales escalables
Dibujo de gráficos mediante el uso de un lienzo
Laboratorio : Creación de gráficos avanzados
Creación de un mapa interactivo del recinto mediante el uso de gráficos vectoriales escalables
Creación de un distintivo de orador mediante un elemento de lienzo
Módulo 12: Animación de la interfaz de usuario
Aplicación de las transiciones de CSS
Elementos de transformación
Aplicación de animaciones de fotogramas clave CSS
Laboratorio : Animación de los elementos de la interfaz de usuario
Aplicación de las transiciones a los elementos de la interfaz de usuario
Aplicación de animaciones de fotogramas clave
Módulo 13: Implementación de comunicaciones en tiempo real mediante el uso de sockets web
Introducción a los Web Sockets
Envío y recepción de datos mediante el uso de Web Sockets
Laboratorio : Implementación de comunicaciones en tiempo real mediante el uso de sockets web
Recepción de datos desde el Web Socket
Envío de datos a un Web Socket
Envío de múltiples tipos de mensajes a o desde un Web Socket
Módulo 14: Crear un proceso de trabajo en la Web
Introducción a los trabajadores de la web
Realización del tratamiento asincrónico mediante un trabajador de la Web
Laboratorio : Creación de un proceso de trabajo en la web
Mejora de la capacidad de respuesta mediante el uso de un trabajador web
Comentarios recientes