Eres Programador , Entra - Curso de HTML5

HOLA A TODOS LOS , BUENO ACÁ LES DEJO UNOS VIDEOS-TUTORIALES ACERCA DE HTML 5
QUE ENCONTRÉ POR LA WEB, ESPERO QUE LES SEA DE AYUDA COMO AMI ME SIRVIÓ.

Este tutorial esta dividido en 13 lecciones:

1.¿Qué podemos esperar de HTML5?
2.Trabajar con la API Canvas
3.Arrastrar y Soltar
4.Controles de Formularios
5.Edición Inline
6.Trabajar con la historia del navegador
7.Los elementos video y audio
8.Almacenamiento Web
9.Creación Juego de Memoria (I).
10.Creación juego de memoria (II).
11.Creación de sistema de Test.
12.Creación del juego del ahorcado
13.Creación sistema de post-its

01.- Curso de HTML 5. ¿Qué podemos esperar de HTML5?

Primer VideoTutorial del Curso dedicado al nuevo Estándar Web, HTML5. Empezamos indicando las principales novedades que presenta, su integración con JavaScript, y empezaremos a trabajar con el nuevo elemento Canvas, creando un lienzo y empezando a introducir figuras en el mismo. 20 minutos. 





02.- Curso HTML 5. Trabajar con la API Canvas.

VideoTutorial Nº 2 del Curso de HTML 5, en el que vemos el trabajo con la API Canvas. Dibujar líneas y figuras; Rellenar figuras geométricas; Dibujar con Curvas Bezier; Dibujar con Curvas Cuadráticas; Dibujar Arcos; Dibujar Textos; Incluir Imágenes; Dibujar sobre Imágenes; Incluir gradientes; Crear animaciones en Canvas. 30 minutos.




03.- Curso de HTML 5. Arrastrar y Soltar.

VideoTutorial Nº 3 del Curso de HTML 5 en el que vemos como aplicar arrastrar y soltar a elementos de nuestra página Web. Atributos HTML 5 de arrastrar y soltar; ;El Objeto dataTransfer; Creación de un proyecto completo de arrastrar y soltar; Atributos. 32 minutos.





04.- Curso de HTML5. Controles de Formularios.

VideoTutorial Número 4 del Curso de HTML5, en el que vemos los nuevos controles de formularios que incluye. Default, url, email, fechas y horas, colores, búsqueda. 17 minutos.





05.- Curso de Html5. Edición Inline.

VideoTutorial Nº 5 del Curso de HTML 5. Vemos las nuevas funcionalidades de Edición Inline. Atributos contenteditable, designmode y spellcheck; Convertir en editable un elemento div, añadir botones de edición; Convertir en editable un documento completo. 18 minutos.




06.- Curso de HTML5. Trabajar con la historia del navegador.

VideoTutorial Número 6 del Curso de HTML5 que vamos dedicar al trabajo con la historia del navegador. Trabajar con la API history; Atributos y Funciones; Back; Forward; go; pushState; replaceState; onpopstate; ejemplo práctico; Cambiar dirección web sin recarga página. 32 minutos.



07. Curso de HTML5. Los elementos video y audio.

VideoTutorial Número 7 del Curso de HTML5 en el que trabajamos con dos de las etiquetas más importantes del nuevo estándar Web. Video y Audio. Conocer la API Video; Problemas y soluciones al tema de formatos y Codecs; Añadir atributos al elemento video: autoplay, loop, controls; el evento onerror; Uso del Miro video converter; creación de proyecto que funcione en la mayoría de los navegadores; uso de Kaltura, proyector de videos basado en HTML5 y JQuery. Algo más de 40 minutos.




08. Curso de HTML5. Almacenamiento Web.

VideoTutorial Nùmero 8 del Curso de HTML 5. Almacenamiento Web. En él veremos las nuevas APIs de HTML 5 que nos permiten guardar datos en páginas web sin tener que utilizar lenguaje de lado del servidor. Vemos el Objeto sessionStorage y el atributo y funciones que incluye y que permite almacenar datos en la sesión que el navegador abre con el servidor sólo con html5 y javascript. Vemos el Objeto localStorage que permite almacenar datos directamente en el navegador. Creamos dos ejemplos prácticos de cada uno. 23 minutos.





09. Curso de HTML5. Creación Juego de Memoria (I)

VideoTutorial Número 9 del Curso de HTML5, en el que iniciamos una parte práctica con la elaboración de varios juegos. En este Videotutorial iniciamos la construcción de un juego de memoria que nos permitirá practicar con el dibujo de formas y colocación de texto en el Canvas, con el desarrollo de técnicas para representar la información, uso de timers y programación de pausas, colocación aleatoria de objetos....43 minutos.




10. Curso de HTML5. Creación juego de memoria (II).

VideoTutorial Nº 10 del Curso de HTML5 en el que terminamos de crear nuestro juego de memoria, con cartas de polígonos y creamos la segunda versión con imágenes en las cartas. 39 minutos.




11. Curso de HTML5. Creación de sistema de Test.

VideoTutorial Número 11 del Curso de HTML5 en el que creamos un sistema de elaboración de Tests. Requerimientos necesarios; Uso de Arrays de Arrays; Crear y modificar código HTML de modo dinámico; Modifiar código CSS usando JavaScript; Modos de proveer feedback al jugador; presentar videos.




12. Curso de HTML5. Creación del juego del ahorcado.

Videotutorial Número 12 del Curso de HTML5 en el que seguimos con ejemplos prácticos. Creamos el juego del ahorcado. Requerimientos del juego. ;Usar archivos externos; generar y posicionar marcadores HTML, convertirlos en botones; Crear dibujos progresivos en el canvas; Mantener el Estado del juego y determinar cuando se gana o pierde. Funcionamiento de la aplicación. 42 minutos.




13. Curso de HTML5. Creación sistema de post-its.

VideoTutorial Número 13 y último del Curso de HTML5 en el que creamos un sistema de post-its, usando HTML5 Application cache, que permite ejecutar aplicaciones web offline y HTML 5 Database API que permite crear bases de datos en el disco duro. Usaremos también varios efectos CSS3, como box-shadow y transiciones. Creación de archivos .manifest; 49 minutos.



Paginas que te pueden servir para que te vuelvas un Master en Diseño HTML 5

dev.w3.org/html5
diveintohtml5.org
https://mejorando.la/guia-html5
http://woorkup.com/wp-content/uploads/2009/12/HTML5-Visual-Cheat-Sheet1.pdf
http://html5boilerplate.com/






Eso es todo
Eres Programador , Entra - Curso de HTML5
29 Puntos Score: 9.7/10
Visitas: 2399 Favoritos: 29
Ver los usuarios que votaron...
Más del Autor...
No se encontraron más posts
8 Comentarios Eres Programador , Entra - Curso de HTML5
buen post   +10
Bienvenido bro.. buen  post!! +10
Buen contenido en los videos
buen curso!!  
muy bueno!!!
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!