C/ Francisco Giralte, 2.

28002 Madrid
902 102 935 / Fax. 91 896 30 83
www.certiseg.com

20480B

Programacin en HTML5 con JavaScript y CSS3

Fabricante:

Microsoft

Grupo:

Desarrollo

Formacin:

Presencial

Horas:

25

Subgrupo:

Microsoft Visual
Studio 2012

Requisitos previos
Antes de asistir a este curso, los estudiantes deben tener al menos tres meses de experiencia en el desarrollo
profesional.
Adems de su experiencia profesional, los estudiantes que asisten a esta formacin deberan tener una combinacin
de conocimientos conceptuales y prcticos relacionados con la programacin de HTML5. Esto incluye los siguientes
requisitos previos:
Entender la estructura bsica del documento HTML:
Cmo utilizar HTML etiquetas para mostrar el contenido de texto.
Cmo utilizar HTML etiquetas para mostrar grficos.
Cmo usar HTML APIs.
Entender cmo el estilo comn elementos HTML utilizando CSS, incluyendo:
Cmo separar presentacin de contenido
Cmo gestionar el flujo de contenido.
Cmo controlar la posicin de los elementos individuales.
Cmo aplicar un estilo CSS bsico.
Entender cmo escribir cdigo JavaScript para agregar funcionalidad a una pgina web:
Cmo crear y usar variables
Cmo utilizar:
operadores aritmticos para realizar clculos aritmticos que involucra una o ms variables
operadores relacionales para poner a prueba la relacin entre dos variables o expresiones
operadores lgicos para combinar las expresiones que contienen operadores relacionales
Cmo controlar el flujo de programa mediante si... ms declaraciones.
Cmo implementar las iteraciones mediante bucles.
Cmo escribir funciones simples.

Introduccin
Este curso proporciona una introduccin a HTML5, CSS3 y JavaScript. Este curso ayuda a los estudiantes a adquirir
habilidades de programacin HTML5/CSS3/JavaScript bsicas. Este curso es un punto de entrada a la aplicacin Web
y aplicaciones Windows Store caminos de formacin. El curso se centra en el uso de HTML5/CSS3/JavaScript para
implementar la lgica de programacin, definir y utilizar variables, realizar bucles y ramificacin, desarrollar interfaces
de usuario, capturar y validar la entrada del usuario, almacenar datos y crear aplicacin bien estructurado.
Los escenarios de laboratorio en este curso se seleccionan para apoyar y demostrar la estructura de diversos
escenarios de aplicacin. Se destinan a centrarse en los principios y estructuras componentes de codificacin que se
utilizan para crear una aplicacin de software de HTML5.
Este curso utiliza Visual Studio 2012, corriendo en Windows 8.

Dirigido a
Este curso est dirigido a los desarrolladores profesionales que tienen 6-12 meses de experiencia en programacin y
que estn interesados en el desarrollo de aplicaciones utilizando HTML5, CSS3 y JavaScript (o aplicaciones Windows
Store para aplicaciones web o Windows 8).
Este curso est dirigido a estudiantes que tienen la siguiente experiencia:
13 meses de experiencia crea aplicaciones Web, incluyendo escribir cdigo JavaScript sencillo
1 mes de experiencia crea aplicaciones cliente para Windows
1 mes de experiencia utilizando Visual Studio 2010 o 2012
Este curso no est destinado a los desarrolladores con tres o ms meses de HTML5 experiencia de codificacin.
Los estudiantes deciden asistir a este curso sin antecedentes de desarrollador deben prestar especial atencin a los
requisitos de entrenamiento. Los desarrolladores que tienen ms de 5 aos de experiencia en programacin pueden
encontrar que las porciones de esta capacitacin son fundamentales en la naturaleza al presentar la sintaxis asociada
a ciertas tareas de programacin.
Las personas que estn interesadas en tomar el examen 70-480: programacin en HTML5, CSS3 y JavaScript,
tambin pueden asistir a este curso.

Al terminar el curso
Despus de completar este curso, los estudiantes sern capaces de:
Explica cmo utilizar Visual Studio 2012 para crear y ejecutar una aplicacin Web.
Describe las nuevas caractersticas de HTML5 y crear y estilo pginas de HTML5.
Aadir interactividad a una pgina 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 cdigo JavaScript.
Enviar y recibir datos de un origen de datos remoto mediante el uso de objetos XMLHTTPRequest y jQuery AJAX
operaciones.
Pginas de HTML5 estilo mediante el uso de CSS3.
Crear cdigo JavaScript fcilmente mantenibles y bien estructurado.
Utilizar APIs comunes de HTML5 en aplicaciones Web interactivas.
Crear aplicaciones Web que soportan las operaciones fuera de lnea.
Crear pginas Web HTML5 que pueden adaptarse a diferentes dispositivos y factores de forma.
Aadir grficos avanzados a una pgina de HTML5 utilizando elementos de lona y usando y grficos vectoriales
escalables.
Mejorar la experiencia del usuario al agregar animaciones a una pgina de HTML5.
Usar Web Sockets para enviar y recibir datos entre una aplicacin Web y un servidor.
Mejorar la capacidad de respuesta de una aplicacin Web que realiza operaciones de larga duracin mediante el uso
de procesos de trabajo de Web.

Contenidos
Mdulo 1

Resumen de HTML y CSS

Este mdulo proporciona una visin general de HTML y CSS y describe cmo utilizar Visual Studio 2012 para construir
una aplicacin Web.

Lecciones
Resumen de HTML
Resumen de CSS
Crear una aplicacin Web utilizando Visual Studio 2012

Mdulo 2

Creacin y estilizar pginas de HTML5

Este mdulo describe las nuevas caractersticas de HTML5 y explica cmo crear y HTML5 pginas de estilo.

Lecciones
Creando una pgina de HTML5
Labrar una pgina HTML5

Mdulo 3

Introduccin a JavaScript

Este mdulo proporciona una introduccin al lenguaje JavaScript y muestra cmo se utiliza JavaScript para aadir
interactividad a las pginas de HTML5.

Lecciones
Resumen de la sintaxis de JavaScript
Programacin DOM de HTML con JavaScript
Introduccin a jQuery

Mdulo 4

Creacin de formularios para recopilar datos y validar la entrada del usuario

Este mdulo describe los nuevos tipos de entrada disponibles con HTML5 y explica cmo crear formularios para
recoger y validar la entrada de usuario mediante el uso de los nuevos atributos de HTML5 y cdigo JavaScript.

Lecciones
Resumen de las formas y tipos de entrada
Validacin de entrada de usuario mediante atributos de HTML5
Validacin de entrada de usuario mediante el uso de JavaScript

Mdulo 5

Comunicacin con un origen de datos remoto

Este mdulo describe cmo 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

Mdulo 6

Estilo HTML5 utilizando CSS3

Este mdulo describe cmo el estilo de HTML5 pginas y elementos mediante el uso de las nuevas caractersticas
disponibles en CSS3.

Lecciones
Texto de estilo
Elementos de bloque de estilo
Selectores de CSS3
Mejora de efectos grficos mediante el uso de CSS3

Mdulo 7

Creacin de objetos y mtodos mediante JavaScript

Este mdulo explica cmo escribir cdigo JavaScript fcilmente mantenibles y bien estructurado y cmo aplicar los
principios orientados a objetos de cdigo JavaScript en una aplicacin Web.

Lecciones
Escribir JavaScript bien estructurado
Crear objetos personalizados
Objetos extensibles

Mdulo 8

Crear pginas interactivas con APIs de HTML5

Este mdulo describe cmo utilizar algunas APIs comunes de HTML5 para aadir elementos interactivos a una
aplicacin Web. Este mdulo tambin explica cmo depurar y perfil de una aplicacin Web.

Lecciones
Interactuar con archivos
Incorporacin de Multimedia
Reaccionando al contexto y ubicacin de navegador
Depuracin y perfiles de una aplicacin Web

Mdulo 9

Aadiendo soporte Offline a aplicaciones Web

Este mdulo describe cmo aadir soporte offline a una aplicacin Web, para permitir la aplicacin para seguir
funcionando en el navegador de un usuario, incluso si el navegador est desconectado de la red.

Lecciones
Leer y escribir datos localmente
Aadiendo soporte Offline mediante el uso de cach de la aplicacin

Mdulo 10

Implementar una interfaz de usuario adaptable

Este mdulo describe cmo crear pginas de HTML5 que pueden detectar dinmicamente y adaptarse a diferentes
dispositivos y factores de forma.

Lecciones
Apoyo a mltiples factores de forma
Crear una interfaz de usuario adaptable

Mdulo 11

Creacin de grficos avanzados

Este mdulo describe cmo crear grficos avanzados para una aplicacin Web HTML5 utilizando un elemento Canvas
y mediante el uso de grficos vectoriales escalables.

Lecciones
Crear grficos interactivos mediante el uso de grficos vectoriales escalables
Dibujo mediante programacin grfica mediante el uso de un lienzo

Mdulo 12

Animacin de la interfaz de usuario

Este mdulo describe cmo mejorar la experiencia del usuario en una aplicacin Web HTML5 mediante la adicin de
animaciones.

Lecciones
Aplicar las transiciones CSS
Transformacin de elementos
Aplicar CSS animaciones de fotogramas clave

Mdulo 13

Implementacin de comunicaciones en tiempo real mediante el uso de Web Sockets

Este mdulo explica cmo usar Web Sockets para transmitir y recibir datos entre una aplicacin Web HTML5 y un
servidor.

Lecciones
Recepcin de datos desde Web Socket
Envo de datos a una toma de Web
Envo de mltiples tipos de mensajes hacia o desde una toma de Web

Mdulo 14

Creacin de un proceso de trabajo de Web

Este mdulo describe cmo utilizar los procesos de trabajo de Web para realizar operaciones de larga duracin de
forma asincrnica y mejorar la capacidad de respuesta de una aplicacin Web HTML5.

Lecciones
Introduccin a los trabajadores Web
Realizar procesamiento asncrono mediante un trabajador Web