Fundamentos
Glosario (sin tecnicismos)
Las palabras que vas a oír todo el curso, explicadas en simple.
Vas a ver estas palabras en todos lados. No necesitas memorizarlas: vuelve aquí cuando alguna te suene a chino. Cada una trae una analogía para que se te quede.
Regla de oro
Si en un tutorial aparece una palabra que no entiendes, búscala aquí. Si no está, pídesela a Cursor: “explícame qué es X como si nunca hubiera programado”.
Lo básico
| Palabra | Qué es (en simple) | Analogía |
|---|---|---|
| Repo (repositorio) | La carpeta con todo el código de tu producto. | La carpeta maestra de tu proyecto. |
| GitHub | Un sitio web donde vive tu repo en la nube. | Google Drive, pero para código. |
| Terminal | Una ventana donde escribes órdenes con texto. | Mandarle instrucciones a la compu por escrito. |
| Comando | Una orden que escribes en la terminal. | “Prende la luz”, pero para la compu. |
| Cursor | El editor donde construyes, con IA integrada. | Tu mesa de trabajo con un asistente al lado. |
| localhost:3000 | Tu proyecto corriendo en tu compu, aún no público. | Un ensayo a puerta cerrada antes del estreno. |
Guardar y publicar
| Palabra | Qué es (en simple) | Analogía |
|---|---|---|
| Commit | Un “punto de guardado” de tus cambios. | Guardar partida en un videojuego. |
| Push | Subir tus cambios guardados a GitHub. | Sincronizar tu Drive. |
| Rama (branch) | Una copia paralela para experimentar sin romper lo bueno. | Un borrador aparte del documento final. |
| Deploy | Publicar tu proyecto para que el mundo lo vea. | Estrenar la obra, ya con público. |
| Vercel | El servicio que publica tu web y le da una URL. | La sala de cine donde se estrena. |
Las piezas del producto
| Palabra | Qué es (en simple) | Analogía |
|---|---|---|
| Frontend | Lo que el usuario ve y toca (la pantalla). | El salón de un restaurante. |
| Backend | La lógica y los datos, detrás de cámaras. | La cocina del restaurante. |
| Base de datos | Donde se guarda la información (usuarios, items…). | Un archivero ordenado. |
| Supabase | La base de datos + login que trae VibeFast. | El archivero + el portero. |
| API | La forma en que dos programas se hablan. | El mesero que lleva pedidos entre salón y cocina. |
| API key | Una contraseña secreta para usar un servicio (ej. OpenAI). | La llave de tu casa: no la regales. |
| Variable de entorno | Un dato secreto o de config que vive en .env.local. | La caja fuerte de las llaves. |
Del código
| Palabra | Qué es (en simple) | Analogía |
|---|---|---|
| Framework | Una base con piezas listas para construir más rápido. | Un kit de casa prefabricada. |
| Next.js | El framework de web que usa VibeFast. | El kit específico que elegimos. |
| Paquete / dependencia | Código de terceros que tu proyecto reutiliza. | Un ingrediente comprado, no hecho a mano. |
| yarn install | El comando que baja todos esos ingredientes. | Ir al súper por la lista de la receta. |
| Endpoint | Una dirección del backend que hace algo (ej. /api/waitlist). | Una ventanilla específica de un banco. |
No tienes que saberlas todas hoy
Con entender repo, terminal, commit, push, deploy y API key ya arrancas. El resto se pega solo con la práctica.