Este curso de programación en HTML5, CSS3, Javascript y Bootstrap está dirigido a ingenieros, informáticos, estudiantes y todo tipo de personas interesadas en aprender los fundamentos de los lenguajes más utilizados actualmente en la creación de interfaces web, así como a adquirir las nociones básicas de cómo combinarlos para poder realizar un proyecto web integral.

Horario del curso: De L a V de 16:00 a 20:00

Duración: 150 horas

Titulación: Certificado de asistencia otorgado por Consultoría e Integración de Sistemas.

DÓNDE PUEDES TRABAJAR

Ámbito Profesional: desarrolla su actividad profesional tanto por cuenta propia, como por cuenta ajena en empresas o entidades públicas o privadas de cualquier tamaño, que dispongan de infraestructura de redes Intranet, Internet o Extranet, en el área de diseño o programación web.

Sectores Productivos: se ubica, sobre todo, en el sector servicios, y principalmente, en empresas de desarrollo de software con tecnologías web; empresas que tienen como objetivo de negocio la comercialización de servicios de análisis, diseño y construcción de aplicaciones informáticas para infraestructuras de redes Intranet, Internet y Extranet.

QUÉ PUESTO PUEDES OCUPAR

– Desarrollador de páginas web.
– Mantenedor de páginas web.

REQUISITOS DE ACCESO

Cumplir unos de los siguientes requisitos:
– Nivel informático a nivel de usuario.
– Conocimientos básicos de diseño o programación web.

CONTENIDOS Y TEMARIO

1. Fundamentos y Estructura Semántica (HTML5)

• Introducción y Sintaxis de HTML5: Etiquetas, atributos y buenas prácticas.

• HTML5 Semántico: Uso correcto de <header>, <main>, <section>, <article>, <footer>, etc. (SEO y estructura).

• Formularios Avanzados: Validación nativa, nuevos tipos de input y experiencia de usuario (UX).

• Multimedia: Implementación de Vídeo y Audio nativo.

• Gráficos Vectoriales (SVG): Inserción, optimización y manipulación básica.

• Accesibilidad Web (A11y): Roles ARIA, contraste y navegación por teclado.

• 2. Diseño y Estructura Avanzada (CSS3 + Modern Layout)

• Selectores y Especificidad: Cómo escribir CSS limpio y evitar el !important.

• Metodología BEM: Organización de clases para proyectos escalables.

• Modelos de Layout Modernos:

  • – Flexbox: Alineación y distribución de elementos de forma fluida.

  • – CSS Grid: Creación de rejillas bidimensionales complejas.
    Responsive Web Design: Media Queries, unidades relativas (rem, em, vh, vw) e imágenes responsivas.

  •  

    3. Estética y Movimiento (CSS Visuals)

    • Efectos Visuales: Sombras, gradientes, filtros y modos de mezcla.

    • Transformaciones y Transiciones: Movimientos suaves al interactuar.

    • Animaciones CSS3: Uso de @keyframes para crear micro-interacciones

    • • 4. Lógica y Dinamismo (JavaScript ES6 & Dom)

        • Introducción a JavaScript Moderno (ES6+): Variables (let, const), funciones de flecha y template literals.

        • Manipulación del DOM: Cómo seleccionar y modificar elementos sin depender de librerías.

      • • 5. Dominio de Frameworks: Bootstrap (Módulo Intensivo)

      • • • Fundamentos y Arquitectura: Instalación (CDN vs. Local), estructura de archivos y el concepto de Mobile First.

          • El Sistema de Rejilla (Grid System): * Contenedores, filas y columnas.

            • Puntos de ruptura (breakpoints) personalizados.

            • Alineación y orden con Flexbox utilidades.
              Utilidades «Utility-First»: Espaciados (margin/padding), tipografía, colores, bordes y sombras sin escribir CSS propio.
              Componentes Esenciales: * Navegación avanzada (Navbars dinámicos).
              Tarjetas (Cards) y contenedores de contenido.

              • Ventanas modales, tooltips y notificaciones (Toasts).

              • Acordeones y carruseles.