20480 Programación en HTML5 con JavaScript y CSS3

Transcripción

1 20480B Programación en HTML5 con JavaScript y CSS3 Fabricante: Microsoft Grupo: Desarrollo Subgrupo: Microsoft Visual Studio 2012 Formación: Presencial Horas: 25 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. Requisitos previos 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 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). Dirigido a

2 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. 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. 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. Resumen de la sintaxis de JavaScript Programación DOM de HTML con JavaScript Introducción a jquery

3 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. 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. 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. 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. 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. Interactuar con archivos Incorporación de Multimedia Reaccionando al contexto y ubicación de navegador Depuración y perfiles de una aplicación Web

4 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. 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. 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. 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. 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. 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

5 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. Introducción a los trabajadores Web Realizar procesamiento asíncrono mediante un trabajador Web