MOC 20480 - Programación en HTML5 con JavaScript y CSS3
Duración: 45 Horas
Esta formación para el desarrollo web es una introducción a HTML5, CSS3 y JavaScript. Este curso ayuda a los estudiantes a adquirir las habilidades básicas de programación HTML5/CSS3/JavaScript. Este curso es un punto de entrada a la aplicación web y Windows Store itinerarios formativos aplicaciones. 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 la entrada del usuario, almacenar datos y crear aplicaciones bien estructuradas.
Objetivos de la Clase
- Aprenda a utilizar Visual Studio 2012 para crear y ejecutar una aplicación Web.
- Conozca las nuevas características de HTML5, y crear y estilo de páginas HTML5.
- Aprende a añadir interactividad a una página de HTML5 usando JavaScript.
- Aprender a crear formularios HTML5 usando diferentes tipos de entrada, y validar la entrada del usuario mediante el uso de atributos HTML5 y código JavaScript.
- Aprenda a enviar y recibir datos hacia y desde un origen de datos remoto utilizando objetos XMLHttpRequest y operaciones jQuery AJAX.
- Aprenda a páginas HTML5 estilo usando CSS3.
- Aprenda a crear, bien estructurado y de fácil de mantener el código JavaScript.
- Aprenda a utilizar las API de HTML5 común en las aplicaciones Web interactivas.
- Aprenda a crear aplicaciones Web que soportan las operaciones fuera de línea.
- Aprender a crear páginas Web HTML5 que pueden adaptarse a diferentes dispositivos y factores de forma.
- Aprenda a agregar gráficos avanzados a una página de HTML5 utilizando elementos de lona, ??y mediante el uso y Scalable Vector Graphics.
- Aprenda a mejorar la experiencia del usuario mediante la adición de animaciones a una página de HTML5.
- Aprenda a utilizar Sockets Web para enviar y recibir datos entre una aplicación Web y un servidor.
- Aprenda a mejorar la capacidad de respuesta de una aplicación web que realiza operaciones de larga duración mediante el uso de procesos Web trabajadores.
Class Outline
- Visión general de HTML y CSS
- Listado de HTML
- De las CSS
- Crear una aplicación Web utilizando Visual Studio 2012
- Lab: Exploración de la aplicación Contoso Conferencia
- Tutorial de la aplicación Contoso Conferencia
- Examen y modificación de la solicitud de la Conferencia de Contoso
- Creación y Styling páginas HTML5
- Creación de una página HTML5
- Styling una página HTML5
- Lab: Creación y Styling páginas HTML5
- Creación de páginas HTML5
- Styling páginas HTML5
- Introducción a JavaScript
- Visión general de la sintaxis de JavaScript
- La programación del DOM HTML con Javascript
- Introducción a jQuery
- Laboratorio: Visualización de datos y manejo de eventos mediante JavaScript
- Visualización de datos mediante programación
- Manejo de Eventos
- Creación de formularios para recopilar datos y validar la entrada de usuario
- Visión general de las formas y tipos de entrada
- Validar los datos introducidos por el usuario mediante atributos HTML5
- Validación de los datos de usuario mediante JavaScript
- Lab: Creación de un formulario y validación de los datos de usuario
- Crear un formulario y validación de los datos de usuario mediante atributos HTML5
- Validación de los datos de usuario mediante JavaScript
- Comunicación con un origen de datos remoto
- Envío y recepción de datos mediante el uso XMLHTTPRequest
- Envío y recepción de datos mediante el uso de AJAX jQuery operaciones
- Laboratorio: Comunicación con un origen de datos remoto
- Recuperar datos
- La serialización y transmisión de datos
- Refactoring el código utilizando jQuery ajax
- Styling HTML5 utilizando CSS3
- Estilo de texto
- Styling elementos de bloque
- CSS3 Selectors
- Mejora de efectos gráficos utilizando CSS3
- Laboratorio: El estilo de texto y elementos de bloque usando CSS3
- El estilo de la barra de navegación
- El estilo del encabezado de página
- El estilo de la página Acerca de
- Creación de objetos y métodos mediante JavaScript
- Escribir bien estructurado JavaScript
- Creación de objetos personalizados
- Objetos extensibles
- Laboratorio: Refinación Código para el mantenimiento y extensibilidad
- Herencia de objetos
- Refactorización de código para utilizar objetos
- Creación de páginas interactivas usando HTML5 APIs
- Interactuar con Archivos
- Multimedia que incorporan
- En respuesta a Localización y contexto
- Depurar y generar perfiles de una aplicación Web
- Lab: Creación de páginas interactivas mediante las API de HTML5
- La incorporación de vídeo
- La incorporación de imágenes
- Usando la API de geolocalización
- Adición de compatibilidad sin conexión para aplicaciones Web
- Lectura y escritura de datos a nivel local
- Adición de compatibilidad sin conexión mediante la memoria caché de aplicaciones
- Laboratorio: Adición de compatibilidad sin conexión para una aplicación Web
- Aplicación de la memoria caché de aplicaciones
- Implementar el almacenamiento local
- La implementación de una interfaz de usuario adaptable
- Apoyar Factores Múltiples Formularios
- Creación de una interfaz de usuario adaptable
- Laboratorio: Implementación de una interfaz de usuario adaptable
- Crear una hoja de estilos para imprimir
- Adaptación de diseño de página para ajustar a un factor de forma diferente
- Creación de gráficos avanzados
- Creación de gráficos interactivos mediante el uso de gráficos vectoriales escalables
- Programación de dibujo de gráficos utilizando un lienzo
- Lab: Creación de gráficos avanzados
- Creación de un mapa interactivo Sede mediante Scalable Vector Graphics
- Creación de una insignia del altavoz utilizando un elemento Canvas
- Animación de la interfaz de usuario
- Aplicar transiciones CSS
- Elementos transformadores
- Aplicar CSS animaciones de fotogramas clave
- Laboratorio: Animación de los elementos de interfaz de usuario
- Aplicar transiciones a Elementos de la interfaz de usuario
- Aplicando Animaciones de fotogramas clave
- Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets
- Introducción a la Web Sockets
- Envío y recepción de datos mediante el uso de sockets Web
- Laboratorio: Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets
- Recepción de datos de Web Socket
- Envío de datos a un objeto Socket Web
- Envío de múltiples tipos de mensajes hacia o desde un Socket Web
- Creación de un proceso de trabajo de Web
- Introducción a los Web Workers
- Realizar el procesamiento asincrónico mediante un Trabajador Web
- Lab: Creación de un proceso de trabajo de Web