Desarrollo web con HTML5, CSS3 y JavaScript

Formato: Classroom, Online, Onsite | Duración: 5 días

Descripción general

Descripción general

Este curso introduce a los alumnos a los cambios que han tenido lugar en los estándares Web desde el punto de vista del contenido y la presentación visual.

El curso aborda aspectos relacionados con la estructura de páginas, la presentación y la programación (JavaScript, etc.)

Objetivos del curso

Objetivos del curso

Al finalizar el curso los alumnos podrán:

  • Conocer las novedades y diferencias con respecto a versiones anteriores
  • Poder usar las nuevas etiquetas semánticas correctamente para favorecer la presencia SEO individual o corporativa
  • Incorporar elementos multimedia y gráficos, usando las nuevas opciones del estándar
  • Crear formularios web con las nuevas opciones de validación y control de entradas
  • Diseñar interfaces Web Responsive utilizando las opciones de CSS3
  • Solucionar problemas comunes de presentación e interacción con el usuario
  • Conocer y profundizar en el uso de HTML5, CSS3 y sus posibilidades
  • Conocer y usar las nuevas características ofrecidas por JavaScript
  • Manejar los depuradores integrados en los navegadores
  • Conocer y utilizar las nuevas API propuestas por JavaScript 5

Dirigido a

Dirigido a

Ingenieros y desarrolladores web habituados a trabajar con otras tecnologías Web y que estén acostumbrados a crear aplicaciones para entornos web.

Prerrequisitos

Prerrequisitos

Los alumnos deben conocer las características del desarrollo web.

Contenido del curso

Contenido del curso

1. HTML 5

  • Compatibilidad hacia atrás
  • Etiquetas obsoletas
  • La sintaxis general de HTML
  • Etiquetas modificadas
  • Cambios genéricos
  • Etiquetas estructurales y semánticas
  • <section>
  • Etiquetas de esquema de documento
  • Ejemplo “oficial”
  • Implementación práctica de una entrada de un blog
  • DEMO: Prototipo de un blog
  • <figure>
  • La oferta multimedia: <video>, <audio>, <source> y <track>
  • Utilización de las etiquetas <video> y <audio>
  • <source>
  • Otros atributos complementarios
  • Ejemplo básico de uso
  • <audio>
  • Etiquetas clásicas
  • Ejemplo de uso de <embed>
  • <mark> <progress> <meter> <time> <wbr> <details> <datalist> y <canvas>
  • Dibujando sobre el <canvas>
  • Trabajando con texto
  • Utilizando imágenes en un <canvas>
  • Transformaciones
  • Animaciones
  • Soporte SVG

2. Atributos

  • Atributos <input> y la API HTML para formularios
  • Marcadores de posición
  • Autofoco y Autocompletar
  • <datalist> e <input>
  • Manejo de entradas numéricas
  • Manejo de fecha con formato de entradas
  • Validaciones
  • Patrones
  • API para Validaciones
  • WAI-ARIA
  • Atributos Data

3. CSS 3

  • Nuevos atributos para otros elementos existentes
  • Revisión: Estructura de un documento CSS
  • Reglas: definición y tipos
  • Los dos triángulos esquemáticos: Ubicación y Selección
  • Posicionamiento
  • La especificación CSS3. Estado actual
  • Hojas de estilos de gestión
  • Trabajar con fuentes Web
  • Texto: nuevas opciones
  • Administración de fondos y colores
  • Tipos de valores
  • Degradados y paletas de colores
  • Efectos visuales
  • Cuadros y bordes
  • Columnas
  • Transiciones
  • Animaciones

4. JavaScript

  • Los cambios en el lenguaje JavaScript
  • Programación de eventos y gestión de la concurrencia
  • AJAX Nivel 2.1. Manejo de AJAX con jQuery
  • Geolocalización
  • Almacenamiento local: LocalStorage y SessionStorage
  • Application Cache
  • Acceso a archivos
  • Arrastrar y Soltar
  • Web Sockets
  • Web Workers
  • API de notificaciones

Interesante?

¿Quieres más información sobre este curso? Contacta con nosotros y te asesoraremos