Objetivo General

Desarrollar aplicaciones web modernas y optimizadas utilizando HTML5 y CSS3, aplicando técnicas avanzadas de maquetación, diseño responsivo, animaciones y buenas prácticas de desarrollo frontend.

Descargar Ficha PDF Cotizar

Objetivos Específicos

         Aplicar estructuras semánticas avanzadas y optimización del código HTML5.
         Utilizar CSS3 avanzado para crear interfaces modernas y dinámicas.
         Implementar diseño responsivo avanzado y buenas prácticas de rendimiento web.

Módulo 1

        HTML5 avanzado y buenas prácticas
        Contenidos:
        Estructura semántica avanzada.
        Accesibilidad web (ARIA básico).
        Optimización de código HTML.
        Integración con APIs y contenido dinámico.
        Actividad Práctica: Mejora y optimización de una estructura HTML existente.

Módulo 2

        CSS3 avanzado y arquitectura de estilos
        Contenidos:
        Metodologías CSS (BEM).
        Preprocesadores CSS (introducción a Sass).
        Variables CSS y custom properties.
        Organización y escalabilidad de estilos.
        Actividad Práctica: Refactorización de estilos utilizando metodología BEM.

Módulo 3

        Maquetación avanzada con Flexbox y Grid
        Contenidos:
        Patrones avanzados de diseño con Flexbox.
        Grid Layout avanzado.
        Combinación de Flexbox y Grid.
        Layouts complejos y adaptativos.
        Actividad Práctica: Desarrollo de un layout completo tipo dashboard.

Módulo 4

        Animaciones y efectos avanzados
        Contenidos:
        Animaciones complejas con CSS3.
        Uso de keyframes.
        Transiciones avanzadas.
        Optimización de animaciones.
        Actividad Práctica: Creación de componentes animados para interfaces web.

Módulo 5

        Diseño responsivo avanzado
        Contenidos:
        Mobile First y Desktop First.
        Media queries avanzadas.
        Diseño adaptable a múltiples dispositivos.
        Testing en distintos dispositivos.
        Actividad Práctica: Adaptación completa de un sitio a múltiples resoluciones.

Módulo 6

        Optimización y despliegue
        Contenidos:
        Optimización de rendimiento frontend.
        Buenas prácticas de carga (lazy loading, minificación).
        SEO básico para HTML5.
        Publicación y despliegue de sitios web.
        Actividad Práctica: Optimización y publicación de un proyecto web final.