Videotutorial

Tutorial de HTML5 en español (videos descargados de Free Libro)
Si estás dispuesto a usar html5 en tu sitio no te pierdas esta colección de videos que explican paso a paso las novedades del  código html.
En principio vas a tener a disposición dos videos que te introducen a html5 y comienza la práctica con la API canvas.


Que lo disfrutes!!!

LISTA DE VIDEOS:

I)Introducción

Duración: 19:37 minutos.
Contenido:

• ¿Qué ofrece HTML5 y qué puede llegar a hacer?
• HTML5 + JavaScript
• Soportes: Arrastrar y soltar, CANVAS con JavaScript, Formularios, Geo-localización, video y audio, web sockets, web storage.
• Páginas recomendadas: - W3C; - CANVAS
• A.P.I: Application Program Interface (Interfaz de Programación de Aplicaciones)
• Ejemplo práctico de Lienzo (Canvas) con código JavaScript. Métodos:context.clear.Rect (x,y,w,h);  context.fill.Rect (x,y,w,h);  context.stroke.Rect (x,y,w,h).

II)Trabajar con la API Canvas 

Duración: 30:24 minutos.
Contenido:

• Dibujar figuras geométricas con Canvas
• Función: BeginPath(), lineTo(), closePath(), stroke().
• Ejemplo práctico: Triángulos con líneas sin relleno y con relleno.
• Dibujo con líneas curvas usando Canvas Bezier: bezierCurveTo(float cp1x,  float cp1y,  float cp2x,  float cp2y,  float x, float y );
• Dibujo con curvas cuadráticas uasando el método quedraticCurveTo(float cpx, float cpy, float x, float y);
• Dibujo de arcos con arc(float x,  float  y,  float radius,  float startAngle,  float endAngle, boolean anticlockwise);
• Dibujo de texto con: font, strokeText();
• Dibujar sobre una imagen almacenada;
• Creación de Gradientes lineales con método createLinealGradient() y createRadialGradient()

• Ejemplo de animación de una imagen.

III)Arrastrar y soltar



IV)Controles de Formularios