Desarrollo con HTML 5 y CSS3 Avanzado

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

Descripción general

Descripción general

En este curso se aprende a manejar los recursos avanzados que los estándares HTML5 y CSS3 nos ofrecen, tanto para actualizar aplicaciones existentes, realizadas en cualquier entorno de desarrollo, como para aplicaciones nuevas donde sea importante tener en cuenta estas características desde las fases iniciales del ciclo de vida.

Objetivos del curso

Objetivos del curso

Al finalizar el curso los alumnos podrán:

  • Conocer y manejar los nuevos recursos que ambos estándares ofrecen, y su aplicación a la estructura de las páginas y la presentación
  • Aprender a incorporar las nuevas posibilidades, distinguiendo bien las buenas prácticas de separación de responsabilidades
  • Comprender cómo estructurar páginas según el nuevo estándar, tanto en los modelos clásicos como el modelo S.P.A.
  • Entender y manejar las nuevas opciones de que disponemos para el control de las entradas del usuario
  • Diseñar interfaces Web Responsive utilizando las opciones de CSS3
  • Aprender a crear sistemas de interacción del usuario con la aplicación de tipo “Fluid” que incorporan animaciones, transiciones, etc. 
  • Conocer y profundizar en el uso de HTML5, CSS3 y sus posibilidades

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 tener alguna experiencia en proyectos de desarrollo de software, y conocimientos básicos de los lenguaje de Internet: HTML, CSS y fundamentos de JavaScript.

Contenido del curso

Contenido del curso

Módulo 1. HTML 5

  • Etiquetas obsoletas
  • Etiquetas modificadas
  • Cambios genéricos
  • Etiquetas estructurales y semánticas
  • La oferta multimedia: <video>, <audio>, <source> y <track>
  • Etiquetas de indicación de estado
  • Gráficos mediante <canvas>
  • Transformaciones
  • Animaciones
  • Soporte SVG
  • Atributos
    • Atributos <input> y la API HTML para formularios
    • WAI-ARIA
    • Atributos Data-
    • Semántica: (Schema y OGP)

Módulo 2. CSS 3

  • Revisión: Estructura de un documento CSS
  • Reglas: definición y tipos
  • Los dos triángulos esquemáticos: Ubicación y Selección
  • Posicionamiento: cambios y nuevas posibilidades de estructura con Grid y Flexbox
  • Trabajar con fuentes Web
  • Texto: nuevas opciones.
  • Administración de fondos y colores
  • Degradados y paletas de colores
  • Efectos visuales
  • Cuadros y bordes
  • Columnas
  • Transiciones
  • Animaciones

Módulo 3. PRÁCTICAS

  • DEMOS: Análisis de las demos más impactantes y sus técnicas asociadas
  • Presentación de la información
  • Tratamiento de Texto y Fuentes
  • Listas y Tablas
  • Introducción de datos
  • Marcadores
  • Gráficos: Canvas y SVG
  • Multimedia
  • Elementos dinámicos
  • Metáforas de visualilzación

Interesante?

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