Curso de HTML5 Avanzado (En Vídeo)

Curso de HTML5 Avanzado (En Vídeo)

Ficha técnica del Curso de HTML5 Avanzado (En Vídeo)

Titulación

Recibirás el diploma del curso HTML5 Avanzado (online) expedido por Licea: Liceo de Enseñanza Abierta.

 

Descripción

¿Quieres crear contenidos interactivos y con animaciones complejas para todo tipo de dispositivos? Con el nuevo Flash CC y su exportación a HTML5 podrás hacerlo fácil y rápidamente. En este curso crearás un banner complejo y completamente HTML5 utilizando las fantásticas herramientas de animación que ofrece Flash, que combina la potencia de su línea de tiempo con programación en JavaScript. Usaremos el framework CreateJS y todas las tradicionales herramientas gráficas para generar contenidos HTML5 basados en canvas o WebGL y se demostrará la verdadera potencia de esta combinación creando un banner complejo, dinámico e interactivo.

A través de este curso de HTML5 Avanzado descubrirás cómo desarrollar con Adobe Flash y aprenderás lo fácil que es dar el salto a hacer contenidos de calidad con HTML5 y todo ello paso a paso con ejemplos prácticos y tomando como referencia tus conocimientos actuales.

Además, te familiarizarás con Canvas, la herramienta ideal para añadir contenidos de alto nivel en nuestros desarrollos web en HTML5. Utilizarás ejemplos prácticos a realizar las tareas habituales, creando gráficos dinámicamente, ejecutando animaciones, añadiendo interactividad y creando filtros sobre imágenes, efectos de partículas y entornos 3D.

Con el desarrollo de aplicaciones web se han ido complicando los años, por lo que se ha hecho necesario replantear el modo de trabajo antiguo de simple programación de código al uso de toda clase de librerías, frameworks y herramientas para acelerar el trabajo, mejorar los resultados y simplificar el código final. Tratarás herramientas como Node.js o Git, AngularJS y librerías como lodash, para que faciliten la programación de ciertas tareas. La intención del curso es enseñar el modo de trabajo habitual de un profesional del desarrollo de front-end mediante la creación de una sencilla web app: una agenda para nuestros contactos.

Con este curso de HTML5 Avanzado online estudiarás los efectos de scroll aplicados sobre páginas HTML5  que son útiles debido a la necesidad de facilitar la navegación a los usuarios de dispositivos móviles que entran en nuestro microsites. Pero en vez de ser una limitación, el uso de estructuras verticales ha servido para añadir atractivo a nuestras páginas gracias a la combinación de animaciones de distinto tipo, e incluso a aportarles información. En este curso aprenderás a crear este tipo de efectos en tres ejemplos basados en JavaScript y CSS, que van a empezar con un ejemplo simple de parallax, para terminar con otro un poco más complejo y así abarcar las distintas opciones de efectos de scroll que podemos añadir a nuestros front-ends.

El curso de HTML5 Avanzado cuenta con:

  • Tutorías personalizadas.
  • Bolsa de empleo.
 

Objetivos del curso

  • Aprender a elaborar gráficos interactivos y dinámicos.
  • Programar con JS y canvas.
  • Crear contenidos en 3D con WebGL.
  • Elaborar slide y banners interactivos, añadiendo interactividad y efectos avanzados de animación.
  • Generar gráficos, contenidos de texto y banner con texto dinámico en canvas.
 

Metodología

Este curso online permite adquirir conocimientos desde cualquier lugar y en cualquier momento, disponiendo de un ordenador, o de cualquier dispositivo móvil o tablet.

Los contenidos, actualizados y amenos, se enmarcan en un entorno web intuitivo y automatizado, y combinan la teoría con actividades prácticas e interactivas.

Se trata de un curso en el que el alumno marcará su ritmo de estudio, pudiendo avanzar o retroceder en el temario en función de sus necesidades y tiempo disponible.

A lo largo del desarrollo de la acción formativa podrás estar en contacto con los tutores del curso de forma permanente a través del teléfono y el e-mail. El curso dispone además de formación online tutorizada.

 

Materiales

  • Curso interactivo en vídeo
  • Contenidos digitales del curso HTML5 Avanzado
  • Evaluación del contenido interactivo
  • Foros de debate
 

Temario de Curso de HTML5 Avanzado (En Vídeo)

HTML5 para desarrolladores Flash

  • ¡Bienvenido!
  • Introducción
  • Lo más parecido al ActionScript: JavaScript
  • Programando con JS y canvas. Creación de un gráfico interactivo
  • El canvas: gráfico dinámico
  • Canvas y frameworks. Banner interactivo
  • WebGL: creando contenidos 3D
  • Animación con DOM, animaciones CSS y multimedia
  • Animación con CSS3
  • JQuery
  • Multimedia
  • Lo más fácil: Edge Animate. Creando una slide Interactivo
  • Despedida

Banners interactivos con HTML5 y Flash

  • Introducción
  • Introducción al proyecto de creación de banner interactivo con HTML5 y Flash
  • Creación de la base del proyecto de creación de banner interactivo con HTML5 y Flash
  • Añadiendo interactividad y efectos avanzados de animación en el banner interactivo con HTML5 y Flash
  • Empleo de multimedia y tareas avanzadas para la creación del banner interactivo con HTML5 y Flash

HTML5. Animación e interactividad con canvas

  • ¡Bienvenido!
  • Introducción
  • Creando contenidos de texto en canvas. Banner con texto dinámico
  • Gráficos en canvas. Creación de un generador de spray
  • Imágenes en canvas. Sistema de zoom. Retocando píxeles
  • Animación compleja: usando frameworks
  • Despedida

Ejemplo práctico con HTLML5. Agenda

  • Introducción
  • Primeros pasos en la creación de una agenda con HTML5
  • Cómo crear la estructura básica de nuestra aplicación
  • Creación de un listado de personas de la agenda
  • Creación del formulario de inserción de nuevas direcciones

Ejemplos prácticos con HTML5. Scroll y presentación de contenidos

  • Introducción
  • Efectos parallax simples para contenidos single page
  • Combinación de animación horizontal y vertical
  • Técnicas de control avanzado de contenidos mediante el scroll
 
36320
Te llamamos gratis
688 933 455
liceaformacion
Liceo de Enseñanza Abierta
Procesando petición, espere un momento...