Formación

20480-Programming in HTML5 with JavaScript and CSS3

Dades del curs

Tipus de curs

Externo, organizan otras entidades

Objectiu

Al finalizar el curso, los alumnos serán capaces de:
Explique cómo utilizar Visual Studio 2012 para crear y ejecutar una aplicación Web.
Describir las nuevas características de HTML5, así como crear y páginas HTML5 estilo.
Añadir interactividad a una página HTML5 utilizando JavaScript.
Crear formularios HTML5 utilizando diferentes tipos de entrada, y validar la entrada del usuario mediante el uso de atributos de HTML5 y código JavaScript.
Enviar y recibir datos hacia y desde un origen de datos remoto mediante el uso de objetos XMLHttpRequest y operaciones jQuery AJAX.
Estilo páginas HTML5 utilizando CSS3.
Cree bien estructurada y fácilmente mantenible código JavaScript.
Utilice las API 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 a una página HTML5 utilizando elementos de lona, ​​y mediante el uso y Scalable Vector Graphics.
Mejorar la experiencia del usuario al agregar animaciones a una página HTML5.
Utilice 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 Web.

Adreçat a

Este curso está destinado a desarrolladores que tienen 6 a 12 meses de experiencia en programación y que están interesados ​​en el desarrollo de aplicaciones utilizando HTML5 con JavaScript y CSS3 (ya sea de Windows Store aplicaciones para Windows 8 o aplicaciones web).

Programa

Módulo 1: Introducción a 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
Panorámica de HTML
De las CSS
Crear una aplicación Web utilizando Visual Studio 2012
Laboratorio: Exploración de la aplicación Conferencia Contoso
Tutorial de la Aplicación Conferencia Contoso
Examen y modificación de la solicitud de la Conferencia de Contoso
Después de completar este módulo, los alumnos serán capaces de:
Describir los elementos y atributos HTML básicas.
Explicar la estructura de la CSS.
Describir las herramientas disponibles en Visual Studio 2012 para crear aplicaciones Web.
Módulo 2: Creación y Styling HTML5 Páginas de
este módulo se describen las nuevas características de HTML5, y se explica cómo crear y estilo páginas HTML5.
Lecciones
Creación de una página HTML5
El estilo de una página HTML5
Lab: Creación y Styling HTML5 Páginas
Creación de páginas HTML5
Styling HTML5 Páginas
Después de completar este módulo, los alumnos serán capaces de:
Crear páginas estáticas utilizando las nuevas características disponibles en HTML5.
Utilice CSS3 para aplicar un estilo básico a los elementos de 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 utilizar JavaScript para añadir interactividad a las páginas HTML5.
Lecciones
Descripción general de la sintaxis JavaScript
La programación del DOM HTML con JavaScript
Introducción a jQuery
Laboratorio: Visualización de datos y manejo de eventos mediante JavaScript
Visualización de datos mediante programación
Gestión de eventos
Después de completar este módulo, los alumnos serán capaces de:
Explica la sintaxis de JavaScript y describir cómo usar JavaScript con HTML5.
Escribir código JavaScript que manipula el DOM de HTML y se ocupa de los eventos.
Describir cómo utilizar jQuery para simplificar el código que utiliza muchas APIs comunes de JavaScript.
Módulo 4: Creación de formularios para recopilar datos y Validar entrada de usuario
Este módulo describe los nuevos tipos de entrada disponibles con HTML5, y explica cómo crear formularios para recopilar y validar la entrada del usuario mediante el uso de la nueva HTML5 atributos y el código JavaScript.
Lecciones
Visión general de las formas y tipos de entrada
Validar los datos introducidos por el usuario mediante atributos de HTML5
Validar la información del usuario mediante JavaScript
Lab: Creación de un formulario y la validación de los datos del usuario
Crear un formulario y validación de los datos de usuario mediante atributos de HTML5
Validar la información del usuario mediante JavaScript
Después de completar este módulo, los alumnos serán capaces de:
Crear formularios que utilizan los nuevos tipos de entrada HTML5.
Validar la entrada del usuario y proporcionar información mediante el uso de los nuevos atributos de HTML5.
Escriba el código JavaScript para validar la entrada del usuario y proporcionar información en los casos en que no sea adecuado utilizar atributos de HTML5
Módulo 5: Comunicación con un origen de datos remoto
Este módulo describe cómo enviar y recibir datos hacia y desde un origen de datos remoto utilizando un objeto XMLHttpRequest y mediante la realización de operaciones de jQuery AJAX.
Lecciones
Envío y recepción de datos mediante el uso XMLHTTPRequest
Envío y recepción de datos mediante operaciones jQuery AJAX
Laboratorio: Comunicación con un Remote Data Fuente
Recuperando datos
La serialización y transmisión de datos
Refactorización del código utilizando el método ajax jQuery
Después de completar este módulo, los alumnos serán capaces de:
Serializar, deserializar, enviar y recibir datos mediante el uso de objetos XMLHttpRequest.
Simplificar el código que serializa, deserializa, envía y recibe datos utilizando el método ajax jQuery
Módulo 6: El estilo de HTML5 CSS3 mediante
este módulo se describe cómo el estilo de las páginas HTML5 y elementos mediante el uso de las nuevas características disponibles en CSS3.
Lecciones
Styling texto
Styling Bloquear Elementos
CSS3 Selectors
Mejora de efectos gráficos utilizando CSS3
Laboratorio: El estilo de texto y elementos de bloque usando CSS3
El estilo de la barra de navegación
Labrar el encabezado de página
El estilo de la página Acerca de
Después de completar este módulo, los alumnos serán capaces de:
Elementos de texto del estilo en una página HTML5 utilizando CSS3.
Aplicar el estilo de bloquear elementos utilizando CSS3.
Utilice los selectores de CSS3 para especificar los elementos que se han labrado en una aplicación web.
Implementar efectos gráficos y transformaciones utilizando las nuevas propiedades de CSS3.
Módulo 7: Creación de objetos y métodos mediante JavaScript
este módulo se explica cómo escribir bien estructurada y fácilmente mantenible código JavaScript y cómo aplicar los principios orientados a objetos para el código JavaScript en una aplicación web.
Lecciones
Escribiendo JavaScript bien estructurada
Creación de objetos personalizados
Extendiendo objetos
Laboratorio: Código de Refinación de mantenibilidad y extensibilidad
Heredando desde objetos
Refactorización de código para utilizar objetos
Después de completar este módulo, los alumnos serán capaces de:
Describir los beneficios de la estructuración de código JavaScript cuidadosamente para ayudar a la mantenibilidad y extensibilidad.
Explicar las mejores prácticas para la creación de objetos personalizados en JavaScript.
Describir la forma de extender los objetos personalizados y nativas para agregar funcionalidad.
Módulo 8: Creación de páginas interactivas utilizando las API de HTML5
Este módulo describe cómo usar algunas API de HTML5 comunes para agregar características interactivas a una aplicación web. Este módulo también explica cómo depurar y perfil de una aplicación web.
Lecciones
Interacción con Archivos
Multimedia incorporación
Reaccionando a la ubicación del navegador y Contexto
Depuración y perfiles de una aplicación Web
Laboratorio: Creación de páginas interactivas utilizando APIs de HTML5
La incorporación de vídeo
La incorporación de imágenes
Uso de la API de geolocalización
Después de completar este módulo, los alumnos serán capaces de:
Utilice el arrastrar y soltar, y las API de archivo para interactuar con archivos en una aplicación web.
Incorporar audio y vídeo en una aplicación web.
Detectar la ubicación del usuario que ejecuta la aplicación web mediante la API de geolocalización.
Explique cómo depurar y perfil de una aplicación web mediante el uso de la API de sincronización Web y las herramientas de desarrollo de Internet Explorer.
Módulo 9: Añadiendo soporte offline para aplicaciones Web
Este módulo describe cómo agregar compatibilidad sin conexión a una aplicación web, para que la aplicación pueda continuar funcionando en el navegador del usuario, incluso si el navegador está desconectado de la red.
Lecciones
La lectura y escritura de datos localmente
Adición de soporte offline mediante el caché de la aplicación
Laboratorio: Adición Desconectado Apoyo a una aplicación Web
La implementación de la caché de la aplicación
Implementar almacenamiento local
Después de completar este módulo, los alumnos serán capaces de:
Guardar y recuperar datos de forma local en el ordenador del usuario mediante el uso de la API de almacenamiento local.
Proporcionar apoyo en línea para una aplicación web mediante el uso de la API de caché de la aplicación.
Módulo 10: Implementar una interfaz de usuario adaptable
. Este módulo describe cómo crear páginas HTML5 que pueden detectar de forma dinámica y adaptarse a diferentes dispositivos y factores de forma
Lecciones
Apoyo a múltiples factores de forma
Creación de una interfaz de usuario adaptable
Laboratorio: Implementación de una interfaz de usuario adaptable
Creación de una hoja de estilos para imprimir
Adaptación de diseño de página para ajustar a un factor de forma diferente
Después de completar este módulo, los alumnos serán capaces de:
Describir la necesidad de detectar las capacidades del dispositivo y reaccionar a los diferentes factores de forma en una aplicación web.
Crear una página Web que puede adaptarse dinámicamente su configuración para que coincida con diferentes factores de forma.
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 usando un elemento Canvas, y mediante el uso de gráficos vectoriales escalables.
Lecciones
Creación de gráficos interactivos por el uso de gráficos vectoriales escalables
Programación Dibujar gráficos utilizando un lienzo
Laboratorio: Creación de Gráficos Avanzados
Creación de un mapa interactivo Sede por el uso de gráficos vectoriales escalables
Creación de una insignia del altavoz mediante el uso de un elemento Canvas
Después de completar este módulo, los alumnos serán capaces de:
Utilice gráficos vectoriales escalables para agregar gráficos interactivos a una aplicación.
Dibujar gráficos complejos en un elemento HTML5 Canvas utilizando código JavaScript.
Módulo 12: La animación de la interfaz de usuario de
este módulo se describe la forma de mejorar la experiencia del usuario en una aplicación web HTML5, añadiendo animaciones.
Lecciones
Aplicando CSS Transitions
La transformación de los elementos
Aplicando CSS Animaciones de fotogramas clave
Elementos de la interfaz Animación de usuario: Lab
Aplicar transiciones a Elementos de la interfaz de usuario
Aplicando Animaciones de fotogramas clave
Después de completar este módulo, los alumnos serán capaces de:
Aplicar transiciones CSS para elementos en una página HTML5, y escribir código JavaScript para detectar cuándo se ha producido una transición.
Describir los diferentes tipos de transiciones 2D y 3D disponibles con CSS3
Implementar animaciones complejas mediante el uso de CSS key-frames y el código JavaScript.
Módulo 13: Implementación de Real-Time Communications mediante el uso de Web Sockets
este módulo se explica cómo utilizar Web Sockets para transmitir y recibir datos entre una aplicación web HTML5 y un servidor.
Lecciones
Introducción a la Web Sockets
Envío y recepción de datos mediante Web Sockets
Laboratorio: Implementación de Real-Time Communications mediante el uso de Web Sockets
Recepción de datos de Web Socket
Envío de datos a un objeto Socket Web
Enviar varios Tipos de mensajes hacia o desde un Socket Web
Después de completar este módulo, los alumnos serán capaces de:
Explicar el funcionamiento de Web Sockets y describen la forma de enviar y recibir datos a través de un Socket Web.
Use la Web Socket API con JavaScript para conectarse a un servidor Socket web, enviar y recibir datos, y manejar los diferentes eventos que pueden ocurrir cuando se envía o se recibe un mensaje.
Módulo 14: Creación de un proceso de trabajo Web
En este módulo se describe cómo utilizar los procesos de trabajo Web para realizar operaciones de larga duración de forma asíncrona y mejorar la capacidad de respuesta de una aplicación web HTML5.
Lecciones
Introducción a los Web Workers
Realización de procesamiento asincrónico mediante el uso de un Trabajador Web
Lab: Creación de un proceso de trabajo de Web
Mejorar la respuesta mediante el uso de un Trabajador Web
Después de completar este módulo, los alumnos serán capaces de:
Describir la finalidad de un proceso de trabajo Web, y cómo puede ser utilizado para llevar a cabo el procesamiento asincrónico, así como proporcionar aislamiento para operaciones sensibles.
Utilice las API trabajadores Web de código Javascript para crear, ejecutar y monitorear un proceso de trabajo Web.

Metodologia

Se imparte en Modalidad Presencial

Observacions

.

On

Entitat

Nanfor Ibérica

Professor

Profesor Experto Certificado en Microsoft

Habitació

Nanfor Ibérica Av. Cortes Valencianas 17 46015

Quan

Data d'inici

07/07/2014

Data final

11/07/2014

Duració

25 horas

Programar

de 16 a 21h.

Inscripció

Inici de la inscripció

16/05/2014

Fi inscripció

04/07/2014

drets

Precio para externos: 1.250,00€
Precio especial para colegiados: 890,00€

Quota d’inscripció

Llamando al 963942290 o enviando un mail a paulan@nanforiberica.com. (Preguntar por Paula Navarro)


No està disponible la inscripció

Utilizamos cookies propias y de terceros para ofrecerte una mejor experiencia y servicio, de acuerdo a tus hábitos de navegación. Si continúas navegando, consideramos que aceptas su uso.