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

  1. Visión general de HTML y CSS
    1. Listado de HTML
    2. De las CSS
    3. Crear una aplicación Web utilizando Visual Studio 2012
    4. Lab: Exploración de la aplicación Contoso Conferencia
      1. Tutorial de la aplicación Contoso Conferencia
      2. Examen y modificación de la solicitud de la Conferencia de Contoso
  2. Creación y Styling páginas HTML5
    1. Creación de una página HTML5
    2. Styling una página HTML5
    3. Lab: Creación y Styling páginas HTML5
      1. Creación de páginas HTML5
      2. Styling páginas HTML5
  3. Introducción a JavaScript
    1. Visión general de la sintaxis de JavaScript
    2. La programación del DOM HTML con Javascript
    3. Introducción a jQuery
    4. Laboratorio: Visualización de datos y manejo de eventos mediante JavaScript
      1. Visualización de datos mediante programación
      2. Manejo de Eventos
  4. Creación de formularios para recopilar datos y validar la entrada de usuario
    1. Visión general de las formas y tipos de entrada
    2. Validar los datos introducidos por el usuario mediante atributos HTML5
    3. Validación de los datos de usuario mediante JavaScript
    4. Lab: Creación de un formulario y validación de los datos de usuario
      1. Crear un formulario y validación de los datos de usuario mediante atributos HTML5
      2. Validación de los datos de usuario mediante JavaScript
  5. Comunicación con un origen de datos remoto
    1. Envío y recepción de datos mediante el uso XMLHTTPRequest
    2. Envío y recepción de datos mediante el uso de AJAX jQuery operaciones
    3. Laboratorio: Comunicación con un origen de datos remoto
      1. Recuperar datos
      2. La serialización y transmisión de datos
      3. Refactoring el código utilizando jQuery ajax
  6. Styling HTML5 utilizando CSS3
    1. Estilo de texto
    2. Styling elementos de bloque
    3. CSS3 Selectors
    4. Mejora de efectos gráficos utilizando CSS3
    5. Laboratorio: El estilo de texto y elementos de bloque usando CSS3
      1. El estilo de la barra de navegación
      2. El estilo del encabezado de página
      3. El estilo de la página Acerca de
  7. Creación de objetos y métodos mediante JavaScript
    1. Escribir bien estructurado JavaScript
    2. Creación de objetos personalizados
    3. Objetos extensibles
    4. Laboratorio: Refinación Código para el mantenimiento y extensibilidad
      1. Herencia de objetos
      2. Refactorización de código para utilizar objetos
  8. Creación de páginas interactivas usando HTML5 APIs
    1. Interactuar con Archivos
    2. Multimedia que incorporan
    3. En respuesta a Localización y contexto
    4. Depurar y generar perfiles de una aplicación Web
    5. Lab: Creación de páginas interactivas mediante las API de HTML5
      1. La incorporación de vídeo
      2. La incorporación de imágenes
      3. Usando la API de geolocalización
  9. Adición de compatibilidad sin conexión para aplicaciones Web
    1. Lectura y escritura de datos a nivel local
    2. Adición de compatibilidad sin conexión mediante la memoria caché de aplicaciones
    3. Laboratorio: Adición de compatibilidad sin conexión para una aplicación Web
      1. Aplicación de la memoria caché de aplicaciones
      2. Implementar el almacenamiento local
  10. La implementación de una interfaz de usuario adaptable
    1. Apoyar Factores Múltiples Formularios
    2. Creación de una interfaz de usuario adaptable
    3. Laboratorio: Implementación de una interfaz de usuario adaptable
      1. Crear una hoja de estilos para imprimir
      2. Adaptación de diseño de página para ajustar a un factor de forma diferente
  11. Creación de gráficos avanzados
    1. Creación de gráficos interactivos mediante el uso de gráficos vectoriales escalables
    2. Programación de dibujo de gráficos utilizando un lienzo
    3. Lab: Creación de gráficos avanzados
      1. Creación de un mapa interactivo Sede mediante Scalable Vector Graphics
      2. Creación de una insignia del altavoz utilizando un elemento Canvas
  12. Animación de la interfaz de usuario
    1. Aplicar transiciones CSS
    2. Elementos transformadores
    3. Aplicar CSS animaciones de fotogramas clave
    4. Laboratorio: Animación de los elementos de interfaz de usuario
      1. Aplicar transiciones a Elementos de la interfaz de usuario
      2. Aplicando Animaciones de fotogramas clave
  13. Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets
    1. Introducción a la Web Sockets
    2. Envío y recepción de datos mediante el uso de sockets Web
    3. Laboratorio: Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets
      1. Recepción de datos de Web Socket
      2. Envío de datos a un objeto Socket Web
      3. Envío de múltiples tipos de mensajes hacia o desde un Socket Web
  14. Creación de un proceso de trabajo de Web
    1. Introducción a los Web Workers
    2. Realizar el procesamiento asincrónico mediante un Trabajador Web
    3. Lab: Creación de un proceso de trabajo de Web