Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

Publica tu proyecto

Tu proyecto ya funciona por completo. Ahora toca sacarlo del editor y publicarlo en internet: qué es un sitio estático, dónde alojarlo gratis, y qué revisar antes de compartirlo con otras personas.

Cargando editor...

Resultado

Preparando resultado...

Abre las herramientas de desarrollador (F12) en tu propio navegador y revisa la pestaña "Consola" mientras usas un proyecto: es la forma más rápida de detectar errores antes de publicar.

Explicación

Publicar un proyecto como este no necesita un servidor propio, solo un lugar que sirva tus archivos tal cual:

index.html

El archivo que cualquier servicio de hosting estático busca primero: debe existir en la raíz de tu proyecto para que se muestre al entrar.

sitio estático

Un sitio hecho solo con HTML, CSS y JavaScript (sin backend ni base de datos), exactamente lo que construiste en este curso.

GitHub Pages

Sirve gratis los archivos de un repositorio de GitHub como sitio web; ideal para proyectos de práctica como este.

Netlify / Vercel

Servicios gratuitos que publican tu sitio arrastrando la carpeta del proyecto o conectando tu repositorio, sin configuración de servidor.

Reto rápido

Copia tu código HTML, CSS y JS a tu propia computadora, ábrelo en tu navegador, y confirma que funciona exactamente igual que aquí.

En esta lección

Ejemplo interactivo
Explicación de cada etiqueta
Cuándo usarlo
Errores comunes

Consejo

Antes de publicar, abre tu proyecto haciendo doble clic en index.html directamente en tu computadora: si funciona igual que en este editor, ya está listo para subirlo a cualquier hosting estático.

Dato extra

Si algo no funciona igual en producción que en tu computadora, la consola del navegador (clic derecho → Inspeccionar → Consola, o F12) casi siempre te dice exactamente qué línea falló y por qué.

Error común

Usar rutas absolutas como /imagenes/foto.png (que apuntan a la raíz de tu computadora) en vez de rutas relativas (imagenes/foto.png): funcionan mientras pruebas en tu máquina, pero se rompen al subir el proyecto a un hosting con otra estructura de carpetas.

Siguiente paso

¡Felicidades! Completaste el curso de JavaScript de Código Real: aprendiste desde las bases del lenguaje hasta construir y preparar un proyecto real para publicarse. Sigue practicando, construye tus propios proyectos, y comparte lo que hagas.

¡Curso completado!