Sabrás
- Instala y configura el editor de código con IA Cursor y abre una carpeta de proyecto
- Usa Agent, Ask y la elección de modelos en 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 del proyecto y extensiones útiles
Conviene saber antes
- Capacidad para descargar e instalar software de escritorio en tu ordenador
- Familiaridad básica con la creación de carpetas y archivos
- Acceso a un asistente de chat de 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": crear software describiendo en lenguaje sencillo lo que quieres a un modelo de IA, en lugar de escribir tú cada línea. También muestra por qué siguen importando un editor de código y algunos conocimientos básicos si quieres obtener buenos resultados.
2 ejercicios3 preguntas - 2
Instalar Cursor y preparar la carpeta de tu proyecto Beyond Pass
Aquí aprenderás qué es un editor de código con IA y por qué Cursor es una buena opción gratuita para empezar. 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: modo Agent frente a Ask y elección de modelo Beyond Pass
Aprenderás qué hacen los modos Ask y Agent 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 Max o el modo Auto.
4 pasos de construcción2 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 pidiéndole 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 apto para principiantes, como Kaboom.js, es una buena elección para un juego en el navegador.
5 pasos de construcción2 ejercicios4 preguntas - 5
[48] Generar código, aceptar cambios y ejecutarlo por primera vez Beyond Pass
[49] 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 el navegador. También aprenderás que la primera ejecución suele mostrar errores, y cómo leerlos y comunicárselos al agente.
5 pasos de construcción2 ejercicios3 preguntas - 6
Depuración con la consola, ediciones manuales y documentación de contexto Beyond Pass
Cuando la IA sigue fallando, aprenderás 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, del vídeo, de un juego de plataformas roto.
1 de código5 pasos de construcción2 ejercicios3 preguntas - 7
Guardar puntos de control con Git: commit, diff y discard Beyond Pass
Aprenderás cómo Git guarda puntos de control (commits) de tu proyecto para ver qué cambió y volver a una versión que funcione. 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ón2 ejercicios3 preguntas - 8
Reglas del proyecto, extensiones, búsqueda y mejores prompts Beyond Pass
Aprenderás a dar a Cursor reglas permanentes que moldean cada respuesta, a añadir extensiones del editor como Prettier y a usar la búsqueda para encontrar y cambiar código por ti 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ón2 ejercicios4 preguntas
Proyecto final
Programa, depura y publica un minijuego para el navegador con vibe coding
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 de trabajo completo: planificar, generar, ejecutar, depurar, guardar y dirigir a la IA con reglas. El objetivo es tener un juego que funcione y un historial de commits que muestre cómo llegaste hasta 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": crear software describiendo en lenguaje sencillo lo que quieres a un modelo de IA, en lugar de escribir tú cada línea. También muestra por qué siguen importando un editor de código y algunos conocimientos básicos si quieres obtener buenos resultados.
Dibuja y escribe junto al vídeo.
La idea
El vibe coding es una forma de crear software en la que dependes mucho de 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 un inglés normal y la IA escribe el código por ti.
Esto es importante 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. Las personas que hacen vibe coding con éxito suelen tener algo 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 para qué sirve cada herramienta. No necesitas 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 hablarle al modelo de IA con claridad y a conocer los pequeños datos que hacen que todo sea más fácil. No necesitarás entender cada línea que genera la IA; necesitarás saber dónde están las cosas 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 algo de experiencia trabajando en un editor y saben qué modelo de IA usar en cada momento. 0:40
- El objetivo no es convertirte en un ingeniero profesional, sino aprender la información que te facilita la vida. 0:16
Palabras clave
- Vibe coding
- Crear software describiendo en lenguaje sencillo lo que quieres 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 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 parte del 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 todas las líneas 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.
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 necesita entender qué modelo de IA usar y cómo aceptar sus sugerencias.
Respuesta modelo: El vibe coding es crear 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.
Escribe tres preguntas que te gustaría que quedaran resueltas al final de este curso, como qué es un editor de código, cómo elegir un modelo de IA o cómo aceptar un autocompletado.
Solución
- Piensa en lo que ya sabes y en lo que no sabes.
- Escribe cada pregunta en tu cuaderno de notas como una frase completa.
- Comprueba al final del curso si puedes responder cada una.
Tres preguntas escritas, por ejemplo: ¿Qué es un editor de código? ¿Qué modelo de IA debo usar para cada tarea? ¿Cómo acepto un autocompletado?
En tu bloc de notas
En tu cuaderno de notas, dibuja tres cuadros con las etiquetas Tú, Modelo de IA y Editor de código, y dibuja flechas que muestren cómo tu petición en lenguaje sencillo llega a la IA y cómo el código vuelve al editor.
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 sin formato
- 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 el minuto 1:01, el orador 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
- Algo de experiencia trabajando en un editor de código, y conocimientos de los modelos de IA y las herramientas
- 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. Algo de experiencia trabajando en un editor de código, y conocimientos de los modelos de IA y las herramientas · En el minuto 0:31, el orador dice que quienes hacen vibe coding con éxito tienen algo de experiencia, al menos 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 obtener una aplicación utilizable
- 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 obtener una aplicación utilizable · En el minuto 1:48, el orador dice que el foco está en las herramientas: cómo usar un editor de código, el modelo de IA y cómo obtener una aplicación utilizable.
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