Sabrás
- Instala y configura el editor de código con IA Cursor y abre una carpeta de proyecto
- Usa Agent, Ask y las opciones de modelo de Cursor para pedirle código a una IA en lenguaje sencillo
- Acepta o rechaza los cambios generados por la IA y ejecuta un sencillo juego de navegador desde index.html
- Depura errores leyendo la consola del navegador, compartiendo mensajes de error y añadiendo documentación como contexto
- Guarda puntos de control del proyecto con Git para poder deshacer los cambios no deseados de la IA
- Guía el comportamiento de la IA con reglas de proyecto y extensiones útiles
Conviene saber antes
- Capacidad para descargar e instalar software de escritorio en tu ordenador
- Familiaridad básica con crear carpetas y archivos
- Acceso a un asistente de chat con IA gratuito, como ChatGPT
Temario
8 lecciones y un proyecto final
- 1
Qué es el vibe coding y por qué ayuda un editor de código con IA Gratis
Esta lección explica qué significa «vibe coding»: construir software describiendo lo que quieres en lenguaje sencillo a un modelo de IA, en lugar de escribir tú cada línea. También muestra por qué un editor de código y algunos conocimientos básicos siguen importando si quieres obtener buenos resultados.
3 ejercicios3 preguntas - 2
Instalar Cursor y preparar tu carpeta de proyecto Beyond Pass
Aprenderás qué es un editor de código con IA y por qué Cursor es un buen punto de partida gratuito. También instalarás Cursor y crearás una carpeta de proyecto que Cursor abrirá como tu espacio de trabajo.
5 pasos de construcción2 ejercicios3 preguntas - 3
Recorrido por Cursor: el modo Agente frente al modo Preguntar y cómo elegir un modelo Beyond Pass
Aprenderás qué hacen los modos Preguntar y Agente de Cursor y en qué se diferencian según cuánto pueden cambiar tu proyecto. También aprenderás a elegir un modelo de IA en el panel de chat y cuándo usar el modo Máximo o el modo Automático.
4 pasos de construcción4 ejercicios4 preguntas - 4
Planificar el juego con una IA consultora y elegir un framework Beyond Pass
Antes de tocar el editor de código, planificas lo que quieres construir pidiendo a una IA consultora una descripción clara, un stack tecnológico y un plan de aprendizaje. También aprendes la diferencia entre un lenguaje de programación y un framework, y por qué un framework fácil para principiantes, como Kaboom.js, es una buena opción para un juego en el navegador.
5 pasos de construcción3 ejercicios4 preguntas - 5
[31] Generar código, aceptar cambios y ejecutarlo por primera vez Beyond Pass
[32] Aprenderás cómo un agente de programación con IA crea archivos en Cursor, cómo revisar y aceptar o rechazar sus cambios, y cómo abrir y ejecutar el resultado en un navegador. También aprenderás que la primera ejecución suele mostrar errores, y cómo leerlos y enviárselos de vuelta al agente.
5 pasos de construcción3 ejercicios3 preguntas - 6
[31] Depurar con la consola, ediciones manuales y contexto de documentación Beyond Pass
[32] Cuando la IA sigue fallando, aprendes a depurar por capas: lee la consola del navegador para encontrar el error real, haz pequeñas ediciones manuales y dale al modelo la documentación oficial como contexto. Esta lección sigue el rescate paso a paso de un juego de plataformas roto que muestra el vídeo.
1 de código5 pasos de construcción2 ejercicios3 preguntas - 7
[26] Guardar puntos de control con Git: commit, diff y descartar Beyond Pass
[27] Aprenderás cómo Git guarda puntos de control (commits) de tu proyecto para que puedas ver qué cambió y volver a una versión que funcionaba. Inicializarás un repositorio, prepararás y confirmarás archivos, verás un diff y descartarás un error.
1 de código8 pasos de construcción3 ejercicios3 preguntas - 8
Reglas del proyecto, extensiones, búsqueda y mejores prompts Beyond Pass
Aprenderás a dar a Cursor reglas permanentes que influyan en cada respuesta, a añadir extensiones del editor como Prettier y a usar la búsqueda para encontrar y cambiar código tú mismo. También verás por qué los prompts pequeños y concretos son mejores que un único prompt enorme.
1 de código6 pasos de construcción3 ejercicios4 preguntas
Proyecto final
Programar a ojo (vibe-code), depurar y publicar un minijuego para el navegador
Crea un pequeño juego para el navegador desde cero usando solo la IA de Cursor, un plan de una IA consultora y puntos de control con Git. Practicarás el flujo completo: planificar, generar, ejecutar, depurar, guardar y dirigir la IA con reglas. El objetivo es un juego que funcione y un historial de commits que muestre cómo llegaste ahí.
Sus 8 tareas se abren con Beyond Pass.
Vista previa gratis · La lección 1 completa
Qué es el vibe coding y por qué ayuda un editor de código con IA
Esta lección explica qué significa «vibe coding»: construir software describiendo lo que quieres en lenguaje sencillo a un modelo de IA, en lugar de escribir tú cada línea. También muestra por qué un editor de código y algunos conocimientos básicos siguen importando si quieres obtener buenos resultados.
La idea
El vibe coding es el nombre de una forma de crear software en la que te apoyas mucho en modelos de IA, como GPT o Claude, que se llaman modelos de lenguaje de gran tamaño. En lugar de escribir cada línea de código y memorizar cada palabra de la sintaxis de un lenguaje de programación, describes lo que quieres con inglés normal y la IA escribe el código por ti.
Esto importa porque reduce la barrera para crear cosas. Un principiante puede pedir una aplicación que funcione sin antes aprender todos los comandos y reglas. El enfoque del vídeo para principiantes absolutos no son las líneas de código que escribe la IA, sino las herramientas: cómo usar un editor de código, cómo usar el modelo de IA y cómo convertir todo ello en una aplicación que realmente funcione.
El vídeo también hace una observación honesta. Quienes hacen vibe coding con éxito suelen tener un poco de experiencia, al menos trabajando dentro de un editor. Saben más o menos qué son los distintos modelos de IA, cuándo usar cada uno, cómo aceptar las sugerencias de autocompletado y qué hace cada herramienta. No hace falta ser profesional, pero aprender estas bases te pone muy por delante de la mayoría de la gente.
Así que el plan de este curso es sencillo. Aprenderás a trabajar en un editor de código con IA, a hablar con el modelo de IA de forma clara y a conocer los pequeños datos que hacen todo más fácil. No necesitarás entender cada línea que genere la IA; lo que necesitarás es saber dónde está cada cosa y cómo pedir lo que quieres.
Puntos clave
- El vibe coding significa depender mucho de modelos de IA (como GPT o Claude) para escribir código a partir de descripciones en lenguaje sencillo. 1:01
- No tienes que memorizar la sintaxis de un lenguaje; el foco está en las herramientas: el editor de código y el modelo de IA. 1:24
- Quienes hacen vibe coding con éxito suelen tener un poco de experiencia trabajando en un editor y saben qué modelo de IA usar en cada caso. 0:40
- El objetivo no es convertirte en un ingeniero profesional, sino aprender los datos que te facilitan la vida. 0:16
Palabras clave
- Vibe coding
- Crear software describiendo lo que quieres en lenguaje sencillo y dejando que un modelo de IA escriba la mayor parte del código.
- Modelo de lenguaje de gran tamaño (LLM)
- Un modelo de IA, como GPT o Claude, que puede leer y generar texto, incluido código informático.
- Editor de código
- El programa en el que ves, escribes y cambias los archivos de código.
- Sintaxis
- Las palabras exactas, símbolos y reglas que exige un lenguaje de programación.
- Autocompletado
- Una sugerencia de la IA o del editor para la siguiente pieza de código, que puedes aceptar o rechazar.
Ojo
- El vibe coding no significa que puedas ignorarlo todo. Conocer cómo funcionan el editor y el modelo de IA mejora mucho tus resultados. 0:40
- No esperes entender cada línea que escribe la IA en esta etapa; céntrate en las herramientas y en hacer preguntas claras. 1:48
- Poder crear algo con IA no te convierte en un ingeniero profesional; el objetivo es la habilidad práctica, no un título profesional. 0:16
Práctica
Con tus propias palabras, explica qué es el vibe coding y nombra una cosa que un principiante todavía necesita aprender para hacerlo bien.
Pista
Piensa en quién escribe el código y en qué lenguaje pides que lo haga.
Solución
- El vibe coding consiste en describir lo que quieres en lenguaje sencillo a un modelo de IA, que escribe el código por ti.
- Un principiante todavía necesita experiencia básica trabajando en un editor de código, y tiene que entender qué modelo de IA usar y cómo aceptar sus sugerencias.
Respuesta modelo: El vibe coding es construir software pidiendo a un modelo de IA, en lenguaje sencillo, que escriba el código. Un principiante todavía necesita aprender a usar un editor de código y a trabajar con las herramientas de IA, por ejemplo aceptando sus sugerencias.
Elige una aplicación pequeña que te gustaría tener (por ejemplo, una lista de tareas o un juego de preguntas). Escribe una petición en dos o tres frases en lenguaje sencillo, como si se la escribieras a un modelo de IA.
Pista
Di qué debe hacer la aplicación y qué ve el usuario. No necesitas código ni palabras especiales.
Solución
- Elige una idea pequeña para una aplicación.
- Escribe lo que debe hacer en frases sencillas, por ejemplo: «Haz una aplicación de lista de tareas. Puedo escribir una tarea y pulsar Añadir. Cada tarea muestra una casilla para marcarla como hecha».
- Léelo otra vez y comprueba que alguien que nunca haya visto tu idea podría entenderla.
Una descripción breve de la aplicación en lenguaje sencillo, como: «Haz una aplicación de lista de tareas. Puedo escribir una tarea y pulsar Añadir. Cada tarea tiene una casilla para marcarla como hecha». No usa código, solo frases claras.
Fíjate en estas tres cosas: (a) escribir tú cada línea de un programa y memorizar su sintaxis, (b) pedirle a GPT o Claude en lenguaje sencillo que escriba un programa, (c) usar un editor de código para ver y cambiar los archivos. ¿Cuál es el vibe coding y cuál es la herramienta con la que verás el resultado?
Pista
El vibe coding trata de quién escribe el código. El editor es donde vive el código.
Solución
- (a) es la programación tradicional: lo escribes todo tú.
- (b) es vibe coding: un modelo de IA escribe el código a partir de tu petición en lenguaje sencillo.
- (c) es el editor de código: el lugar donde ves y cambias los archivos que crea la IA.
(b) es vibe coding; (c), el editor de código, es la herramienta donde ves y gestionas el resultado.
Test
Según el vídeo, ¿qué significa principalmente «vibe coding»?
- Escribir cada línea de código a mano en un archivo de texto plano
- Depender mucho de modelos de IA para escribir código a partir de peticiones en lenguaje sencillo
- Programar solo mientras escuchas música
- Crear sitios web sin ningún ordenador
Mostrar la respuesta
B. Depender mucho de modelos de IA para escribir código a partir de peticiones en lenguaje sencillo · En 1:01, el narrador dice que el vibe coding consiste en depender mucho de modelos de IA como GPT o Claude, que generan código cuando les pides algo en inglés normal.
1:01 ver el momento¿Qué dice el vídeo que suelen tener las personas que hacen vibe coding con éxito?
- Un trabajo profesional como ingeniero de software
- Un poco de experiencia trabajando en un editor de código, y conocimientos sobre los modelos y herramientas de IA
- Una lista memorizada de todas las palabras clave de programación
- Una suscripción de pago a todas las herramientas de IA
Mostrar la respuesta
B. Un poco de experiencia trabajando en un editor de código, y conocimientos sobre los modelos y herramientas de IA · En 0:31, el narrador dice que las personas que hacen vibe coding con éxito tienen al menos un poco de experiencia trabajando en un editor y entienden los modelos y las herramientas.
0:31 ver el momento¿Cuál es el enfoque principal de este curso para principiantes absolutos?
- Explicar cada línea que genera la IA
- Las herramientas: el editor de código, el modelo de IA y cómo conseguir una aplicación que funcione
- Aprender primero la sintaxis completa de Python
- Comparar hardware para ordenadores de juegos
Mostrar la respuesta
B. Las herramientas: el editor de código, el modelo de IA y cómo conseguir una aplicación que funcione · En 1:48, el narrador dice que el enfoque está en las herramientas: cómo usar un editor de código, el modelo de IA y cómo conseguir una aplicación que funcione.
1:48 ver el momento
Lecciones 2–8 y el proyecto final
Se abren con Beyond Pass: todas las lecciones de todos los cursos, completas. Un solo pago: 14,99 $ por 90 días o 29 $ por un año. Sin suscripción.
Hecho por Beyond a partir del vídeo «Cursor Vibe Coding Tutorial - For COMPLETE Beginners (No Experience Needed)» de Tech With Tim. El vídeo se reproduce en el propio reproductor de YouTube. Míralo en YouTube · Todas las lecciones