Objetivo General

Adquirir los conocimientos y habilidades básicos necesarios para crear y desarrollar páginas web funcionales y atractivas, utilizando HTML, CSS y JavaScript, y comprender los principios fundamentales del diseño web y la programación backend.

Objetivos Específicos

         Introducir los conceptos básicos de la programación web y su importancia.
         Aprender a crear y estructurar contenido en una página web usando HTML.
         Estilizar y mejorar la presentación visual de las páginas web.
         Añadir interactividad y dinamismo a las páginas web.
         Conocer y utilizar herramientas y librerías que faciliten el desarrollo web.
         Aprender a crear páginas web que se adapten a diferentes dispositivos y tamaños de pantalla.
         Proporcionar una visión general de cómo funcionan los servidores y las bases de datos en el desarrollo web.
         Aplicar todos los conocimientos adquiridos para desarrollar un proyecto web completo.
         Conocer las mejores prácticas en el desarrollo web y recursos adicionales para seguir aprendiendo.

Módulo 1: Introducción a la Programación Web

        Historia y evolución de la web.
        Estructura básica de una página web.
        Diferencias entre frontend y backend.
        Herramientas y entornos de desarrollo web.
        Configuración del entorno de desarrollo: Instalación de editores de texto y navegadores.

Módulo 2: HTML (HyperText Markup Language)

        Introducción a HTML: Estructura básica y sintaxis.
        Elementos y etiquetas esenciales: encabezados, párrafos, listas.
        Enlaces e imágenes.
        Tablas y formularios.
        Buenas prácticas en la escritura de HTML.
        Introducción a HTML5: Nuevas etiquetas y funcionalidades.

Módulo 3: CSS (Cascading Style Sheets)

        Conceptos básicos de CSS: Selectores, propiedades y valores.
        Aplicación de estilos: Inline, interno y externo.
        Modelo de caja: Margen, borde, relleno y contenido.
        Colores, fondos y fuentes.
        Diseño de layout: Flexbox y Grid.
        Introducción a CSS3: Transiciones, transformaciones y animaciones.

Módulo 4: Introducción a JavaScript

        Conceptos básicos de JavaScript: Variables, tipos de datos y operadores.
        Estructuras de control: Condicionales y bucles.
        Funciones y eventos.
        Manipulación del DOM (Document Object Model).
        Buenas prácticas en la escritura de JavaScript.
        Introducción a ES6: Nuevas características del lenguaje.

Módulo 5: Herramientas y Librerías de Desarrollo Web

        Uso de jQuery para simplificar la manipulación del DOM.
        Bootstrap: Framework para diseño responsivo.
        Introducción a sistemas de control de versiones: Git y GitHub.
        Herramientas de desarrollo en navegadores.
        Preprocesadores CSS: Sass y Less (introducción).

Módulo 6: Diseño Responsivo y Mobile First

        Principios del diseño responsivo.
        Media queries en CSS.
        Diseño Mobile First.
        Uso de unidades flexibles: %, em, rem, vw, vh.
        Prácticas y herramientas para testing en diferentes dispositivos.

Módulo 7: Introducción a Backend y Bases de Datos

        Conceptos básicos de servidores y bases de datos.
        Introducción a PHP y MySQL.
        Concepto de CRUD (Create, Read, Update, Delete).
        Conexión de formularios HTML con bases de datos.
        Buenas prácticas de seguridad en el backend.

Módulo 8: Proyecto Final

        Planificación y estructura del proyecto.
        Creación del diseño y la estructura HTML.
        Aplicación de estilos con CSS.
        Añadir interactividad con JavaScript.
        Integración de herramientas y librerías.
        Implementación de un backend básico (opcional).
        Pruebas y debugging.
        Presentación y despliegue del proyecto.

Módulo 9: Buenas Prácticas y Recursos para el Futuro

        Accesibilidad web.
        SEO básico (Search Engine Optimization).
        Optimización de rendimiento web.
        Recursos en línea y comunidades de desarrolladores.
        Proyectos y retos para seguir practicando.