Módulo 1: Introducción a la Programación, Front-end y Back-end

Objetivo: Proporcionar una visión general de la programación y explicar la diferencia entre Front-end y Back-end.
Temas a cubrir:

• ¿Qué es la programación?
• ¿Qué es el Front-end?
• ¿Qué es el Back-end?
• Principales lenguajes de programación para Front-end (HTML, CSS, JavaScript) y Back-end (Python, Java, Node.js, PHP).

Actividades:

• Discusión sobre aplicaciones web y su funcionamiento.
• Primeros pasos con un "Hello, World!" en HTML y Python con Notepad++

Módulo 2: Fundamentos de Front-end y Instalación de Herramientas

Objetivo: Introducir a los estudiantes a la programación Front-end y ayudarles a instalar las herramientas necesarias.
Temas a cubrir:

• ¿Qué es el Front-end?
• Lenguajes de Front-end: HTML, CSS, JavaScript.
• Estructura básica de un documento HTML.
• Introducción a CSS para estilos básicos.
• Primeros pasos con JavaScript.

Actividades:

• Instalación de Visual Studio Code.
• Configuración del entorno de desarrollo.
• Crear una página web sencilla con HTML y CSS.

Módulo 3: Fundamentos de JavaScript e Instalación

Objetivo: Enseñar los fundamentos de JavaScript.
Temas a cubrir:

• Conceptos básicos de JavaScript.
• Variables, tipos de datos, y operadores.
• Estructuras de control: condicionales y bucles.
• Funciones y eventos.

Actividades:

• Crear scripts básicos en JavaScript.
• Ejemplos prácticos de uso de estructuras de control y funciones.

Módulo 4: Introducción a Bibliotecas y Frameworks de JavaScript

Objetivo: Introdución a las bibliotecas y frameworks de JavaScript, con una mención especial a ReactJS.
Temas a cubrir:

• ¿Qué son las bibliotecas y frameworks de JavaScript?
• Ejemplos populares: ReactJS, Vue.js, Angular.
• Beneficios de usar bibliotecas y frameworks.
• Introducción a ReactJS: ¿Qué es y para qué se usa?
• Conceptos básicos: Componentes.

Actividades:

• Ejemplo sencillo de uso de una biblioteca (muestra de cómo una biblioteca puede simplificar el código).
• Introducción a los conceptos de componentes en ReactJS.
• Crear un componente muy básico en ReactJS.

Módulo 5: Introducción al Back-end con Python e Instalación

Objetivo: Introducir a los estudiantes a la programación Back-end con Python y ayudarles a instalar Python.
Temas a cubrir:

• ¿Qué es el Back-end?
• Introducción a Python para el Back-end.
• Configuración de un entorno virtual en Python.

Actividades:

• Instalación de Python y configuración de un entorno virtual.
• Crear un script sencillo en Python.
• Explicar el uso de paquetes y módulos en Python.

Módulo 6: Introducción a Otros Lenguajes de Back-end e Instalación

Objetivo: Proporcionar una visión general de otros lenguajes de Back-end y ayudar a los estudiantes a instalarlos.
Temas a cubrir:

• Introducción a Node.js para el Back-end.
• Introducción a PHP.
• Introducción a Java para el Back-end.
• Comparación de lenguajes de Back-end.

Actividades:

• Instalación de Node.js y creación de un script sencillo.
• Instalación de PHP y creación de un script sencillo.
• Instalación de Java y creación de un script sencillo.
• Discusión sobre las ventajas y desventajas de cada lenguaje.

Módulo 7: Introducción a la Conexión Front-end y Back-end

Objetivo: Mostrar los conceptos básicos de la conexión entre Front-end y Back-end.
Temas a cubrir:

• Concepto de solicitudes HTTP y respuestas.
• ¿Qué es una API?
• Introducción a JSON.
• Uso de formularios en HTML para enviar datos.

Actividades:

• Crear un formulario sencillo en HTML.
• Explicar el envío de datos desde un formulario.
• Ejemplo de respuesta simulada con JSON (sin implementar en un servidor).

Módulo 8: Resumen y Proyecto Final

Objetivo: Integrar todos los conocimientos adquiridos en un proyecto final y permitir que los estudiantes elijan el lenguaje en el que desean trabajar.
Temas a cubrir:

• Resumen de conceptos clave de Front-end y Back-end.
• Planificación y desarrollo de un proyecto web sencillo en el lenguaje elegido.
• Buenas prácticas en programación.
• Recursos y caminos para seguir aprendiendo.

Actividades:

• Desarrollo guiado de un proyecto final (por ejemplo, una lista de tareas) en el lenguaje que elijan los estudiantes.
• Presentación y discusión de proyectos realizados.

Si te interesa no lo dudes! Si tienes dudas puedes enviar un email.