Html 5

Aprenda HTML5 y empezar a escribir para la Web Abierta

HTML5 es la especificación que define la quinta revisión importante del lenguaje básico de la World Wide Web: el Hypertext Markup Language (HTML). HTML5 es la piedra angular de la Plataforma Web Abierta , un entorno de programación completo para aplicaciones multiplataforma con acceso a las capacidades del dispositivo, vídeo y animaciones, gráficos, estilo, tipografía, y otras herramientas de edición digital, capacidades de red extensos, y más. Este curso de formación HTML5 W3C le informará sobre todas las novedades que se han introducido para ayudar a los autores de sitios Web para crear grandes sitios Web, de forma simplificada, pero de gran alcance. HTML5 está aquí para quedarse! Con este curso de formación en línea W3C HTML5, Web desarrolladores y diseñadores podrán poner a prueba sus nuevas habilidades a través de numerosos ejercicios interactivos y cuatro trabajos prácticos.

La edición de curso 14 de marzo cuenta con las siguientes secciones :

• Incluye un curso intensivo JavaScript para ayudar a los participantes que no se sienten muy confiados con este langage. Esto no es un curso de todas las funciones JavaScript, sino más bien un conjunto de insinuaciones / recordatorios para permitir una fácil instalación kickstart.

• El lienzo HTML5 tiene una sección adicional avanzado dedicado a la animación del tiempo basada en temporizador de alta resolución y el parámetro opcional timestamp. Numerosos ejemplos se proporcionan para que explicar cómo configurar la velocidad de fotogramas de una animación, y hacer la animación del tiempo basada en.

• Hemos añadido una sección que describe en detalle las transformaciones geométricas en 2D que se pueden utilizar en el elemento canvas. También se ofrecen muchos ejemplos.

• Hemos añadido una nueva sección completa sobre el API Web Audio, una API que es útil para los juegos o aplicaciones musicales.

• Hay nuevos ejemplos de formularios HTML5 junto con la API de archivos, la API de arrastrar y soltar y la nueva API XHR2 que muestran cómo manejar formularios HTML5 usando Ajax, incluyendo métodos multiple de ficheros.Ejemplos incluyen el código fuente completo para el cliente y el lado servidor (PHP, Java), que muestra las barras de progreso durante la carga, etc

Finalmente, el 6 de agosto de 2013, el W3C HTML Working Group actualiza dos Candidatas a Recomendación:

• HTML5 , que define la quinta revisión importante del lenguaje básico de la World Wide Web, el Hypertext Markup Language (HTML). En esta versión, las nuevas características son introducidas para ayudar a los autores de aplicaciones Web, los nuevos elementos se introducen en base a la investigación sobre las prácticas de autor vigente, y especial atención se le ha dado a la definición de los criterios de conformidad claras para los agentes de usuario, en un esfuerzo para mejorar la interoperabilidad.

• HTML Canvas 2D Contexto , que define el contexto 2D para el elemento canvas HTML. El contexto 2D proporciona objetos, métodos y propiedades para dibujar y manipular gráficos en una superficie de dibujo de la lona.

¿Por qué asistir?

Este curso cubre todas las técnicas HTML5 que usted necesita saber para escribir grandes páginas web y aplicaciones, incluyendo:

• Nuevos elementos semánticos y estructuración de HTML5

• Multimedia HTML5: audio y vídeo

• Dibujo, animación de gráficos con el elemento Canvas, interacciones con vídeo

• Formularios HTML5

• JavaScript APIs: DOM, geolocalización, orientación

• Persistencia: Dom almacenamiento, memoria caché, IndexedDB

Este curso tiene una duración de 6 semanas. Cada semana, un nuevo capítulo se dará a conocer (la mayor parte del tiempo junto con una misión), y usted tendrá la oportunidad de interactuar continuamente con el profesor y compañeros de estudios sobre el contenido del curso a través de el foro del curso de la discusión.

Por favor, consulte las secciones "¿Quién debe asistir?" y "¿Qué necesito?" a continuación para obtener información sobre el público objetivo y pre-requisitos para este curso.

Usted tendrá que gastar alrededor de 6-8 horas a la semana en el curso. Algunas semanas están más ocupados que otros y pueden requerir más tiempo, menos en 7 horas debería ser la media.

Durante este curso usted podrá:

• Aprenda las nuevas etiquetas HTML5 simplificados

• Juega con el <audio> y <video> elementos

• Dibujar y animar gráficos Web divertidas

• Descubre las características más recientes formas de HTML5

• Pruebe los geolocalización, APIs de orientación y mucho más

• Comprender las características de HTML5 fuera de línea

Esquema del curso

Semana 1: HTML5 introducción, la nueva estructuración y elementos semánticos

Comenzamos este curso explicando y mostrando lo que son la nueva estructuración y etiquetas semánticas definidas en HTML5. Particularmente Miraremos:

• Nuevos elementos estructurantes, contornos documentos que generan ", etc

• Otros elementos que añaden semántica (tiempo, resumen, detalles, marca, etc)

• Los nuevos atributos: data-*, descargar, traducir, etc

• Microdatos y el API de microdatos

Esta semana termina con una misión que permitirá a los estudiantes a poner en práctica la nueva estructuración de HTML5 y etiquetas semánticas.

Semana 2: vídeo y audio HTML5 Multimedia

El objetivo del material del curso de esta semana es hacer que los estudiantes lo suficientemente familiarizado con los medios de HTML5 y sus capacidades que van a utilizar y manipular en sus páginas web y aplicaciones. Se proporcionarán Muchos ejemplos. Veremos principalmente en:

• Información general sobre el estado del arte en audio y video antes de HTML5

• El elemento de vídeo: cómo utilizar, atributos, soporte para codecs, etc

• El elemento de vídeo DOM API: propiedades, métodos, eventos

• CSS3 y el elemento de vídeo: transformaciones, filtros de imagen, etc

• Vídeo de lona interacciones: tomar una instantánea, modificar en tiempo real el contenido de vídeo, la incrustación de vídeo, etc

• Secuencia de vídeo en vivo: el API getUserMedia (control de cámara web)

• Adición de subtítulos con el elemento de pista

• El elemento de audio: visión general, los atributos, el apoyo codec, etc

• El elemento DOM API de audio: propiedades, métodos, eventos - de nuevo con muchos ejemplos proporcionados

• Introducción a la API de audio web (para audio en tiempo

...