Crea una presentación interactiva, moderna y visualmente atractiva de 12 nodos/secciones pensada para un taller presencial de 4 horas dirigido a estudiantes de 5to año de secundaria. Estética y Estilo Visual: - Estilo: "Cyberpunk minimalista / Tech educativo" o "Modo Desarrollador Oscuro", con fondos oscuros profundos (azul medianoche o gris grafito), acentos en verde neón (#00FF66) para lo seguro/correcto y rojo/naranja vibrante (#FF3366) para alertas o vulnerabilidades. - Tipografía limpia, moderna y legible. - Uso de metáforas visuales en cada sección: candados, engranajes, flujos de datos y planos arquitectónicos estilo sketch. Estructura de Contenido por Secciones (Nodos principales y sus zooms): 1. INTRODUCCIÓN Y ROMPEHIELOS: ¿Cómo funciona internet realmente? - Breve bienvenida y analogía del cartero y las cartas para entender los datos en la web. 2. HTTP vs HTTPS: El secreto del candado verde. - Qué significa la "S" de Seguro. Tráfico en texto plano (HTTP) vs Tráfico Encriptado (HTTPS). - Mini desafío visual: Encontrar el sitio web falso en un navegador simulado. 3. CONTRASEÑAS Y HASHES: El misterio de la trituradora de datos. - Por qué una contraseña como "123456" es vulnerable. - Qué es una función HASH (explicado como una licuadora matemática irreversible: entran datos, sale una cadena única de letras y números). 4. TALLER PRÁCTICO 1: Rompamos contraseñas (Simulación de fuerza bruta y diccionarios). - Ejercicio interactivo donde los alumnos calculan cuánto tardaría una supercomputadora en adivinar distintas claves. 5. CIBERSEGURIDAD PARA CIVILES: Hábitos cotidianos que te salvan la vida digital. - Phishing (estafas de ingeniería social), doble factor de autenticación (2FA), y cómo detectar links maliciosos en redes sociales y WhatsApp. 6. JUEGO 1: "Cazadores de Phishing" (Dinámica de equipo). - Analizar capturas de pantalla reales de mensajes truchos y votar en vivo cuáles son estafas. 7. ARQUITECTURA DE UN PROYECTO WEB: Las 3 patas de la mesa. - Cómo se arma una aplicación web de forma ordenada. - Frontend (lo que ve el usuario), Backend (la lógica y el cerebro) y Base de Datos (el cofre del tesoro). 8. BASE DE DATOS, FRONTEND Y BACKEND EN ACCIÓN. - Analogía de un restaurante: Mozo (Frontend), Cocina (Backend) y Alacena/Heladera (Base de Datos). 9. HOSTING (ALOJAMIENTO WEB): ¿Dónde vive una página web? - Servidores locales vs Cloud. Opciones de hosting gratuitos para proyectos escolares (ej. GitHub Pages, Vercel, Netlify, Byethost). 10. TALLER PRÁCTICO 2: "Diseña tu propia arquitectura". - Los alumnos bocetan en papel la estructura de una app web sencilla (ej. una tienda de ropa o un sistema de asistencias escolares). 11. GRAN DESAFÍO FINAL: "Escape Room Digital". - Un juego de pistas integrando todo lo visto: descifrar un hash, identificar si una URL es HTTPS legítima, y ordenar el backend de una app para desactivar una "bomba virtual". 12. CIERRE Y CONCLUSIONES. - Repaso rápido, en
Crea una presentación interactiva, moderna y visualmente atractiva de 12 nodos/secciones pensada para un taller presencial de 4 horas dirigido a estudiantes de 5to año de secundaria. Estética y Estilo Visual: - Estilo: "Cyberpunk minimalista / Tech educativo" o "Modo Desarrollador Oscuro", con fondos oscuros profundos (azul medianoche o gris grafito), acentos en verde neón (#00FF66) para lo seguro/correcto y rojo/naranja vibrante (#FF3366) para alertas o vulnerabilidades. - Tipografía limpia, moderna y legible. - Uso de metáforas visuales en cada sección: candados, engranajes, flujos de datos y planos arquitectónicos estilo sketch. Estructura de Contenido por Secciones (Nodos principales y sus zooms): 1. INTRODUCCIÓN Y ROMPEHIELOS: ¿Cómo funciona internet realmente? - Breve bienvenida y analogía del cartero y las cartas para entender los datos en la web. 2. HTTP vs HTTPS: El secreto del candado verde. - Qué significa la "S" de Seguro. Tráfico en texto plano (HTTP) vs Tráfico Encriptado (HTTPS). - Mini desafío visual: Encontrar el sitio web falso en un navegador simulado. 3. CONTRASEÑAS Y HASHES: El misterio de la trituradora de datos. - Por qué una contraseña como "123456" es vulnerable. - Qué es una función HASH (explicado como una licuadora matemática irreversible: entran datos, sale una cadena única de letras y números). 4. TALLER PRÁCTICO 1: Rompamos contraseñas (Simulación de fuerza bruta y diccionarios). - Ejercicio interactivo donde los alumnos calculan cuánto tardaría una supercomputadora en adivinar distintas claves. 5. CIBERSEGURIDAD PARA CIVILES: Hábitos cotidianos que te salvan la vida digital. - Phishing (estafas de ingeniería social), doble factor de autenticación (2FA), y cómo detectar links maliciosos en redes sociales y WhatsApp. 6. JUEGO 1: "Cazadores de Phishing" (Dinámica de equipo). - Analizar capturas de pantalla reales de mensajes truchos y votar en vivo cuáles son estafas. 7. ARQUITECTURA DE UN PROYECTO WEB: Las 3 patas de la mesa. - Cómo se arma una aplicación web de forma ordenada. - Frontend (lo que ve el usuario), Backend (la lógica y el cerebro) y Base de Datos (el cofre del tesoro). 8. BASE DE DATOS, FRONTEND Y BACKEND EN ACCIÓN. - Analogía de un restaurante: Mozo (Frontend), Cocina (Backend) y Alacena/Heladera (Base de Datos). 9. HOSTING (ALOJAMIENTO WEB): ¿Dónde vive una página web? - Servidores locales vs Cloud. Opciones de hosting gratuitos para proyectos escolares (ej. GitHub Pages, Vercel, Netlify, Byethost). 10. TALLER PRÁCTICO 2: "Diseña tu propia arquitectura". - Los alumnos bocetan en papel la estructura de una app web sencilla (ej. una tienda de ropa o un sistema de asistencias escolares). 11. GRAN DESAFÍO FINAL: "Escape Room Digital". - Un juego de pistas integrando todo lo visto: descifrar un hash, identificar si una URL es HTTPS legítima, y ordenar el backend de una app para desactivar una "bomba virtual". 12. CIERRE Y CONCLUSIONES. - Repaso rápido, en
Created using ChatSlide
Este curso se centra en la comprensión y protección de datos en la web, abordando temas como la diferencia entre HTTP y HTTPS, así como la seguridad de contraseñas. Se fomenta la práctica de hábitos seguros en la arquitectura web, incluyendo la protección contra phishing y el uso de autenticación de dos factores. Además, se enseña a diseñar y consolidar proyectos, eligiendo el hosting adecuado y participando en talleres prácticos para crear arquitecturas funcionales.