Cargando...
Bell ebd1aeb62c1e040000a83aada46205de3ccee6af4ca11163e07f7b64f057875d Notificaciones

Marcar todas como leídas

Ver más

Suscríbete al plan premium y obtén acceso a éste y todos nuestros cursos.

Ir a la suscripción
Html5 2017

Curso HTML5 Avanzado 2017

Vídeos en el curso

49

Duración total

4h 15m

Temario

Introducción

1.1 Introducción

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 23s

1.2 Entorno de trabajo

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 23s

Semántica

2.1.- Qué es y por qué es importante

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 59s

2.2 Article, Header, Footer, Nav, Aside, Section

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 30s

2.3.- Figure, Figcaption, Main, Summary, Details

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 49s

Vídeo API

3.1.- Etiqueta de vídeo

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 6s

3.2 Atributos básicos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 28s

3.3 Pausar y Reproducir

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 27s

3.4.- currentTime y Duration

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 14s

3.5 Eventos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 54s

3.6 Volumen

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 0m 0s

3.7 Audio

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 3s

Formularios

4.2 Fechas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 26s

4.3 Range

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 39s

4.4 Nuevos tipos de input

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 49s

4.5 Atributos Min y Max

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 42s

4.6 Placeholder, Required y Autofocus

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 31s

4.7 Validaciones con expresiones regulares

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 34s

4.8 Constraint Validation

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 13m 32s

4.9 Validaciones personalizadas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 18s

4.10 checkValidity

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 22s

4.11 CSS y validaciones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 57s

Crea tu reproductor de vídeo

5.1 Reproductor de vídeo

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 46s

5.2 Reproducir y pausa

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 39s

5.3 Volumen parte 1

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 6s

5.4 Volumen parte 2

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 53s

5.5 Volumen parte 3

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 4s

5.6 Barra de progreso

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 16s

5.7 Indicadores de tiempo

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 50s

5.8 FullScreen

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 23s

5.9 Velocidad de reproducción

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 49s

5.10 Mover reproducción

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 48s

5.11 Mostrar y ocultar controles

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 26s

Canvas

6.1 Canvas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 20s

6.2 Contexto

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 7s

6.3 Plano de coordenadas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 48s

6.4 Rectángulos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 6s

6.5 Círculos y arcos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 56s

6.6 Paths

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 0s

6.7 Colores y líneas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 46s

6.8 Save & Restore

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 53s

6.9 Texto

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 25s

6.10 Sombras

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 3s

RequestAnimationFrame

7.2 Definición de requestAnimationFrame

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 30s

7.3 Ejemplo con Canvas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 42s

Imágenes y Pixeles

81.- Dibujar imágenes con Canvas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 46s

8.2 Recortar imágenes

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 48s

8.4 Leer pixeles del canvas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 24s

8.4 Convertir imagen a blanco y negro

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 9s