Inicio » Catálogo » Curso de HTML5: Novedades y Posibilidades de este Estándar

Curso de HTML5: Novedades y Posibilidades de este Estándar


Valoracion 9,7 10 - 7 (votos)

Ver valoraciones

Bonificar curso

Curso bonificado para trabajadores

Si trabajas en una empresa Española te tramitamos la bonificación para que este curso lo puedas hacer gratis.

  150 € 250 € Ver ficha del tutor
  Sin Tutor Con Tutor
Acceso secuencial a las unidades del curso. V V
Descarga de contenidos en PDF. V V
Acceso a recursos didácticos y multimedia. V V
Ilimitadas consultas al tutor. - V
Videoconferencias con el tutor desde el entorno de comunicaciones - V
Ejercicios prácticos corregidos y evaluados por el tutor. - V
Certificado de realización PDF firmado digitalmente V -
Certificado de aprovechamiento PDF e impreso. - V
Posibilidad de bonificación hasta el 100% - V

Unidades:

  1. Introducción
  2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen
  3. Nueva forma de estructurar una página Web
  4. Nuevos campos de formulario
  5. Etiquetas multimedia de AUDIO y VIDEO
  6. Aprender a trabajar con Canvas
  7. Nuevas opciones con CSS3
  8. Drag and Drop
  9. Edición inline
  10. Geolocalización
  11. Almacenamiento Web
  12. Comunicaciones en HTML5
Duración: 50 horas
  • Información
  • Otros datos
  • Cursos relacionados
Familia: Entornos de Programación

HTML5 va más allá de todas las versiones anteriores de HTML en cuanto alcance y poder. No es solo una actualización de los elementos o etiquetas de la última versión, sino que su verdadero potencial está basado en las secuencias de comandos. Por eso, HTML5 junto a JavaScript y CSS nos ofrece la oportunidad de desarrollar páginas o aplicaciones Web realmente potentes.

¿Como empezar?

Ver videoSi quieres hacer uno de nuestros cursos basta con que solicites la inscripción, para ello debes rellenar el formulario de inscripción e indicar una dirección de e-mail en la que recibirás tus datos de acceso, nombre de usuario y contraseña, el envío de los datos es inmediato. (Debes prestar atención a la carpeta de spam ya que algunos filtros antispam podrían filtrar este correo).

Con tu nombre de usuario y contraseña ya podrás entrar en el curso. Te damos acceso gratuito a las 2 primeras lecciones para que puedas evaluar el curso. Inicialmente sólo puedes ver la unidad de metodología. Para acceder a las siguientes tendrás que aprobar el test asignado a la misma.

Si el curso te gusta puedes realizar el pago durante el proceso de inscripción o en cualquier momento dentro del aula virtual. El pago lo puedes hacer con tarjeta Visa, PAYPAL o realizando una transferencia y enviando posteriormente el justificante de la misma. Una vez realizado el pago podrás acceder a todas las lecciones, siempre de una forma secuencial.

¿Plazos?

Desde que te inscribes dispones de un plazo máximo de 10 días para poder evaluar el curso hasta la unidad 2. Una vez hayas completado las lecciones de evaluación se detiene el avance en el curso y tu decides...

En el momento de hacer el pago tu plazo se amplía hasta los 90 días con el objeto de que puedas realizar el curso cómodamente. Si justificas las causas puedes pedir una ampliación de plazo y generalmente se suele conceder.

La ampliación de plazo se la puedes solicitar a tu tutor y en el caso de los cursos sin tutor desde la sección consúltanos de www.adrformacion.com

¿Me darán diploma?

Los alumnos que hayan comprado el curso en la modalidad sin tutor, recibirán mediante correo electrónico un certificado de realización en formato PDF firmado digitalmente por ADR Formación, con indicación del número de horas, el temario, las fechas de inicio y finalización, etc.

Los alumnos que hayan comprado el curso en la modalidad con tutor, recibirán un certificado de aprovechamiento en formato PDF en el correo electrónico y en formato impreso mediante correo postal enviado a la dirección que figure en la ficha del alumno.

Los envíos de los diplomas serán realizados la primera semana de cada mes, a los alumnos que hayan finalizado durante el mes anterior

¿Qué necesito?

Para hacer el curso basta con que dispongas de una conexión a Internet y un navegador con el plugin de Flash instalado.

Para escuchar los vídeos explicativos y poder aprovechar al máximo los recursos del curso se aconseja disponer de equipo multimedia.

¿A cuantas horas presenciales equivale?

El curso de HTML5: Novedades y Posibilidades de este Estándar equivale a 50 horas en Formación presencial

Este sitio web utiliza cookies de terceros con la finalidad de analizar el uso que hace de nuestra web y personalizar el contenido de los anuncios. Si continúa navegando entendemos que acepta su uso. Más información × Cerrar

Curso de HTML5: Novedades y Posibilidades de este Estándar

(Programa detallado)

Objetivo

Al finalizar el curso el alumno será capaz de entender el funcionamiento y los objetivos con los que nace HTML5. Será capaz de utilizar y aplicar las nuevas funcionalidades que nos ofrece HTML5 como son la nueva forma de estructurar una página Web, los elementos multimedia de audio y vídeo, la potente API de Canvas, la función de arrastrar y soltar… así como elementos más avanzados como el almacenamiento en local o los WebSockets.

Dirigido a:

Personas con unos conocimientos previos de HTML y JavaScript que quieran avanzar y familiarizarse con esta nueva y potente versión.

Requisitos:

Conocimientos previos de HTML y JavaScript.

PROGRAMA DEL CURSO

Curso de HTML5: Novedades y Posibilidades de este Estándar: 1.-Introducción

Objetivo

El alumno hará un breve repaso a los estándares anteriores a HTML5 y conocerá las principales novedades y posibilidades que ofrece este nuevo y potente estándar.  

Contenido

  1. Introducción
    1. Historia de HTML
    2. Potencial de HTML5
    3. Principales novedades de HTML5
    4. Elementos necesarios para trabajar con HTML5
      1. Editor
      2. Navegador

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 2.-Nuevas etiquetas de HTML5 y etiquetas que desaparecen

Objetivo

 El alumno conocerá el estado actual del estándar HTML5, nuevas etiquetas que aparecen y otras muchas que ya no podrán ser utilizadas. Aprenderá a trabajar con estas nuevas etiquetas.

Contenido

  1. Nuevas etiquetas de HTML5 y etiquetas que desaparecen
    1. Un vistazo a la recomendación de W3C
    2. Etiquetas que desaparecen
    3. Nuevas etiquetas que aparecen
    4. Explicación y ejemplos de las nuevas etiquetas
  2. Ejercicios
    1. Ejercicio: Crear una encuesta con las nuevas etiquetas de HTML5
      1. Pasos a seguir
      2. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 3.-Nueva forma de estructurar una página Web

Objetivo

 El alumno se familiarizará y aprenderá a trabajar con las nuevas etiquetas que facilitarán la estructuración de una página Web.

Contenido

  1. Nueva forma de estructurar una página Web
    1. Principales novedades
    2. Nuevas etiquetas
    3. Ejemplo de estructuración de una página Web
  2. Ejercicios
    1. Ejercicio: Estructurar una página de noticias con las nuevas etiquetas de HTML5
      1. Pasos a seguir
      2. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 4.-Nuevos campos de formulario

Objetivo

El alumno conocerá y trabajará con los nuevos campos de formulario y las nuevas posibilidades que ofrece el estándar en este importante apartado.

Contenido

  1. Nuevos campos de formulario
    1. Cambios en las etiquetas que ya existían
    2. Nuevas etiquetas
    3. Cambios en los controles que ya existían
    4. Nuevos tipos de controles
  2. Ejercicios
    1. Ejercicio: Crear un formulario completo con los nuevos controles de HTML5
      1. Pasos a seguir
      2. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 5.-Etiquetas multimedia de AUDIO y VIDEO

Objetivo

 El alumno será capaz de entender los problemas que ha suscitado la implementación de elementos multimedia en las páginas Web a lo largo de la historia, y cómo HTML5 trata de solucionarlos. Aprenderá por tanto a utilizar las etiquetas de VIDEO y AUDIO, así como a utilizar reproductores ya existentes para implementarlos en la Web.

Contenido

  1. Etiquetas multimedia de AUDIO y VÍDEO
    1. Introducción
    2. Diferencias entre formatos y compatibilidades
      1. Conversores disponibles
    3. Colocar un archivo de VÍDEO en nuestra página
      1. La etiqueta VÍDEO
        1. Ejemplo
      2. La etiqueta SOURCE
        1. Ejemplo
      3. La etiqueta TRACK
        1. Ejemplo
    4. Colocar un archivo de AUDIO en nuestra página
      1. La etiqueta AUDIO
        1. Ejemplo
        2. Ejemplo
    5. Controlando el ERROR en los elementos de vídeo y audio
    6. Creando nuestro propio reproductor de vídeo y audio
      1. Ejemplo
      2. Ejemplo
    7. Utilizando reproductores ya creados
  2. Ejercicios
    1. Ejercicio: Crear un reproductor personalizado para VÍDEO y AUDIO
      1. Pasos a seguir
      2. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 6.-Aprender a trabajar con Canvas

Objetivo

Se estudiará el funcionamiento de la potente API de Canvas presente en HTML5. Dado su potencial, empezaremos desde lo más sencillo creando todo tipo de figuras, crearemos gráficos dinámicos y veremos librerias ya creadas para ello, trabajaremos las animaciones de esta API y dejaremos el camino abierto a la creación de juegos.

Contenido

  1. Aprender a trabajar con Canvas
    1. Introducción
      1. Antes de empezar a dibujar
    2. Dibujando rectángulos y triángulos
      1. Rectángulos
      2. Triángulos
    3. Dibujando arcos y curvas
      1. Arcos
      2. Curvas
    4. Creando textos
    5. Dibujando y modificando imágenes
    6. Creando gráficos
      1. Creando nuestros propios gráficos
      2. Utilizando librerías ya creadas para la generación de gráficos
    7. Creando gradientes de color
    8. Creando animaciones
      1. Ejemplo
    9. Interesantes opciones para crear contenido animado
  2. Ejercicios
    1. Ejercicio 1: Crear un sistema de ZOOM al pasar el ratón sobre una imagen
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio
    2. Ejercicio 2: Crear un gráfico circular en función de los datos que introduce el usuario
      1. Pasos a seguir
      2. Solución del Ejercicio
    3. Ejercicio 3: Crear una animación aleatoria
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 7.-Nuevas opciones con CSS3

Objetivo

 Se estudiarán las características más novedosas que introduce CSS3 como transformaciones y animaciones, que serán el complemento perfecto para los elementos que vayamos creando en nuestra Web con HTML5 y Javascript. 

Contenido

  1. Nuevas opciones con CSS3
    1. Introducción
    2. Transformaciones 2D en CSS3
      1. Movimiento de traslación
      2. Movimiento de escalado
      3. Movimiento de rotación
      4. Movimiento de inclinación
      5. Cambiando el origen de la transformación
    3. Transformaciones 3D en CSS3
      1. Definiendo la perspectiva para las transformaciones 3D
      2. Movimiento de traslación 3D
      3. Movimiento de rotación 3D
      4. Cambiando el estilo de la transformación
      5. Cambiando la forma de ver la parte trasera de nuestros elementos
    4. Animaciones en CSS3
      1. Ejemplo de animación
    5. Transiciones en CSS3
      1. Ejemplo de transición
  2. Ejercicios
    1. Ejercicio 1: Crear una galería de imágenes animada
      1. Pasos a seguir
      2. Solución del Ejercicio
    2. Ejercicio 2: Crear un menú desplegable animado
      1. Pasos a seguir
      2. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 8.-Drag and Drop

Objetivo

 Drag and Drop, arrastrar y soltar, un elemento muy importante y novedoso que se introduce en el estándar. En esta unidad se aprenderá todo lo relacionado con esta funcionalidad. Seremos capaces de crear elementos que podamos arrastrar y soltar en las diferentes partes de nuestra Web. 

Contenido

  1. Drag and Drop
    1. Introducción
    2. Eventos y propiedades
    3. El objeto dataTransfer
    4. Ejemplo Drag&Drop
    5. Ejemplo Drag&Drop entre navegador y escritorio
  2. Ejercicios
    1. Ejercicio 1: Crear un puzzle infantil
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio
    2. Ejercicio 2: Crear un sistema para arrastrar productos a un carrito de la compra
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 9.-Edición inline

Objetivo

 Esta otra funcionalidad que nos ofrece HTML5, nos permitirá crear elementos dentro de nuestra página que podamos editar desde cualquier navegador . Estudiaremos la posibilidad de hacer editable el contenido de cualquier elemento y las funciones que dan el formato a dicha edición.

Contenido

  1. Edición inline
    1. Introducción
    2. Opciones disponibles
    3. Creando un editor de texto
  2. Ejercicios
    1. Ejercicio: Crear un sistema para publicar mensajes con un editor para los mensajes a introducir
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 10.-Geolocalización

Objetivo

 En esta unidad, el alumno será capaz de implementar una funcionalidad en su página que le permita saber las coordenadas exactas en las cuales se encuentra la persona que esta visitando dicha página. Utilizaremos después dicha posición para generar contenido más cercano a nuestro usuario. 

Contenido

  1. Geolocalización
    1. Introducción
    2. Cómo detectar la ubicación
      1. Ejemplo
    3. Cómo diferenciar el error ocurrido
    4. Posicionarnos con Google Maps
  2. Ejercicios
    1. Ejercicio: Crear un sistema que nos vaya calculando la distancia que llevamos recorrida mientras nos desplazamos
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 11.-Almacenamiento Web

Objetivo

 Uno de los puntos fuertes de HTML5 está en esta unidad. Hasta ahora, la única manera de almacenar información permanentemente era utilizando un servidor y una base de datos, pues bien, en este punto estudiaremos la posibilidad de almacenar datos en local que ofrece el estándar.

Contenido

  1. Almacenamiento Web
    1. Introducción
    2. Almacenamiento en sesión
      1. Ejemplo
    3. Almacenamiento en local
      1. Ejemplo
    4. Otras opciones de almacenamiento
    5. Almacenamiento en caché
  2. Ejercicios
    1. Ejercicio: Crear un carrito de la compra que vaya almacenando el listado de productos en local
      1. Lo necesario para comenzar
      2. Pasos a seguir
      3. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis

Curso de HTML5: Novedades y Posibilidades de este Estándar: 12.-Comunicaciones en HTML5

Objetivo

 En este ultimo tema, estudiaremos la parte de comunicaciones que aparece en HTML5. Estudiaremos por un lado la Web Messaging, o mensajería Web, que nos permitirá intercambiar información entre diferentes documentos Web. Y por otro lado, los WebSockets, es decir, la posibilidad que tenemos de establecer conexiones directas con el servidor a través de sockets o hilos de comunicación. 

Contenido

  1. Comunicaciones en HTML5
    1. Introducción
    2. Mensajería Web
    3. La API de Web Messaging
    4. Ejemplo con Web Messaging
    5. Canales y puertos con Web Messaging
    6. WebSockets
    7. La API de WebSockets
    8. Ejemplo con WebSockets
    9. Servidores para WebSocket
  2. Ejercicios
    1. Ejercicio: Crear un sistema para gestionar una lista de reproducción de música
      1. Pasos a seguir
      2. Solución del Ejercicio

Inscríbete ahora y accede a 2 unidades gratis