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 70-480: 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.
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.
Páginas de HTML5 estilo utilizando CSS3. Crear el código JavaScript bien estructurado y fácilmente mantenible.
Prerequisitos:
M20480 B
Exámenes y certificación
www.globalknowledge.es
[email protected]
(34) 91 425 06 60
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.
M20480 B
www.globalknowledge.es
[email protected]
(34) 91 425 06 60
Contenido: Módulo 1: Resumen de HTML y CSS line
Después de completar este módulo, los estudiantes serán capaces de: line Este módulo proporciona una visión general de Describir el propósito de un proceso de 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 line asíncrono, así como proporcionar aislamiento para operaciones sensibles. Lecciones line Serializar, deserializar, enviar y recibir datos Escribir JavaScript bien estructurado mediante los objetos XMLHTTPRequest. line Resumen de HTML Simplificar el código que serializa, se line deserializa, envía y recibe datos utilizando el método ajax de jQuery Resumen de CSS line Módulo 6: Estilo HTML5 usando CSS3 line Creación de una aplicación Web mediante Visual Studio 2012 Este módulo describe cómo el estilo HTML5 line páginas y elementos mediante el uso de las nuevas características disponibles en CSS3. Laboratorio: Explorar la aplicación de line conferencia de Contoso line Lecciones line Tutorial de la aplicación de conferencia de Escribir JavaScript bien estructurado Contoso line line Examinar y modificar la aplicación Conferencia de Contoso Estilo texto line line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles.
Elementos de estilo bloque line
Aumento de efectos gráficos usando CSS3 line
Describir atributos y elementos básicos de HTML. line
Laboratorio: Texto de estilo y elementos de bloque utilizando CSS3 line
Explicar la estructura del CSS. line Describir las herramientas disponibles en Visual Studio 2012 para crear aplicaciones Web.
Estilo de la barra de navegación line
Módulo 2: Creación y diseño páginas HTML5 line
Estilizar la página line
Selectores de CSS3 line
Estilo del encabezado de página line
www.globalknowledge.es
Lecciones line Escribir JavaScript bien estructurado
line Apoyo a múltiples factores de forma line Crear una interfaz de usuario adaptable line Laboratorio: Implementar una interfaz de usuario adaptable line Crear una hoja de estilos para imprimir line Adaptación de diseño de página para adaptarse a un Factor de forma diferente line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles. Describir la necesidad de detectar las capacidades del dispositivo y reaccionar ante factores de forma diferentes en una aplicación Web. line Crear una página Web que se adaptan dinámicamente su diseño para que coincida con diferentes formatos. Módulo 11: Creación de gráficos avanzados line
Este módulo describe las nuevas Después de completar este módulo, los características de HTML5 y explica cómo crear estudiantes serán capaces de: y estilo HTML5 páginas. line line Describir el propósito de un proceso de trabajo de la Web, y cómo puede Lecciones utilizarse para realizar el procesamiento line asíncrono, así como proporcionar Escribir JavaScript bien estructurado aislamiento para operaciones sensibles.
M20480 B
Este módulo describe cómo crear páginas de HTML5 que dinámicamente pueden detectar y adaptarse a diferentes dispositivos y factores de forma. line
Este módulo describe cómo crear gráficos avanzados para una aplicación HTML5 Web mediante el uso de un elemento Canvas y mediante el uso de gráficos vectoriales escalables. line Lecciones line Escribir JavaScript bien estructurado Creación de gráficos interactivos mediante el uso de gráficos vectoriales escalables
[email protected]
(34) 91 425 06 60
line Creación de una página HTML5 line Estilo de una página HTML5 line Lab: Creación y diseño páginas HTML5 line Crear paginas HTML5 line Páginas de HTML5 estilo line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles. Crear páginas estáticas usando las nuevas características disponibles en HTML5. line Uso CSS3 para aplicar un estilo básico a los elementos de una página HTML5. Módulo 3: Introducción a JavaScript line Este módulo ofrece una introducción al lenguaje JavaScript y muestra cómo utilizar JavaScript para añadir interactividad a las páginas de HTML5. line Lecciones line Escribir JavaScript bien estructurado Resumen de sintaxis JavaScript line
Estilo de elementos de texto de una página HTML5 usando CSS3. line Aplicar estilo a elementos de bloque utilizando CSS3. line Utilizar selectores de CSS3 para especificar los elementos para ser labrado en una aplicación Web. Aplicar efectos gráficos y transformaciones mediante el uso de las nuevas propiedades de CSS3. Módulo 7: Creación de objetos y métodos mediante JavaScript line Este módulo explica cómo escribir código JavaScript bien estructurado y fácilmente mantenible y cómo aplicar principios orientados a objetos a código JavaScript en una aplicación Web. line Lecciones line Escribir JavaScript bien estructurado Creación de objetos personalizados line Extendiendo objetos line
Herencia de objetos line Refactorización de código para utilizar los objetos line
www.globalknowledge.es
Crear un mapa interactivo del lugar mediante el uso de gráficos vectoriales escalables line Crear una insignia del altavoz mediante el uso de un elemento Canvas line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles. Utilice gráficos vectoriales escalables para añadir gráficos interactivos a una aplicación. line Dibujar gráficos complejos en un elemento Canvas de HTML5 utilizando código JavaScript.
Este módulo describe cómo mejorar la experiencia del usuario en una aplicación HTML5 Web agregando animaciones. line
Después de completar este módulo, los estudiantes serán capaces de: line Introducción a jQuery Describir el propósito de un proceso de line trabajo de la Web, y cómo puede utilizarse para realizar el procesamiento Laboratorio: Visualización de datos y control de asíncrono, así como proporcionar eventos mediante el uso de JavaScript aislamiento para operaciones sensibles. line Describir los beneficios de estructurar código Mostrar datos mediante programación JavaScript cuidadosamente para ayudar a line mantenimiento y extensibilidad. line Control de eventos line Explicar las mejores prácticas para la creación de objetos personalizados en Después de completar este módulo, los JavaScript. estudiantes serán capaces de: line line Describe cómo extender los objetos
M20480 B
Lab: Creación de gráficos avanzados line
Módulo 12: Animación de la interfaz de usuario line
Laboratorio: Refinación código de mantenibilidad y extensibilidad line
Programación DOM de HTML con JavaScript line
Gráficos de dibujo mediante programación mediante el uso de un lienzo line
Lecciones line Escribir JavaScript bien estructurado Aplicar transiciones de CSS line Transformación de elementos line Aplicar animaciones de fotogramas clave CSS line Laboratorio: Animación de elementos de la interfaz de usuario line Aplicar transiciones a elementos de la interfaz de usuario line Aplicar animaciones de fotogramas clave line
[email protected]
(34) 91 425 06 60
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 aislamiento para operaciones sensibles. Explicar la sintaxis de JavaScript y describir cómo utilizar JavaScript con HTML5. line Escriba el código JavaScript que manipula los eventos DOM de HTML y los mangos. line Describe cómo utilizar jQuery para simplificar el código que utiliza muchas APIs de JavaScript comunes. Módulo 4: Creación de formularios para recopilar datos y validar entradas del usuario line Este módulo describe los nuevos tipos de entrada disponibles con HTML5 y explica cómo crear formularios para recolectar y validar entradas del usuario mediante el uso de los nuevos atributos de HTML5 y el código JavaScript. line Lecciones line Escribir JavaScript bien estructurado Resumen de las formas y tipos de entrada line Validación de entrada de usuario con atributos de HTML5 line Validación de entrada de usuario con JavaScript line
nativos y personalizados para agregar funcionalidad. Módulo 8: Creación de páginas interactivas usando las APIs de HTML5 line 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. line Lecciones line Escribir JavaScript bien estructurado
line Interactuar con archivos line
Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles. Aplicar transiciones de CSS a elementos de una página HTML5 y escriba código JavaScript para detectar cuando se ha producido una transición. line Describir los diferentes tipos de transiciones 2D y 3D con CSS3 line Implementar animaciones complejas mediante fotogramas clave CSS y código JavaScript. Módulo 13: Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets line
Incorporación de Multimedia line Reaccionar al contexto y ubicación de navegador line Depuración y perfiles de una aplicación Web line Lab: Creación de páginas interactivas mediante el uso de las APIs de HTML5 line
Este módulo explica cómo usar Web Sockets para transmitir y recibir datos entre un servidor y una aplicación Web de HTML5. line Lecciones line Escribir JavaScript bien estructurado Introducción a Web tomas line
Incorporación de Video line
Enviar y recibir datos mediante el uso de Web Sockets line
Incorporación de imágenes line
Laboratorio: Crear un formulario y validación de Usando la API de geolocalización entrada de usuario line line Después de completar este módulo, los Crear un formulario y validación de entrada de estudiantes serán capaces de: usuario con atributos de HTML5 line line 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 JavaScript asíncrono, así como proporcionar line aislamiento para operaciones sensibles. Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles.
Utilizar la rastra y gota y las API de archivo para interactuar con archivos en una aplicación Web. line Incorporar audio y vídeo en una aplicación Web. line
Crear formularios que utilizan los nuevos tipos
Detectar la ubicación del usuario ejecuta una
M20480 B
www.globalknowledge.es
Laboratorio: Implementación de comunicaciones en tiempo real mediante el uso de Web Sockets line Recepción de datos desde Web Socket line Envío de datos a una toma de la Web line Enviar múltiples tipos de mensajes a o desde una toma de la Web line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para
[email protected]
(34) 91 425 06 60
de entrada de HTML5. line Validar usuario y ofrecer retroalimentación mediante el uso de los nuevos atributos de HTML5. line Escribir código JavaScript para validar entradas del usuario y proporcionar la regeneración en casos donde no es conveniente utilizar HTML5 atributos Módulo 5: Comunicación con un origen de datos remoto line Este módulo describe cómo enviar y recibir datos de un origen de datos remoto utilizando un objeto XMLHTTPRequest y realizando operaciones de AJAX de jQuery. line
aplicación Web utilizando la API de geolocalización. line Explicar cómo depurar y Perfil de una aplicación Web utilizando la API de sincronización Web y las herramientas de desarrollador de Internet Explorer. Módulo 9: Añadiendo soporte Offline para aplicaciones Web line 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 se desconecta de la red. line
operaciones sensibles. Explicar cómo funcionan los Web Sockets y se describe cómo enviar y recibir datos a través de una toma de la Web. line Utilizar la API de Socket de Web con JavaScript para conectarse a un servidor de Web sockets, enviar y recibir datos y manejar los diferentes eventos que pueden ocurrir cuando un mensaje es enviado o recibido. Módulo 14: Creando un proceso de trabajo Web line
line Lecciones line Escribir JavaScript bien estructurado
Este módulo describe cómo utilizar Web procesos de trabajo para realizar operaciones de larga duración de forma asincrónica y mejorar la capacidad de respuesta de una aplicación Web de HTML5. line
Lecciones line Escribir JavaScript bien estructurado
Leer y escribir datos localmente line
Enviar y recibir datos mediante el uso de XMLHTTPRequest line
Adición de soporte fuera de línea mediante el uso de caché de la aplicación line
Enviar y recibir datos mediante el uso de las operaciones de AJAX de jQuery line
Laboratorio: Adición de soporte fuera de línea para una aplicación Web Introducción a los trabajadores de la Web line line
Laboratorio: Comunicarse con un origen de datos remoto line
Implementación de caché de la aplicación line
Recuperación de datos line Serialización y transmisión de datos line Refactorización del código mediante método ajax de jQuery line
Aplicación de almacenamiento Local line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles. Guardar y recuperar datos localmente en el equipo del usuario utilizando la API de almacenamiento Local. line Proporcionan soporte offline para una aplicación Web utilizando la API de caché de la aplicación. Módulo 10: Implementación de una interfaz de usuario adaptable line
M20480 B
www.globalknowledge.es
Lecciones line Escribir JavaScript bien estructurado
Realizar procesamiento asíncrono mediante un trabajador Web line Lab: Creación de un proceso de trabajo Web line Mejorar la capacidad de respuesta mediante el uso de un trabajador de la Web line Después de completar este módulo, los estudiantes serán capaces de: line 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 aislamiento para operaciones sensibles. Utilizar las API de trabajador Web desde código JavaScript para crear, ejecutar y controlar un proceso de trabajo de la Web. line
[email protected]
(34) 91 425 06 60
Más información: Para más información o para reservar tu plaza llámanos al (34) 91 425 06 60
[email protected] www.globalknowledge.es Global Knowledge Network Spain, C/ Retama 7, 6ª planta, 28045 Madrid
M20480 B
www.globalknowledge.es
[email protected]
(34) 91 425 06 60