a Archivo 2026 — II
Programación Web · UTP Pereira Repositorio en construcción

Archivo de trabajos

Un espacio para reunir, mostrar y explicar cada trabajo del curso, de la primera entrega a la última.

Estudiante
Camilo Chavarro
Profesora
Juliana Villegas Díaz
Programa
Tec. en Desarrollo de Software
Universidad
Tecnológica de Pereira
§ 01 — Sobre el archivo Para la profesora

Programación, paso a paso

Cada trabajo del curso de Programación Web queda registrado aquí. Este archivo guarda cada entrega en su propia carpeta y la acompaña de una ficha que explica qué se pidió, cómo se desarrolló y qué se aprendió en el proceso.

  1. Cada trabajo tiene su carpeta

    Los archivos de cada entrega viven separados y ordenados, listos para abrirse.

  2. Una vista previa en vivo

    Cada ficha muestra el trabajo real funcionando, sin necesidad de salir de esta página.

  3. Una explicación clara

    Objetivo, requisitos, proceso y aprendizajes, desplegables para leer con calma.

§ 02 — Trabajos Orden cronológico

Entregas del curso

01 trabajo entregado
  1. Hello-AI/index.html
    Abrir trabajo
    N.º 01 · Septiembre 2026 Entregado

    Hello, AI

    Página web personal de presentación: mi primer trabajo creado junto a la IA. Me presenta como estudiante de la UTP y muestra tres cosas que me gustan.

    a.¿Qué se pidió?
    • Un solo archivo index.html con el HTML y el CSS incluidos.
    • Sin JavaScript, sin frameworks y sin librerías externas.
    • El saludo “Hola, soy Camilo Chavarro” y mi programa en la UTP Pereira.
    • Tres gustos: programar, jugar videojuegos y aprender sobre tecnología.
    • Diseño moderno en negro, rojo y blanco que se vea bien en celular.
    b.¿Cómo se usó la IA?
    “Crea una página web personal de presentación en un solo archivo… con un diseño premium, profesional y hermoso a la vista.”
    • Escribí la instrucción con los requisitos de la profesora y mis datos.
    • La IA generó la página completa y luego la revisó con capturas en computador y en celular.
    • En esa revisión se encontraron y corrigieron tres errores de diseño antes de entregar.
    c.¿Qué aprendí?
    • La estructura semántica de una página: header, main, section y footer.
    • Variables CSS, Grid, Flexbox y @media para adaptar el diseño al celular.
    • Animaciones y efectos hechos solo con CSS, sin JavaScript.
    • Que las instrucciones claras dan mejores resultados, y que siempre hay que revisar lo que genera la IA.
    • HTML5
    • CSS3
    • Responsive
    • Sin JS
    Ver trabajo Abrir repositorio de GitHub
  2. N.º 02 · Próximamente

    El siguiente trabajo
    llegará aquí.