Ingeniería de Contexto CodeIA 2025 - Sesion 0

Alinear el nivel técnico del grupo y proporcionar una base sólida sobre arquitectura web, HTML avanzado, herramientas del navegador, terminal, gestión de proyectos con GitHub y servicios fundamentales para el despliegue y operación de aplicaciones modernas.

TutorialTodos

Hace 6 meses2h 11m 39s581 visualizaciones5.0(2 reviews)

Tecnologías

Asistente IA para códigoClean Code

Herramientas IA utilizadas

ClaudeGitHub Copilot

Iniciar sesión para comenzar Crear cuenta

🧭 Sesión 0 — Nivelación y Fundamentos del Desarrollo Web

Duración: 2 horas
Objetivo general:
Alinear el nivel técnico del grupo y proporcionar una base sólida sobre arquitectura web, HTML avanzado, herramientas del navegador, terminal, gestión de proyectos con GitHub y servicios fundamentales para el despliegue y operación de aplicaciones modernas.

🎯 Objetivos específicos

Al finalizar la sesión, el estudiante podrá:

Comprender la arquitectura cliente-servidor y los métodos HTTP.
Crear layouts HTML modernos y formularios dinámicos.
Usar Chrome DevTools para depurar, analizar red y entender la caché.
Utilizar comandos básicos en Bash y npm.
Conocer

Contenido Protegido

Inicia sesión para acceder al contenido completo.

Iniciar Sesión Crear Cuenta

Índice de la sesión

00:003:28

Introducción y Objetivos de la Nivelación

Presentación de la sesión de nivelación, sus objetivos principales como alinear conocimientos técnicos y proporcionar una base sólida en arquitectura web, herramientas de navegador y gestión de proyectos.

03:288:21

Arquitectura Cliente-Servidor y Puertos

Explicación de la relación cliente-servidor, la ejecución de HTML en el cliente, y la función de servidores web como Apache y Nginx. Se detallan los puertos comunes (80, 443, 8080, 3000, 5173, 4321) y su uso.

11:4913:45

Flujo de Peticiones y Conceptos HTML/CSS

Descripción del flujo de peticiones entre navegador, servidor y base de datos, incluyendo el uso de APIs. Introducción a conceptos de HTML/CSS como overflow, renderización y la importancia de la terminología precisa para la IA.

25:3426:19

Overflow, Grid, Masonry y Overlay

Explicación detallada de overflow horizontal y vertical, su aplicación en sliders y menús. Introducción a Grid, Masonry y Overlay como técnicas de diseño, destacando la superposición de capas.

51:5313:23

Relaciones de Aspecto y Unidades de Medida

Análisis de las relaciones de aspecto en imágenes y su impacto en el diseño. Explicación de unidades de medida como VH, VW, porcentaje, rem y la diferencia entre VH y DVH para dispositivos móviles.

01:05:1623:09

Demostración de Galería con Copilot

Creación de una galería de imágenes utilizando Copilot, aplicando conceptos como Masonry, overflow y overlay. Se muestra cómo la IA interpreta prompts y la importancia de la especificidad.

01:28:2524:00

Optimización de Código con IA

Demostración de cómo pedir a la IA que optimice el código generado, eliminando 'boilerplate' y mejorando la eficiencia, resaltando la capacidad de la IA para refactorizar y limpiar el código.

01:52:2519:14

Agentes de IA y Métodos HTTP

Diferenciación entre asistentes y agentes de IA, destacando la toma de decisiones de los agentes. Explicación de los métodos HTTP (GET, POST, PUT, DELETE) y su aplicación en formularios y autenticación.

Lecciones relacionadas

KickOff - CodeIA 2025