Programming in HTML5 with JavaScript and CSS3

Transcripción

1 Programming in HTML5 with JavaScript and CSS3 Duración: 5 Días Código del Curso: M20480 Version: B Temario: 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 de Windows Store caminos de formación. El curso se centra en el uso de HTML5/CSS3/JavaScript para implementar lógica de programación, definir y utilizar variables, realizar bucles y ramificación, desarrollar interfaces de usuario, capturar y validar entradas del usuario, almacenar los 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. Que deben concentrarse en los principios y estructuras componentes de codificación que se utilizan para establecer una aplicación de software de HTML5. Este curso utiliza Visual Studio 2012, corriendo en Windows 8. Dirigido a: Este curso está diseñado para desarrolladores profesionales que tienen 6-12 meses de experiencia de programación y que están interesados en el desarrollo de aplicaciones usando HTML5 con JavaScript y CSS3 (o aplicaciones de Windows Store para aplicaciones web o Windows 8). Este curso está dirigido a los estudiantes que tienen la siguiente experiencia:1 3 meses de experiencia crea aplicaciones Web, incluso escribir código JavaScript sencillo 1 mes de experiencia crea aplicaciones de cliente de Windows 1 mes de experiencia en el uso de Visual Studio 2010 o 2012 Este curso no está dirigido a desarrolladores con tres o más meses de HTML5 experiencia de codificación. Los estudiantes deciden asistir a este curso sin un fondo de desarrollo presten especial atención a los requisitos de formación. Los desarrolladores que tienen más de 5 años de experiencia de programación pueden encontrar que porciones de esta formación son fundamentales en la naturaleza en la presentación de la sintaxis asociada a ciertas tareas de programación. Individuos que están interesados en tomar el examen : programación en HTML5 con JavaScript y CSS3, también puede asistir a este curso. Objetivos: 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. Describir las nuevas características de HTML5, y crear estilo HTML5 páginas. Agregar interactividad a una página de HTML5 con JavaScript. Crear formularios HTML5 usando diferentes tipos de entrada y validar entradas del usuario mediante atributos HTML5 y código JavaScript. Enviar y recibir datos de un origen de datos remoto utilizando XMLHTTPRequest objetos y operaciones de AJAX de jquery. Páginas de HTML5 estilo utilizando CSS3. Crear el código JavaScript bien estructurado y fácilmente mantenible. Utilizar APIs de HTML5 comunes 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 para una página HTML5 utilizando elementos de tela y usando y gráficos vectoriales escalables. Mejorar la experiencia de usuario añadiendo animaciones en una página 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 la Web. Prerequisitos: Exámenes y certificación

2 Antes de asistir a este curso, los estudiantes deben tener al menos tres meses de experiencia en el desarrollo profesional. Además de su experiencia profesional, los estudiantes que asisten a esta capacitación deben tener una combinación de conocimientos prácticos y conceptuales relacionados con la programación HTML5. Esto incluye los requisitos previos siguientes: Comprender la estructura básica del documento HTML: Cómo utilizar HTML etiquetas para mostrar contenido de texto. Cómo utilizar HTML etiquetas para mostrar gráficos. Cómo utilizar APIs de HTML. Comprender 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. Comprender cómo escribir código JavaScript para agregar funcionalidad a una página web: Cómo crear y utilizar variables Cómo utilizar: operadores aritméticos para realizar cálculos aritméticos que involucran una o más variables operadores relacionales para probar la relación entre dos variables o expresiones operadores lógicos para combinar expresiones que contienen operadores relacionales Cómo controlar el flujo de programa utilizando if... else declaraciones. Cómo implementar iteraciones mediante el uso de bucles. Cómo escribir funciones simples.

3 Contenido: Módulo 1: Resumen de HTML y CSS Después de completar este módulo, los Este módulo describe cómo crear páginas de HTML5 que dinámicamente pueden detectar y adaptarse a diferentes dispositivos y Este módulo proporciona una visión general de Describir el propósito de un proceso de factores de forma. HTML y CSS y describe cómo utilizar Visual trabajo de la Web, y cómo puede Studio 2012 para construir una aplicación Web. utilizarse para realizar el procesamiento asíncrono, así como proporcionar aislamiento para operaciones sensibles. Serializar, deserializar, enviar y recibir datos mediante los objetos XMLHTTPRequest. Resumen de HTML Simplificar el código que serializa, se deserializa, envía y recibe datos Apoyo a múltiples factores de forma utilizando el método ajax de jquery Resumen de CSS Módulo 6: Estilo HTML5 usando CSS3 Crear una interfaz de usuario adaptable Creación de una aplicación Web mediante Visual Studio 2012 Este módulo describe cómo el estilo HTML5 Laboratorio: Implementar una interfaz de páginas y elementos mediante el uso de las usuario adaptable nuevas características disponibles en CSS3. Laboratorio: Explorar la aplicación de conferencia de Contoso Crear una hoja de estilos para imprimir Tutorial de la aplicación de conferencia de Adaptación de diseño de página para Contoso adaptarse a un Factor de forma diferente Examinar y modificar la aplicación Conferencia Después de completar este módulo, los de Contoso Estilo texto Describir el propósito de un proceso de Después de completar este módulo, los Elementos de estilo bloque trabajo de la Web, y cómo puede utilizarse así como proporcionar aislamiento para Describir el propósito de un proceso de Selectores de CSS3 operaciones sensibles. trabajo de la Web, y cómo puede utilizarse Describir la necesidad de detectar las así como proporcionar aislamiento para Aumento de efectos gráficos usando CSS3 capacidades del dispositivo y reaccionar ante operaciones sensibles. factores de forma diferentes en una aplicación Web. Describir atributos y elementos básicos de Laboratorio: Texto de estilo y elementos de HTML. bloque utilizando CSS3 Crear una página Web que se adaptan dinámicamente su diseño para que coincida con diferentes formatos. Explicar la estructura del CSS. Estilo de la barra de navegación Módulo 11: Creación de gráficos avanzados Describir las herramientas disponibles en Visual Studio 2012 para crear aplicaciones Estilo del encabezado de página Web. Este módulo describe cómo crear gráficos avanzados para una aplicación HTML5 Web Módulo 2: Creación y diseño páginas HTML5 Estilizar la página mediante el uso de un elemento Canvas y mediante el uso de gráficos vectoriales escalables. Este módulo describe las nuevas Después de completar este módulo, los características de HTML5 y explica cómo crear y estilo HTML5 páginas. Describir el propósito de un proceso de trabajo de la Web, y cómo puede utilizarse para realizar el procesamiento asíncrono, así como proporcionar Creación de gráficos interactivos mediante el aislamiento para operaciones sensibles. uso de gráficos vectoriales escalables

4 Creación de una página HTML5 Estilo de elementos de texto de una página HTML5 usando CSS3. Gráficos de dibujo mediante programación mediante el uso de un lienzo Estilo de una página HTML5 Aplicar estilo a elementos de bloque utilizando CSS3. Lab: Creación de gráficos avanzados Lab: Creación y diseño páginas HTML5 Utilizar selectores de CSS3 para especificar los elementos para ser Crear un mapa interactivo del lugar mediante Crear paginas HTML5 labrado en una aplicación Web. el uso de gráficos vectoriales escalables Aplicar efectos gráficos y transformaciones mediante el uso de las Páginas de HTML5 estilo nuevas propiedades de CSS3. Crear una insignia del altavoz mediante el uso de un elemento Canvas Módulo 7: Creación de objetos y métodos Después de completar este módulo, los mediante JavaScript Después de completar este módulo, los Describir el propósito de un proceso de Este módulo explica cómo escribir código trabajo de la Web, y cómo puede utilizarse JavaScript bien estructurado y fácilmente Describir el propósito de un proceso de mantenible y cómo aplicar principios trabajo de la Web, y cómo puede utilizarse así como proporcionar aislamiento para orientados a objetos a código JavaScript en operaciones sensibles. una aplicación Web. así como proporcionar aislamiento para operaciones sensibles. Crear páginas estáticas usando las nuevas características disponibles en HTML5. Utilice gráficos vectoriales escalables para añadir gráficos interactivos a una aplicación. Uso CSS3 para aplicar un estilo básico a los elementos de una página HTML5. Dibujar gráficos complejos en un elemento Creación de objetos personalizados Canvas de HTML5 utilizando código Módulo 3: Introducción a JavaScript JavaScript. Extendiendo objetos Módulo 12: Animación de la interfaz de Este módulo ofrece una introducción al usuario lenguaje JavaScript y muestra cómo utilizar JavaScript para añadir interactividad a las Laboratorio: Refinación código de páginas de HTML5. mantenibilidad y extensibilidad Este módulo describe cómo mejorar la experiencia del usuario en una aplicación HTML5 Web agregando animaciones. Herencia de objetos Refactorización de código para utilizar los Resumen de sintaxis JavaScript objetos Aplicar transiciones de CSS Programación DOM de HTML con JavaScript Después de completar este módulo, los Transformación de elementos Introducción a jquery Describir el propósito de un proceso de trabajo de la Web, y cómo puede utilizarse para realizar el procesamiento Aplicar animaciones de fotogramas clave Laboratorio: Visualización de datos y control de asíncrono, así como proporcionar CSS eventos mediante el uso de JavaScript aislamiento para operaciones sensibles. Describir los beneficios de estructurar código Laboratorio: Animación de elementos de la Mostrar datos mediante programación JavaScript cuidadosamente para ayudar a interfaz de usuario mantenimiento y extensibilidad. Control de eventos Aplicar transiciones a elementos de la interfaz Explicar las mejores prácticas para la de usuario creación de objetos personalizados en Después de completar este módulo, los JavaScript. Aplicar animaciones de fotogramas clave Describe cómo extender los objetos

5 Describir el propósito de un proceso de nativos y personalizados para agregar trabajo de la Web, y cómo puede utilizarse funcionalidad. Después de completar este módulo, los así como proporcionar aislamiento para Módulo 8: Creación de páginas interactivas operaciones sensibles. usando las APIs de HTML5 Describir el propósito de un proceso de trabajo de la Web, y cómo puede utilizarse Explicar la sintaxis de JavaScript y describir cómo utilizar JavaScript con HTML5. Este módulo describe cómo utilizar algunas así como proporcionar aislamiento para APIs comunes de HTML5 para añadir operaciones sensibles. elementos interactivos a una aplicación Web. Escriba el código JavaScript que manipula los Este módulo también explica cómo depurar y Aplicar transiciones de CSS a elementos de eventos DOM de HTML y los mangos. Perfil de una aplicación Web. una página HTML5 y escriba código JavaScript para detectar cuando se ha Describe cómo utilizar jquery para producido una transición. simplificar el código que utiliza muchas APIs de JavaScript comunes. Describir los diferentes tipos de transiciones Módulo 4: Creación de formularios para 2D y 3D con CSS3 recopilar datos y validar entradas del usuario Implementar animaciones complejas mediante fotogramas clave CSS y código Este módulo describe los nuevos tipos de Interactuar con archivos JavaScript. entrada disponibles con HTML5 y explica cómo crear formularios para recolectar y validar Módulo 13: Implementación de entradas del usuario mediante el uso de los Incorporación de Multimedia comunicaciones en tiempo real mediante el nuevos atributos de HTML5 y el código uso de Web Sockets JavaScript. Reaccionar al contexto y ubicación de navegador Este módulo explica cómo usar Web Sockets para transmitir y recibir datos entre un servidor y una aplicación Web de HTML5. Depuración y perfiles de una aplicación Web Resumen de las formas y tipos de entrada Lab: Creación de páginas interactivas mediante el uso de las APIs de HTML5 Validación de entrada de usuario con atributos de HTML5 Introducción a Web tomas Incorporación de Video Validación de entrada de usuario con Enviar y recibir datos mediante el uso de Web JavaScript Incorporación de imágenes Sockets Laboratorio: Crear un formulario y validación de Usando la API de geolocalización Laboratorio: Implementación de entrada de usuario comunicaciones en tiempo real mediante el uso de Web Sockets Después de completar este módulo, los Crear un formulario y validación de entrada de usuario con atributos de HTML5 Recepción de datos desde Web Socket Describir el propósito de un proceso de trabajo de la Web, y cómo puede Validación de entrada de usuario con utilizarse para realizar el procesamiento Envío de datos a una toma de la Web JavaScript asíncrono, así como proporcionar aislamiento para operaciones sensibles. Enviar múltiples tipos de mensajes a o desde Después de completar este módulo, los Utilizar la rastra y gota y las API de archivo una toma de la Web para interactuar con archivos en una aplicación Web. Describir el propósito de un proceso de Después de completar este módulo, los trabajo de la Web, y cómo puede utilizarse Incorporar audio y vídeo en una aplicación así como proporcionar aislamiento para Web. Describir el propósito de un proceso de operaciones sensibles. trabajo de la Web, y cómo puede utilizarse Crear formularios que utilizan los nuevos tipos Detectar la ubicación del usuario ejecuta una así como proporcionar aislamiento para

6 de entrada de HTML5. aplicación Web utilizando la API de operaciones sensibles. geolocalización. Explicar cómo funcionan los Web Sockets y Validar usuario y ofrecer retroalimentación Explicar cómo depurar y Perfil de una se describe cómo enviar y recibir datos a mediante el uso de los nuevos atributos de aplicación Web utilizando la API de través de una toma de la Web. HTML5. sincronización Web y las herramientas de desarrollador de Internet Explorer. Utilizar la API de Socket de Web con Escribir código JavaScript para validar JavaScript para conectarse a un servidor entradas del usuario y proporcionar la Módulo 9: Añadiendo soporte Off para de Web sockets, enviar y recibir datos y regeneración en casos donde no es aplicaciones Web manejar los diferentes eventos que conveniente utilizar HTML5 atributos pueden ocurrir cuando un mensaje es enviado o recibido. Módulo 5: Comunicación con un origen de Este módulo describe cómo añadir soporte datos remoto off a una aplicación Web, para permitir la Módulo 14: Creando un proceso de trabajo aplicación para seguir funcionando en el Web navegador de un usuario incluso si el Este módulo describe cómo enviar y recibir navegador se desconecta de la red. datos de un origen de datos remoto utilizando un objeto XMLHTTPRequest y realizando operaciones de AJAX de jquery. Este módulo describe cómo utilizar Web procesos de trabajo para realizar operaciones de larga duración de forma asincrónica y Leer y escribir datos localmente mejorar la capacidad de respuesta de una aplicación Web de HTML5. Enviar y recibir datos mediante el uso de Adición de soporte fuera de línea mediante el XMLHTTPRequest uso de caché de la aplicación Enviar y recibir datos mediante el uso de las Laboratorio: Adición de soporte fuera de línea operaciones de AJAX de jquery para una aplicación Web Introducción a los trabajadores de la Web Laboratorio: Comunicarse con un origen de Implementación de caché de la aplicación Realizar procesamiento asíncrono mediante datos remoto un trabajador Web Aplicación de almacenamiento Local Recuperación de datos Lab: Creación de un proceso de trabajo Web Después de completar este módulo, los Serialización y transmisión de datos Mejorar la capacidad de respuesta mediante el uso de un trabajador de la Web Describir el propósito de un proceso de Refactorización del código mediante método trabajo de la Web, y cómo puede ajax de jquery utilizarse para realizar el procesamiento Después de completar este módulo, los asíncrono, así como proporcionar aislamiento para operaciones sensibles. Describir el propósito de un proceso de Guardar y recuperar datos localmente en el trabajo de la Web, y cómo puede utilizarse equipo del usuario utilizando la API de almacenamiento Local. así como proporcionar aislamiento para operaciones sensibles. Proporcionan soporte off para una aplicación Web utilizando la API de Utilizar las API de trabajador Web desde caché de la aplicación. código JavaScript para crear, ejecutar y controlar un proceso de trabajo de la Web. Módulo 10: Implementación de una interfaz de usuario adaptable

7 Más información: Para más información o para reservar tu plaza llámanos al (34) [email protected] Global Knowledge Network Spain, C/ Retama 7, 6ª planta, Madrid