20480B 20480 Programación en HTML5 con JavaScript y CSS3

Fabricante: Microsoft Grupo: Desarrollo Subgrupo: Microsoft Visual

Studio 2012
Formación: Presencial Horas: 25

Requisitos previos

Se requieren los siguientes requisitos previos:

Entender la estructura básica del documento HTML

Cómo utilizar HTML etiquetas para mostrar el contenido de texto.
Cómo utilizar HTML etiquetas para mostrar gráficos.
Cómo usar HTML APIs.
Entender cómo el estilo común elementos HTML utilizando CSS, incluyendo:
Cómo separar presentación de contenido
Cómo gestionar el flujo de contenido.
Cómo controlar la posición de los elementos individuales.
Cómo aplicar un estilo CSS básico.
Entender cómo escribir código JavaScript para agregar funcionalidad a una página web
Cómo crear y usar variables
Cómo utilizar:
operadores aritméticos para realizar cálculos aritméticos que involucra una o más variables
operadores relacionales para poner a prueba la relación entre dos variables o expresiones
operadores lógicos para combinar las expresiones que contienen operadores relacionales
Cómo implementar las iteraciones mediante bucles.
Cómo escribir funciones simples.

Introducción

Este curso proporciona una introducción a HTML5, CSS3 y JavaScript. Este curso ayuda a los estudiantes a adquirir
habilidades de programación HTML5/CSS3/JavaScript básicas. Este curso es un punto de entrada a la aplicación Web
y aplicaciones Windows Store caminos de formación.

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 ramificación, desarrollar interfaces de usuario, capturar y validar la entrada del usuario,
almacenar datos y crear aplicación bien estructurado.

Los escenarios de laboratorio en este curso se seleccionan para apoyar y demostrar la estructura de diversos
escenarios de aplicación. Se destinan a centrarse en los principios y estructuras componentes de codificación que se
utilizan para crear una aplicación de software de HTML5.

Este curso utiliza Visual Studio 2012, corriendo en Windows 8.

Este curso prepara para el examen de Certificación 70-480

Dirigido a

Este curso está dirigido a los desarrolladores profesionales que están interesados en el desarrollo de aplicaciones
utilizando HTML5, CSS3 y JavaScript (o aplicaciones Windows Store para aplicaciones web o Windows 8).
 Al terminar el curso

Después de completar este curso, los estudiantes serán capaces de:

Explica cómo utilizar Visual Studio 2012 para crear y ejecutar una aplicación Web.
Describe las nuevas características de HTML5 y crear y estilo páginas de HTML5.
Añadir interactividad a una página de HTML5 utilizando JavaScript.
Crear formularios HTML5 utilizando diferentes tipos de entrada y validar la entrada de usuario mediante el uso de
atributos de HTML5 y código JavaScript.
Enviar y recibir datos de un origen de datos remoto mediante el uso de objetos XMLHTTPRequest y jQuery AJAX
operaciones.
Páginas de HTML5 estilo mediante el uso de CSS3.
Crear código JavaScript fácilmente mantenibles y bien estructurado.
Utilizar APIs comunes de HTML5 en aplicaciones Web interactivas.
Crear aplicaciones Web que soportan las operaciones fuera de línea.
Crear páginas Web HTML5 que pueden adaptarse a diferentes dispositivos y factores de forma.
Añadir gráficos avanzados a una página de HTML5 utilizando elementos de lona y usando y gráficos vectoriales
escalables.
Mejorar la experiencia del usuario al agregar animaciones a una página de HTML5.
Usar Web Sockets para enviar y recibir datos entre una aplicación Web y un servidor.
Mejorar la capacidad de respuesta de una aplicación Web que realiza operaciones de larga duración mediante el uso
de procesos de trabajo de Web.

Contenidos

Módulo 1 Resumen de HTML y CSS

Este módulo proporciona una visión general de HTML y CSS y describe cómo utilizar Visual Studio 2012 para construir
una aplicación Web.

Lecciones
Resumen de HTML
Resumen de CSS
Crear una aplicación Web utilizando Visual Studio 2012

Módulo 2 Creación y estilizar páginas de HTML5

Este módulo describe las nuevas características de HTML5 y explica cómo crear y HTML5 páginas de estilo.

Lecciones
Creando una página de HTML5
Labrar una página HTML5

Módulo 3 Introducción a JavaScript

Este módulo proporciona una introducción al lenguaje JavaScript y muestra cómo se utiliza JavaScript para añadir
interactividad a las páginas de HTML5.

Lecciones
Resumen de la sintaxis de JavaScript
Programación DOM de HTML con JavaScript
Introducción a jQuery
Módulo 4 Creación de formularios para recopilar datos y validar la entrada del usuario

Este módulo describe los nuevos tipos de entrada disponibles con HTML5 y explica cómo crear formularios para
recoger y validar la entrada de usuario mediante el uso de los nuevos atributos de HTML5 y código JavaScript.

Lecciones
Resumen de las formas y tipos de entrada
Validación de entrada de usuario mediante atributos de HTML5
Validación de entrada de usuario mediante el uso de JavaScript

Módulo 5 Comunicación con un origen de datos remoto

Este módulo describe cómo enviar y recibir datos de un origen de datos remoto usando un objeto XMLHTTPRequest y
realizando operaciones de jQuery AJAX.

Lecciones
Enviar y recibir datos mediante el uso de XMLHTTPRequest
Enviar y recibir datos mediante el uso de operaciones de jQuery AJAX

Módulo 6 Estilo HTML5 utilizando CSS3

Este módulo describe cómo el estilo de HTML5 páginas y elementos mediante el uso de las nuevas características
disponibles en CSS3.

Lecciones
Texto de estilo
Elementos de bloque de estilo
Selectores de CSS3
Mejora de efectos gráficos mediante el uso de CSS3

Módulo 7 Creación de objetos y métodos mediante JavaScript

Este módulo explica cómo escribir código JavaScript fácilmente mantenibles y bien estructurado y cómo aplicar los
principios orientados a objetos de código JavaScript en una aplicación Web.

Lecciones
Escribir JavaScript bien estructurado
Crear objetos personalizados
Objetos extensibles

Módulo 8 Crear páginas interactivas con APIs de HTML5

Este módulo describe cómo utilizar algunas APIs comunes de HTML5 para añadir elementos interactivos a una
aplicación Web. Este módulo también explica cómo depurar y perfil de una aplicación Web.

Lecciones
Interactuar con archivos
Incorporación de Multimedia
Reaccionando al contexto y ubicación de navegador
Depuración y perfiles de una aplicación Web
Módulo 9 Añadiendo soporte Offline a aplicaciones Web

Este módulo describe cómo añadir soporte offline a una aplicación Web, para permitir la aplicación para seguir
funcionando en el navegador de un usuario, incluso si el navegador está desconectado de la red.

Lecciones
Leer y escribir datos localmente
Añadiendo soporte Offline mediante el uso de caché de la aplicación

Módulo 10 Implementar una interfaz de usuario adaptable

Este módulo describe cómo crear páginas de HTML5 que pueden detectar dinámicamente y adaptarse a diferentes
dispositivos y factores de forma.

Lecciones
Apoyo a múltiples factores de forma
Crear una interfaz de usuario adaptable

Módulo 11 Creación de gráficos avanzados

Este módulo describe cómo crear gráficos avanzados para una aplicación Web HTML5 utilizando un elemento Canvas
y mediante el uso de gráficos vectoriales escalables.

Lecciones
Crear gráficos interactivos mediante el uso de gráficos vectoriales escalables
Dibujo mediante programación gráfica mediante el uso de un lienzo

Módulo 12 Animación de la interfaz de usuario

Este módulo describe cómo mejorar la experiencia del usuario en una aplicación Web HTML5 mediante la adición de
animaciones.

Lecciones
Aplicar las transiciones CSS
Transformación de elementos
Aplicar CSS animaciones de fotogramas clave

Módulo 13 Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets

Este módulo explica cómo usar Web Sockets para transmitir y recibir datos entre una aplicación Web HTML5 y un
servidor.

Lecciones
Recepción de datos desde Web Socket
Envío de datos a una toma de Web
Envío de múltiples tipos de mensajes hacia o desde una toma de Web
Módulo 14 Creación de un proceso de trabajo de Web

Este módulo describe cómo utilizar los procesos de trabajo de Web para realizar operaciones de larga duración de
forma asincrónica y mejorar la capacidad de respuesta de una aplicación Web HTML5.

Lecciones
Introducción a los trabajadores Web
Realizar procesamiento asíncrono mediante un trabajador Web