Con este curso profundizarás en los conocimientos de creación y diseño de páginas web utilizando HTML5, CSS3 y JavaScript.

¿Qué vas a aprender?

  • Adquirir conocimientos para la creación de formularios en HTML5 y las novedades que esta versión aporta a nivel de nuevos tipos de datos y controles.
  • Controlar el contenido de los formularios a través de la "API Form" y ofrecer respuesta a cada dato según el valor que haya introducido el usuario.
  • Diseñar hojas de estilos CSS "Responsive", es decir adaptables a distintas resoluciones, y la filosofía de trabajo que ello conlleva.
  • Con la ayuda de la "API Canvas", diseñar "canvas", animaciones y tratamiento de imágenes.
  • Crear y gestionar bases de datos locales usando la "API IndexedDB".

Estructura del curso

UNIDAD 1. Formularios

  • Capítulo 1. Formularios en HTML5
    • Form y parámetros
    • Etiquetado y estructura
    • Input, radio y checkbox
    • Listas y archivos. Patrones
    • Áreas de texto y botones
  • Capítulo 2. API form
    • Validación alternativa
    • Validación en tiempo real
  • Capítulo 3. Vídeo y audio
    • Inserción de vídeo
    • Personalización de reproductor
    • Audio

UNIDAD 2. Diseño Responsive

  • Capítulo 1. Filosofía Responsive
  • Capítulo 2. Adaptación Responsive
    • Adaptación CSS a Escritorio
    • Media queries
    • Adaptación a SmartPhone
    • Menú Responsive
    • Reducir peso

UNIDAD 3. Canvas

  • Capítulo 1. Novedades en CSS3
    • Creación de Canvas. Filosofía
    • Objetos simples, trazados, rellenos y degradados
    • Trabajo con líneas
    • Trabajo con textos, sombras
    • Transformaciones
  • Capítulo 2. Multimedia
    • Imágenes. Métodos sobre datos de imágenes
    • Patrones. Animaciones

UNIDAD 4. Operando con bases de datos

  • Capítulo 1. API indexedDB
    • Filosofía y métodos
    • Creación de base de datos
    • Insertando y listando objetos
    • Buscando un elemento
    • Buscando por índice
  • Capítulo 2. Operaciones 
    • Listado de objetos por orden
    • Borrar objetos
    • Realizar modificaciones

Para realizar este curso es necesario tener conocimientos de diseño de páginas web con HTML5, CSS3 y JavaScript, o haber realizado previamente el curso de "HTML5, CSS3 y JavaScript. Nivel 1".

Al finalizar cada Unidad Didáctica deberás realizar un ejercicio de autoevaluación de 5 preguntas. Al finalizar el curso deberás realizar una evaluación final tipo test de 25 preguntas.

HTML5, CSS3 y JavaScript. Nivel 2
Duración 40 horas
Tiempo realización 50 días
Temática DISEÑO Y PROGRAMACIÓN

Objetivos

Con este curso profundizarás en los conocimientos de creación y diseño de páginas web utilizando HTML5, CSS3 y JavaScript.

¿Qué vas a aprender?

  • Adquirir conocimientos para la creación de formularios en HTML5 y las novedades que esta versión aporta a nivel de nuevos tipos de datos y controles.
  • Controlar el contenido de los formularios a través de la "API Form" y ofrecer respuesta a cada dato según el valor que haya introducido el usuario.
  • Diseñar hojas de estilos CSS "Responsive", es decir adaptables a distintas resoluciones, y la filosofía de trabajo que ello conlleva.
  • Con la ayuda de la "API Canvas", diseñar "canvas", animaciones y tratamiento de imágenes.
  • Crear y gestionar bases de datos locales usando la "API IndexedDB".

Contenidos

UNIDAD 1. Formularios

  • Capítulo 1. Formularios en HTML5
    • Form y parámetros
    • Etiquetado y estructura
    • Input, radio y checkbox
    • Listas y archivos. Patrones
    • Áreas de texto y botones
  • Capítulo 2. API form
    • Validación alternativa
    • Validación en tiempo real
  • Capítulo 3. Vídeo y audio
    • Inserción de vídeo
    • Personalización de reproductor
    • Audio

UNIDAD 2. Diseño Responsive

  • Capítulo 1. Filosofía Responsive
  • Capítulo 2. Adaptación Responsive
    • Adaptación CSS a Escritorio
    • Media queries
    • Adaptación a SmartPhone
    • Menú Responsive
    • Reducir peso

UNIDAD 3. Canvas

  • Capítulo 1. Novedades en CSS3
    • Creación de Canvas. Filosofía
    • Objetos simples, trazados, rellenos y degradados
    • Trabajo con líneas
    • Trabajo con textos, sombras
    • Transformaciones
  • Capítulo 2. Multimedia
    • Imágenes. Métodos sobre datos de imágenes
    • Patrones. Animaciones

UNIDAD 4. Operando con bases de datos

  • Capítulo 1. API indexedDB
    • Filosofía y métodos
    • Creación de base de datos
    • Insertando y listando objetos
    • Buscando un elemento
    • Buscando por índice
  • Capítulo 2. Operaciones 
    • Listado de objetos por orden
    • Borrar objetos
    • Realizar modificaciones

Conocimientos previos

Para realizar este curso es necesario tener conocimientos de diseño de páginas web con HTML5, CSS3 y JavaScript, o haber realizado previamente el curso de "HTML5, CSS3 y JavaScript. Nivel 1".

Evaluación y certificado

Al finalizar cada Unidad Didáctica deberás realizar un ejercicio de autoevaluación de 5 preguntas. Al finalizar el curso deberás realizar una evaluación final tipo test de 25 preguntas.