Curso HTML5 Ver más grande

Curso HTML5

Inscripción Abierta Permanente: Activación en 24 hs!

Con el curso de HTML versión 5 aprenderemos las novedades de la futura versión de HTML.
Nuevos campos de formulario cómo fecha, color..., soporte nativo de vídeo y audio, acceso a dispositivos cómo camaras web, micrófonos y dispositivos de almacenamiento.

Más detalles

Al comprar este producto puede obtener hasta 170 puntos de fidelidad. Su carrito totalizará 170 puntos que se puede(n) transformar en un vale de descuento de 85,00 ARS.


Ficha técnica

Carga Horaria 40 a 50 horas dependiendo de la cantidad de práctica que realice el alumno
Docentes Asignados a Curso Si
Certificado al Finalizar el Curso Si
Trabajos Prácticos Si
Incluye Software Si
Modalidad A distancia
Consultas personalizadas a docente Si

Más

Con el curso de HTML versión 5 aprenderemos las novedades de la futura versión de HTML.
Nuevos campos de formulario cómo fecha, color..., soporte nativo de vídeo y audio, acceso a dispositivos cómo camaras web, micrófonos y dispositivos de almacenamiento.

 

Contenido del Curso

 

Unidad 1. Introducción a HTML5

Qué es HTML 5 y qué novedades traerá consigo en el desarrollo de páginas web, entre las que destaca el elemento CANVAS, que estamos explicando en el presente manual.

- Qué es HTML 5 
Veremos qué es HTML 5, su previsión de tiempo para convertirse en una especificación recomendada y las novedades más significativas que proporcionará. 

- Introducción a Canvas del HTML 5 
Canvas es uno de los componentes más novedosos de estándar HTML 5 que sirve para dibujar dinámicamente imágenes en una página web.

Unidad 2. Canvas

Introducción al elemento Canvas y primeros ejemplos de dibujo. Aprendemos a crear rectángulos y a configurar los colores que se utilizan en el dibujo.

- Ejemplo de dibujo con el API de canvas 
Un primer ejemplo de dibujo en un elemento canvas de HTML 5 con el API de canvas y Javascript. 

- Entender el lienzo de canvas 
Veremos cómo es el lienzo de un canvas, formado por un eje de coordenadas que podemos utilizar para posicionar todos los dibujos que queramos colocar en el canvas. 

- Dibujar rectángulos en un Canvas 
Cómo dibujar cuadrados y rectángulos en un elemento Canvas de HTML mediante la función fillRect() y strokeRect() de Javascript, válida en HTML 5. 

- Trabajando con color de relleno y de trazado en canvas 
Análisis de dos atributos esenciales para asignar color a los dibujos que se hacen en el elemento canvas. Atributos fillStyle para el color de relleno y strokeStyle para el color de trazado. 

 Unidad 3. Dibujar caminos en Canvas

A través de los caminos se pueden dibujar todo tipo de figuras en el lienzo de Canvas. Vemos todos los tipos de caminos que existen y diferentes ejemplos prácticos.

- Caminos en Canvas del HTML 5 
Veamos cómo realizar dibujos en un canvas con las funciones para caminos, que permiten la creación de estructuras más complejas.

- Ejemplo 2 de dibujo de caminos en canvas 
Segundo ejemplo sobre los caminos en el elemento canvas, donde veremos las funciones closePath() y stroke(). Entrar

- Caminos en canvas: ejemplo 3 
Cómo dibujar un camino en canvas de HTML 5 con diversas variantes, cerrado y sin cerrar, y con o sin relleno de color. 

- Otros ejemplos de dibujo de caminos en elementos Canvas 
En este artículo veremos otras pruebas de dibujo de caminos en los canvas. 

- Curvas en caminos de Canvas del HTML 5 
Los caminos en los elementos canvas del HTML 5 pueden tener curvas, que conseguimos por medio de los arcos, las curvas cuadráticas y las curvas bezier.

- Dibujo de curvas con arcos en canvas 
Cómo dibujar arcos, para hacer curvas basadas en circunferencias o segmentos de ellas, en el lienzo de los elementos Canvas del HTML 5.

- Curvas cuadráticas en el canvas 
Las curvas cuadráticas son un tipo especial de curva que se define por tres puntos, dos para el inicio y fin de la curva y otro para su tendencia. 

- Rectángulos con esquinas redondeadas en canvas, interactivo con Mootools 
Vemos las curvas cuadráticas a través de un ejemplo interactivo de trabajo con caminos en canvas del HTML 5 que dibuja rectángulos con esquinas redondeadas. 

- Curvas Bezier en Canvas 
Las curvas Bezier son la manera más compleja de especificar dibujar caminos curvos en el elemento canvas del HTML 5.

 Unidad 4. Trabajo con imágenes en Canvas

A través de la utilización de imágenes se pueden mejorar mucho los diseños que se realizan en los canvas. Además mostramos distintas maneras de modificar dinámicamente por medio de scripts el aspecto de las imágenes.

- Usar imágenes en el Canvas 
Dibujar el contenido de imágenes en los elementos canvas del HTML 5, usando cualquier tipo de archivo gráfico permitido (gif, jpg, png) para incluir una imagen en el lienzo de un canvas. 

- Maneras de acceder a objetos Image para mostrar en el canvas 
Otro ejemplo de dibujo en con el API de canvas del HTML 5, en el que incluimos imágenes traídas por diferentes vías posibles con Javascript. 

- Escalado y recorte en imágenes en canvas 
Escalado y recorte de imágenes en el elemento canvas. Como cambiar el tamaño y recortar las imágenes al dibujarlas en el lienzo de canvas del HTML 5. 

- Mosaico de imágenes en Canvas 
Cómo realizar un patrón de repetición o mosaico de imágenes en el elemento Canvas del HTML5, lo que se conoce en inglés como Pattern. 

 Unidad 5. Configuraciones de dibujo de líneas

 Las líneas que dibujamos en el recorrido de los caminos en un canvas se pueden configurar con diferentes parámetros, como el grosor, la forma de sus extremos, el redondeo de las esquinas, etc.

- Grosor de la línea en Canvas 
Cómo alterar el grosor de la línea cuando dibujamos el contorno de un camino o un rectángulo en un elemento Canvas del HTML 5.

- Extremos de las líneas en canvas 
En las líneas que se dibujan en los elementos canvas del HTML 5 se pueden configurar distintos tipos de extremos, cuadrados, redondeados, etc. 

- Uniones entre segmentos de líneas en canvas con lineJoin 
Cuando una línea consta de varios segmentos, las junturas o uniones entre los distintos segmentos se pueden configurar de diferentes maneras con la propiedad lineJoin. 

- Límite de la punta del ángulo con miterLimit en canvas 
Cuando configuramos el valor miter para el parámetro lineJoin, podemos configurar un límite de tamaño para la punta que formará el ángulo de los segmentos de la línea con miterLimit. 

- Juego del ahorcado Javascript con jQuery UI y Canvas del HTML 5 
Aplicación experimental del juego del ahorcado en Javascript, con jQuery y las librerías jQuery UI y uso del elemento Canvas del HTML 5. 

- Introducción a Processing.js 
Processing.js es un framework Javascript para dibujo y animación mediante el elemento Canvas del HTML5. 

- FlashCanvas: elemento canvas compatible con todos los navegadores 
FlashCanvas es una librería Javascript para conseguir que el elemento canvas del HTML 5 funcione en navegadores que no lo soportan, como Internet Explorer 6 al 8. 

Unidad 6. Etiquetas AUDIO y VIDEO (HTML 5)


La versión 5 de HTML incorpora nuevas etiquetas para incluir vídeos y audio en un documento HTML.

Unidad 7. CSS en 3D ( HTML 5 )

CSS 3 nos permite efectuar modificaciones a un elemento que utilicen las tres dimensiones del espacio.

Unidad 8. Arrastras y Soltar

Los nuevos eventos JavaScript y atributos de HTML 5 nos permiten la interacción con nuestro documento / aplicación utilizando la técnica de arrastrar y desplazar. La interfaz DataTransfer nos permite transferir archivos utilizando las capacidades de arrastrar y soltar.


Unidad 9. Webcam y micrófono

Manipulación de webcam y el micrófono con HTML5

Características del Curso

  • Certificado al Finalizar el Curso Si
  • Idioma Español
  • Docentes Asignados a Curso Si
  • Incluye Software Si
  • Modalidad A distancia
  • Consultas personalizadas a docente Si
  • Carga Horaria 40 a 50 horas dependiendo de la cantidad de práctica que realice el alumno
  • Trabajos Prácticos: Si

Reseñas

No hay reseñas de clientes en este momento.

Escribe tu opinión

Curso HTML5

Curso HTML5

Con el curso de HTML versión 5 aprenderemos las novedades de la futura versión de HTML.
Nuevos campos de formulario cómo fecha, color..., soporte nativo de vídeo y audio, acceso a dispositivos cómo camaras web, micrófonos y dispositivos de almacenamiento.

Cursos Relacionados