Gracias por enviar su consulta! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Gracias por enviar su reserva! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Temario del curso
La Estructura y el Estilo (HTML y CSS)
Introducción y Tecnologías Web
- Cómo funciona la Web: Explicación sencilla del modelo Cliente-Servidor.
- El navegador como computadora: Interpretación del código.
- HTML: El esqueleto de la web. Estructura, jerarquía y etiquetas semánticas.
- CSS: El estilo de la web. Colores, fuentes y el Modelo de Caja.
- Práctica 1: Configuración del entorno de contenedor y construcción de una página estática "Sobre mí".
Trabajo con HTML y CSS (En profundidad)
- HTML: Listas, enlaces, imágenes y formularios (esenciales para la interacción del usuario).
- CSS: Estilo de texto y fondo. Introducción a Flexbox y Grid para diseños modernos.
- Diseño responsivo: Adaptación del sitio para móviles y escritorio.
- Práctica 2: Refinamiento de la página estática con estilo profesional y capacidad de respuesta móvil.
Trabajo con el DOM (Modelo de Objeto de Documento)
- Concepto: Comprensión de cómo el código se relaciona con la página visual.
- Selección de elementos: Cómo dirigirse a partes específicas de una página web.
- Manipulación: Cambio de contenido y atributos mediante código.
- Práctica 3: Modificación de los elementos de la página estática mediante código (por ejemplo, cambiar dinámicamente un título o una imagen).
El Cerebro (JavaScript)
Programación en JavaScript (Los fundamentos)
- Variables y tipos de datos: Almacenamiento de información (texto, números, verdadero/falso).
- Lógica: Sentencias if/else (toma de decisiones).
- Bucles: Repetición de acciones de manera eficiente.
- Funciones: Creación de bloques de código reutilizables (el concepto de "receta").
- Práctica 4: Creación de una calculadora básica o un juego de lógica utilizando JavaScript.
Interactividad y Eventos
- Escuchadores de eventos (Event Listeners): Respuesta a clics, pulsaciones de teclas y carga de páginas.
- Gestión de formularios: Validación de la entrada del usuario (por ejemplo, verificar si un correo electrónico es válido).
- Manipulación del DOM: Adición y eliminación de elementos dinámicamente (por ejemplo, una lista de tareas pendientes).
- Práctica 5: Conversión de la calculadora en una aplicación web interactiva con retroalimentación de la interfaz de usuario.
Obtención de Datos (APIs)
- Concepto: Cómo las aplicaciones web se comunican con otros servidores (por ejemplo, obtener datos meteorológicos o precios de acciones).
- JSON: El lenguaje del intercambio de datos.
- Programación asíncrona: Comprensión de la lógica "esperar y luego hacer" sin congelar el navegador.
- Práctica 6: Construcción de una función que obtiene datos en tiempo real de una API pública para mostrarlos en la página.
El Kit Profesional (Marcos de Trabajo y Proyecto Final)
Uso de Marcos de Trabajo de Programación
- ¿Por qué usar marcos de trabajo? (Conceptos de React, Vue o Svelte).
- Componentes: Construcción de piezas modulares y reutilizables de la interfaz de usuario.
- Gestión del estado: Seguimiento de los datos cambiantes.
- El ecosistema: Comprensión de paquetes, dependencias y control de versiones (Git).
- Práctica 7: Refactorización de una función sencilla utilizando un enfoque basado en componentes.
Proyecto Final: Construcción de una Aplicación Web
- Requisito: Los participantes deben construir una aplicación web funcional (por ejemplo, un rastreador de presupuesto, un panel de productos o un sitio de portafolio).
- Planificación: Definición de la "historia de usuario" y el alcance técnico.
- Implementación: Combinación de la estructura HTML/CSS con la lógica JavaScript.
- Depuración (Debugging): Cómo leer mensajes de error y corregir lógicas defectuosas.
- Presentación: Exposición de la aplicación final al grupo.
Comentarios de Cierre y Próximos Pasos
- Vocabulario técnico: Una hoja de referencia para comunicarse con ingenieros (API, Backend, Frontend, Git, Despliegue).
- Guía de recursos: Dónde aprender más (Documentación, StackOverflow, MDN).
- Integración profesional: Cómo estas habilidades ayudan en roles de Gestión de Productos y Diseño.
- Preguntas y respuestas y evaluación del curso.
Requerimientos
- Habilidades básicas de uso de computadoras
- No se requiere experiencia previa en programación
21 Horas
Testimonios (3)
Realmente disfruté aprender sobre los ataques de IA y las herramientas disponibles para comenzar a practicar y utilizarlas activamente en pruebas de seguridad. Adquirí muchos conocimientos que no tenía al inicio, y el curso cumplió con lo que esperaba. Mi parte favorita del entrenamiento fue el navegador Comet, y quedé impresionado por lo que podía hacer. Sin duda seguiré explorándolo más. En general, fue un excelente curso y disfruté aprender sobre los Top 10 de OWASP para GenAI.
Patrick Collins - Optum
Curso - OWASP GenAI Security
Traducción Automática
Prácticas, ejercicios, asistencia presencial y resolución de dudas.
Jose Paulos - INESC TEC
Curso - Tailwind CSS
Traducción Automática
Que cada lección técnica venía acompañada de múltiples ejercicios prácticos para afianzar los conceptos.
Andrei-Calin Bajea
Curso - OWASP Top 10 2025
Traducción Automática
