Buscar un curso

Manual que trata sobre el lenguaje HTML5, pero específicamente con las novedades del lenguaje de marcación o etiquetado, dejando aparte otras tecnologías relacionadas.
Capítulos:
1.- Qué es HTML 5
2.- Documento básico HTML5
3.- Etiquetas nuevas de HTML5
4.- Etiquetas semánticas del HTML5
5.- Etiquetas semánticas de HTML5 y compatibilidad
6.- IE7-js compatibilidad de Internet Explorer con navegadores modernos
7.- Compatibilidad con etiquetas semánticas del HTML5 con html5shiv
8.- Nuevos elementos de formularios en HTML5
9.- Las mejoras de los elementos INPUT de HTML5
10.- Nuevos atributos HTML5 para Rich-text editing
11.- Grabación del Webcast de HTML5

Pequeño manual a modo de introducción a HTML5 escrito por Alejandro Castillo Cantón.

Colección de pequeños tutoriales para aprender a programar HTML5.
Índice:
1. Introducción
2. DOCTYPE html
3. Estructura Básica de un documento en html5
4. Nuevas etiquetas estructurales en HTML5
5. Hablemos más de los nuevos elementos de HTML5
6. Hablemos de Compatibilidad de HTML5 con los Navegadores.
7. Hablemos de los Microdatos en Html5 (Microdata)
8. Creando contenido editable en HTML5.
9. Formularios en HTML5. Nuevos elementos y Nuevos atributos.
10. Hablemos de los Videos en HTML5.
11. Hablemos de la etiqueta Audio en HTML5.
12. Empecemos a trabajar con canvas en HTML5.
13. Dibujemos formas básicas con canvas
14. Dibujemos el logo de HTML5 solo con Canvas
15. SVG en HTML5
16. Geolocalización Parte-1 Obteniendo las coordenadas del usuario

Colección de 13 videoTutoriales para aprender a programar en HTML5.
Contiene:
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.

Guía básica de HTML5 realizada por Alejandro Castillo Castón en formato pdf. Contiene 11 páginas.

Comenzamos la entrega de este Gran Manual de HTML5 y CSS3. Ha sido un trabajo de investigación porque hemos visitado muchos sitios en español en que han escrito sobre este tema pero siempre nos encontramos con mas imágenes que contenido. También nos encontramos que algunos solo escribían algo puntual. Este Manual es un gran aporte para quienes desean aprender de forma rigurosa HTML5 y CSS3. Nos unimos, de esta manera, en ayudar a mejorar la Web con los nuevos estándares.

Guía gratuita y de calidad para aprender sobre HTML5, Javascript y CSS.
1. Introducción a las nuevas etiquetas de HTML
2. Soporte HTML5 en navegadores viejos
3. Nuevas capacidades de Javascript
4. Nuevas capacidades de CSS3
5. El tag video
6. Como arrancar con HTML5 en diez minutos
7. HTML5 en acción

Completo manual de HTML5 en formato web.
1 Introduction
2 Common infrastructure
3 Semantics, structure, and APIs of HTML documents
4 The elements of HTML
5 Microdata
6 Loading Web pages
7 Web application APIs
8 User interaction
9 Video conferencing and peer-to-peer communication
10 Communication
11 The HTML syntax
12 The XHTML syntax
13 Rendering
14 Obsolete features
15 IANA considerations
Index
References
Acknowledgements

El objetivo de este tutorial es poder conocer las novedades que se introducen en HTML 5 en forma sencilla viendo un concepto teórico, luego algunos ejercicios resueltos y por último y lo más importante desarrollar otros por usted mismo.
Puede desarrollar los ejercicios en el sitio, probarlos y ver los resultados inmediatamente.

Contenidos:
1.- Introducción.
2.- DOCTYPE
3.- CANVAS
4.- CANVAS (dibujar líneas)
5.- CANVAS (dibujar rectángulo - perímetro)
6.- CANVAS (estilos de línea)
7.- CANVAS (rectángulo relleno)
8.- CANVAS (borrar una región)
9.- CANVAS (dibujar varias líneas y rellenar la figura creada)
10.- CANVAS (arcos rellenos y lineal)
11.- CANVAS (curva de bezier)
12.- CANVAS (método quadraticCurveTo)
13.- CANVAS (graficar texto)
14.- CANVAS (graficar imagenes)
15.- CANVAS (transparencias)
16.- CANVAS (sombras)
17.- CANVAS (gradiente lineal)
18.- CANVAS (gradiente radial)
19.- CANVAS (patrones de imagenes)
20.- CANVAS (otro canvas como patrón)
21.- CANVAS (grabar y recuper el estado - save(), restore())
22.- CANVAS (translate)
23.- CANVAS (rotate)
24.- CANVAS (scale)
25.- AUDIO
26.- VIDEO
27.- Elementos HTML semánticos.
28.- FORM (autofocus)
29.- FORM (placeholder)
30.- FORM (required)
31.- FORM (pattern)
32.- FORM (input type="email")
33.- FORM (input type="range")
34.- FORM (input - datalist)
35.- FORM (novalidate)
36.- WEB STORAGE (localStorage y sessionStorage)
37.- GEOLOCATION (getCurrentPosition)
38.- GEOLOCATION (mostrar en un mapa)
39.- GEOLOCATION (tiempo de espera y captura de errores)
40.- GEOLOCATION (watchPosition)
41.- DRAG AND DROP (dragstart, dragover, drop)
42.- DRAG AND DROP (drag, dragend)
43.- DRAG AND DROP (dragenter, dragleave)
44.- API FILE (lectura de archivo de texto local)
45.- API FILE (lectura de múltiples archivos de texto locales)
46.- API FILE (lectura de una imagen)
47.- API FILE (drag and drop de una imagen del escritorio)

En este curso, se muestra el potencial de los nuevos estándares, así como de los navegadores web de nueva generación y su uso hoy en día, logrando mantener nuestras páginas web compatibles con navegadores menos avanzados. En formato pdf. contiene 107 páginas.