Proyecto Final

Crear una web completa combinando IA, trabajo manual, cloud, una API externa, seguridad, deploy, contenido dinámico, CMS, base de datos y automatización.

🏁 Cierre del curso

0 / 3 lecciones completadas (0%)

Lección 01

El reto: una web completa

📘 Explicación

El proyecto final consiste en construir una web real que combine todas las piezas del curso: una parte generada con ayuda de IA, otra escrita a mano, contenido guardado en una base de datos, una conexión a una API externa, buenas prácticas de seguridad, y publicación final en un hosting o en la nube.

Estructura / Referencia

Ejemplo de proyecto: "Agenda de eventos del barrio"

- Manual:     estructura HTML/CSS del sitio y el CRUD en PHP
- IA:         generación de la plantilla inicial y de textos descriptivos
- Base de datos: tabla de eventos en MySQL con CRUD completo
- API externa:   mostrar la previsión del tiempo del día del evento
- Seguridad:     validación, consultas preparadas, password_hash()
- CMS (opcional): panel de administración basado en lo visto en el Módulo 4
- Cloud/Deploy:   publicación final por FTP o en un servicio cloud
- Automatización: un script que genera la página de cada evento nuevo

✅ Práctica guiada

Requisitos mínimos del proyecto final — marca cada uno al completarlo:

El sitio tiene al menos 3 páginas HTML/PHP conectadas entre sí mediante navegación
Existe al menos un formulario con validación en cliente (JS) y en servidor (PHP)
Hay una base de datos MySQL con al menos una tabla y su CRUD completo
Se usan consultas preparadas en todas las consultas que reciben datos del usuario
Las contraseñas, si las hay, se guardan con password_hash(), nunca en texto plano
El proyecto consume al menos una API externa mediante fetch()
Se ha usado IA en al menos una parte documentada del proceso (plantilla, texto o función)
El proyecto está organizado en una estructura de carpetas clara y lista para FTP
El proyecto se ha probado y publicado (en hosting real o en un servicio cloud como Netlify/Vercel/GitHub Pages, según el tipo de proyecto)

📎 Recursos oficiales

Lección 2

Planificación paso a paso

📘 Explicación

Antes de escribir una sola línea, conviene planificar: qué páginas tendrá el proyecto, qué datos guardará la base de datos, qué API externa aportará valor real, y qué partes se apoyarán en IA frente a las que se escribirán completamente a mano.

Estructura / Referencia

Plan sugerido (adaptalo a tu propia idea de proyecto):

1. Definir la idea y las 3-5 paginas principales
2. Diseñar la base de datos (tablas y campos) en papel o en un diagrama
3. Construir el HTML/CSS base (a mano, con estilo propio)
4. Programar el backend PHP: conexion, CRUD, validaciones
5. Anadir seguridad: consultas preparadas, htmlspecialchars, password_hash()
6. Integrar una API externa relevante para tu proyecto
7. Usar IA para acelerar partes puntuales (plantillas, textos, revisiones)
8. Probar todo en local, corregir errores
9. Subir por FTP o desplegar en la nube
10. Prueba final en la URL real

🛠️ Reto práctico

Escribe, en el cuadro, el nombre de tu proyecto final y una lista de sus 3 a 5 páginas principales, tal como harías en el paso 1 de la planificación.

Escribe tu solución arriba. No hay una única respuesta correcta: lo importante es razonar el porqué.

📎 Recursos oficiales

MDN — Planificación de un proyecto web ↗

Lección 3

Entrega y revisión final

📘 Explicación

Un proyecto no está terminado hasta que se ha revisado de principio a fin: probar cada enlace, cada formulario, cada consulta a la base de datos, y confirmar que no queden datos de prueba, credenciales visibles ni errores en la consola del navegador.

Estructura / Referencia

Revision final antes de entregar:
[ ] Todas las paginas cargan sin errores 404
[ ] La consola del navegador no muestra errores de JavaScript
[ ] Los formularios validan correctamente datos vacios o incorrectos
[ ] Ninguna contrasena esta guardada en texto plano
[ ] Las credenciales de conexion a la base de datos no son visibles publicamente
[ ] El sitio se ve correctamente en movil y en escritorio
[ ] La estructura de carpetas esta lista y ordenada para subir por FTP

✅ Práctica guiada

Checklist de entrega final del proyecto DIGITOMENORES:

He revisado todas las páginas en móvil y en escritorio
He comprobado la consola del navegador y no hay errores
He verificado que no queden credenciales ni datos de prueba visibles
He subido o desplegado el proyecto y he probado la URL real
He guardado una copia de seguridad del proyecto completo

📎 Recursos oficiales

MDN — Publicar tu sitio web ↗