Curso HTML 5 y CSS 3. HTML5 general. Parte 1-Introducción. Perfil. Objetivos. Temario

(1)

Curso HTML 5 y CSS 3

Duración: 25 horas teórico-prácticas

Perfil

Programadores, Diseñadores Web y maquetadores. Profesionales con

experiencia almenos de 1 año con el lenguaje html en sus anteriores versiones, asímo como css

Objetivos

Conocer la nuevas etiquetas de html 5 respecto a anteriores versiones Sistemas de validación e integración de html 5 en distintos dispositivos.

Aprender a integrar mediante dreamweaver cs 5.5 el código generado.

Temario

Parte 1-Introducción

HTML5 general

 Historia de HTML5

 La visión de HTML5

 WHATWG y el W3C las especificaciones

 Lo que forma parte de HTML5?

 ¿Cuándo puedo usar HTML5?

 Alejarse de Flash

 Aplicaciones móviles HTML5

 HTML5 y Accesibilidad WAI-ARIA

 Aplicaciones Web en comparación con otros sitios web

 HTML5 general de seguridad

 Basado en el origen de seguridad

 Usando HTML5 en los navegadores que no lo soportan

 Detección de la disponibilidad natural de características HTML5

 Emulación y Polyfills

 Descripción general de la API de HTML5

 Programación HTML5

(2)

Parte 2-El marcado semántico, Microdatos, y las formas

HTML5 marcado

 HTML5 estructura de la página

 HTML5 DOCTYPE

 HTML5 marcado

 Elementos estructurales

 Elementos semánticos

 Los elementos desaprobados

 HTML5 validación

 Compatibilidad con navegadores y polyfills

 Utilizando las bibliotecas de ayuda

 HTML5Shiv

 HTML5 repetitivo

 Modernizr

 Laboratorio: Uso de HTML5 marcado

Microdatos

 Información general

 Vocabularios de datos

 Fragmento de la herramienta Google Rico

HTML5 formas

 HTML5 elementos de formulario

 Nuevos tipos de entrada

 Validación de formularios

 Elaboración y uso de las formas HTML5

 Laboratorio: Uso de formularios HTML5

Parte 3-CSS3

CSS3

 Frontera radio

 Cuadro de texto y sombras

 Gradientes

 Diseño de varias columnas

 Reflexión

 Selectores

 Transformaciones y transiciones



(3)

Parte 4-Multimedia

HTML5 de audio y vídeo

 Audio y video contenedores

 Codecs de audio y video

 WebM

 H.264

 Ogg

 WebVTT y la accesibilidad de vídeo

 Laboratorio: Uso de la API de audio y vídeo

Parte 5-Graphics y 3D

SVG

 SVG vs lienzo

Lienzo

 Lienzo de coordenadas

 Contexto

 Accesibilidad

 Datos de los píxeles

 Laboratorio: Uso de la API de lona

 Fundamentos lienzo

 Las operaciones de dibujo

 Lienzo se transforma

 Descripción general de 3D Canvas (WebGL)

Parte 6 acceder a los dispositivos

HTML5 geolocalización

 Privacidad del usuario

 Fuentes de información de la ubicación

 Laboratorio: Uso de la API de geolocalización

(4)

Arrastrar y soltar

 Laboratorio: Uso de la API de arrastrar y soltar

Dispositivo de acceso más

 Dispositivo de orientación

 De entrada de voz

 Webcam

Parte 7 rendimiento y la integración

HTML5 Web trabajadores

 Web de comunicación de los trabajadores

 Laboratorio: Uso de la Web de Trabajadores de la API

Aplicaciones de alto rendimiento HTML5 Web

 Consejos y trucos para la optimización de la aplicación Web

 JavaScript

 CSS

 Imágenes

 Sprites

 Datos URI

 Herramientas de desarrollo para

 Page Speed

 YSlow

 Cromo velocidad trazador

 Laboratorio: Optimizar el rendimiento de aplicaciones web

PARTE 8 fuera de línea y de almacenamiento

HTML5 aplicaciones web fuera de línea

 ApplicationCache API y Eventos

 Comprender el archivo de manifiesto

 Configuración del servidor

 Elaboración y uso de HTML5 aplicaciones web offline

 Laboratorio: Creación de aplicaciones web HTML5 offline

(5)

HTML5 de almacenamiento Web

 Almacenamiento local

 La sesión de almacenamiento

 Laboratorio: Uso de almacenamiento Web

Base de datos de almacenamiento

 Web Base de Datos SQL

 Base de datos indexadas

Parte 9 de conectividad

Documento de mensajería

 Comprender el concepto de origen

XMLHttpRequest Nivel 2

 Entre documentos XHR

 Eventos de progreso

Enviados del servidor Eventos

 EventSource API

 Laboratorio: Uso de la API EventSource

HTML5 WebSocket

 WebSocket API

 WebSocket Protocolo

 Laboratorio: Uso de la API WebSocket