Full video

0:01

[Música]

0:12

Hola, hola, hola. Hoy es sábado 26 de

0:15

julio de 2025 y el objetivo de hoy es

0:17

programar una web para ti. Pero antes

0:19

tenemos que solventar un problema. Acabo

0:21

de volver de un viaje a Italia y mira

0:25

este pelo y esta bar. Tengo cita esta

0:27

mañana en el peluquero. Mientras me

0:28

arreglan, déjame contarte que en este

0:30

viaje he visitado una granja de alpacas

0:32

donde podías estar con ellas y

0:34

acariciarlas. Estaban esquiladitas.

0:36

¿Cómo me están haciendo a mí? Oh,

0:40

porque resulta que el peluquero ha

0:42

tenido un problema con el autobús, así

0:43

que hoy no hay peluquería. Tendremos que

0:45

programar sin estar on point. Pero

0:48

bueno, la cosa es que todo el proyecto

0:49

se basa en una única pregunta. ¿Qué

0:52

vídeo quieres ver? Cuando estuve

0:55

construyendo mi primer SAS, utilicé una

0:56

aplicación de Marklow con la que los

0:58

usuarios podían sugerir features a los

1:00

creadores del SAS y pensé en hacer esta

1:02

misma página para creadores de YouTube.

1:04

¿Por qué no darle a mi audiencia un

1:06

tablero en el que pudieran sugerir y

1:07

votar ideas de vídeos, enterarse de cómo

1:10

va la producción de esos vídeos y además

1:12

ser notificados cuando el creador ha

1:14

hecho el vídeo que quieres?

1:15

Vamos, que lo que voy a hacer es copiar

1:17

y cambiar el nicho al que está enfocado

1:19

el producto porque quiero exactamente lo

1:21

que tiene Marglow. Pero para mis

1:22

suscriptores con ideas de videos en vez

1:24

de ideas de fitur gratis, por supuesto.

1:27

Si ya lo tienes claro, ahora solo queda

1:29

que Loba lo entienda

1:31

[Música]

1:39

con estas breves interacciones de

1:41

Lovable, ya tenemos la base del

1:43

proyecto. han sido simplemente cinco

1:45

porque me he quedado sin créditos, pero

1:47

esto ya me sirve como base para ir

1:49

tocando y perfilando, porque el grueso

1:52

está hecho realmente, sobre todo la

1:54

parte de diseño, que es un poco lo que a

1:55

mí más me cuesta. Ahora con el

1:57

repositorio clonado ya me pongo yo a

1:59

trabajar y pulir lo que quiera de manera

2:01

más detallada, pero la base como tal la

2:03

he bipcodeado y es algo con lo que

2:07

quiero que te quedes y que entiendas

2:09

realmente que es el vibe coding o esta

2:12

nueva manera de trabajar con la

2:13

inteligencia artificial, que es eso

2:15

mismo, una nueva manera de trabajar. No

2:18

es que vaya a sustituir nada ni que creo

2:21

que la puedas ignorar a largo plazo,

2:24

porque creo que es algo que se va a

2:25

sentar para prototipos, para primeras

2:28

iteraciones o para proyectos en los que

2:31

lo único que quieres es que funcione de

2:34

una manera superacotada y super

2:36

pequeñita, como es el caso. Ya que este

2:38

proyecto no lo estoy haciendo para

2:40

aprender ni para probar nada. Lo estoy

2:42

haciendo porque quiero traer a la vida

2:44

una idea que tuve y la quiero traer de

2:46

la manera más rápida y sencilla posible.

2:49

Este código no va a escalar, este código

2:52

no lo va a tocar nadie más y los bugs

2:54

que se pueden producir al ser algo tan

2:57

pequeño, me puedo encargar

2:58

personalmente. Pero en mi empresa, por

3:00

ejemplo, no utilizamos el VIP coding. No

3:02

puedes meterte en nuestro proyecto de

3:04

back o en nuestro proyecto de front y

3:06

decirle a la gente de cursor que te haga

3:07

una funcionalidad porque no la sabe

3:09

hacer como nosotros queremos que se

3:11

haga. No respeta la consistencia, no

3:13

tiene coherencia y crea los archivos que

3:16

quiere. Sin embargo, cuando queremos

3:18

darle otra vuelta al problema o cuando

3:20

queremos una primera iteración para algo

3:22

que vamos a crear, sí que utilizamos

3:24

todo este tipo de herramientas porque

3:26

tiene una finalidad y un propósito

3:29

distinto. Al final está el core de todo.

3:32

Hay que entender qué es lo que quieres

3:34

hacer y por qué quieres hacerlo. Una vez

3:37

que tengas esta información, decide y

3:39

utiliza las herramientas que mejor te

3:41

vayan, sin importar si son las más

3:44

brillantes, si es una nueva manera o si

3:47

la gente dice que está anticuado. Si a

3:49

ti te sirve y contribuye a tu propósito,

3:51

como en este caso es el B coding para

3:53

esta primera versión, pues genial. Si lo

3:56

que quisiera sería aprender, no

3:58

utilizaría esta manera para la primera

4:00

versión. Pero de nuevo, todo va en base

4:02

al por qué y qué quieres desarrollar. Y

4:05

si nos ponemos a responder preguntas,

4:07

seguramente hayas detectado algo en el

4:10

vídeo de lo que te tengo que hablar,

4:13

porque es muy posible que hayas visto

4:16

algo de magia, ya que si te fijas en los

4:18

clips anteriores, es probable que hayas

4:20

visto que las horas bailan y que incluso

4:23

hay vídeos de el domingo. Y no, no es

4:26

que yo sea un mago del tiempo o haya

4:29

manipulado las dimensiones, es

4:31

simplemente que mi madre el sábado me

4:33

dijo de ir a dar un paseo y tomar algo

4:35

con mi abuela y después mi tía me dijo

4:37

si nos íbamos a la playa, así que le

4:39

dije que sí a ambas cosas y por ello el

4:41

proyecto en vez de salir el sábado se

4:43

devoró a todo el fin de semana, pero

4:45

entre salida y salida continuó el

4:47

desarrollo, siendo lo más tedioso del

4:50

mismo el tema de configurar la consola

4:52

de desarrolladores de Google para poder

4:54

permitir Google en la aplicación, algo

4:57

que siempre me parece un

5:00

pero fue lo más tedioso por elección

5:03

propia. Y aquí viene una lección que

5:05

quería transmitirte para cuando te

5:07

pongas a construir tus proyectos, que

5:09

creo que te puede ayudar enormemente.

5:11

Cuando te pongas a construir es muy

5:13

importante que definas el scopo

5:18

porque si no vas a acabar en un bucle

5:20

interminable de cambios y de features

5:23

que a ti te hacen mucha ilusión, pero

5:24

que no aportan absolutamente nada o que

5:27

dificultan las cosas demasiado. En el

5:29

caso de este proyecto, empecé con la

5:31

idea de que debía tener un front s super

5:34

chulo con animaciones, con snackbars,

5:38

con una consola de administración para

5:39

los admins y con diferentes vista para

5:43

los usuarios porque yo me lo imaginaba

5:45

así. tenía la base de lo de Mark Glow,

5:47

pero yo quería mejorarlo y hacerlo de

5:49

una manera más vistosa. Sin embargo,

5:51

cuando empecé el desarrollo y sobre todo

5:53

cuando me fui quedando sin tiempo,

5:55

empecé a reducir y empecé a hacerme la

5:56

pregunta de por qué estaba haciendo

5:58

esto. Y la realidad es que estaba

6:00

haciendo esto para que vosotros podáis

6:03

darme feedback de los vídeos y decirme

6:05

exactamente qué es lo que queréis ver.

6:08

No porque quisiera mostraros lo guay que

6:10

son las animaciones que puede hacer

6:12

cursor o la maravilla de usabilidad que

6:15

soy capaz de crear. Entonces dejé mi ego

6:17

a un lado, dije, "Vale, ¿qué es lo

6:19

importante?" Y lo tiré todo por tierra

6:21

para acabar trayendo la versión

6:23

funcional que puedes utilizar ahora

6:25

mismo y que estás viéndome construir,

6:27

que funciona, que hace lo que quiero y

6:29

que no necesita nada más. En el futuro,

6:31

si estoy aburrido o si quiero otro

6:33

propósito, ya podré expandirla y

6:35

mejorarla. Pero si me ponía con todo lo

6:37

que tenía en la cabeza desde un inicio,

6:39

sin plantearme las cosas y sin reducir

6:42

el scope hasta lo mínimo, qué era lo que

6:44

realmente quería construir, esto no iba

6:46

a salir ni en un fin de semana, ni en

6:48

dos, ni en tres y posiblemente nunca

6:50

viera la luz, porque a ti como creador

6:52

te hace mucha ilusión hacer features. Y

6:55

después de la primera va la segunda y

6:56

solo quieres añadir más complejidad a

6:59

todo porque nos encanta programar y nos

7:01

encanta crear. Sin embargo, la gente lo

7:03

que quiere es usar el producto, así que

7:06

tienes que lanzarlo. Y si todo tu

7:08

proceso mental o todas las cosas que

7:09

quieres añadir te imposibilitan el

7:11

lanzarlo, mándalo fuera y encárgate de

7:13

lanzarlo, porque si no lo lanzas, todo

7:15

lo demás y todas las cosas guay que

7:18

añadas van a ser completamente inútil.

7:20

Para que te quedes con un ejemplo, pensé

7:22

en hacer una pestaña de administración

7:25

con una vista diferente para que los

7:26

admins se pudieran loguear y cambiar el

7:28

estado de las ideas del board que le

7:31

dieran los usuarios. Sin embargo, no va

7:33

a haber adminar

7:35

yo. Entonces, lo he reducido a un

7:37

estatus de roll en la base de datos y

7:39

cuando me logueo yo puedo cambiar el

7:41

estado con la misma vista que estás tú y

7:43

cuando te logueas tú simplemente vas a

7:45

ver el mismo board que yo, pero sin

7:47

cambiar de estado. De esa manera, la

7:49

complejidad de la programación se ha

7:51

reducido muchísimo. Nos hemos dejado de

7:53

cosas complicadas y la usabilidad es

7:56

prácticamente la misma. De este modo he

7:59

logrado terminar el proyecto el domingo

8:00

por la tarde, porque de otro modo

8:02

hubiera sido imposible. Ya una vez que

8:05

estaba toda la implementación había que

8:07

desplegarlo y para ello, por supuesto,

8:09

he usado Bel porque no puede ser más

8:12

sencillo, sobre todo porque con el stack

8:14

con el que hemos empezado este proyecto

8:16

va genial. tenía el dominio de Jesús

8:19

Lagares ya comprado, así que simplemente

8:20

lo he alojado en un subdominio del

8:23

mismo. De tal manera que si entras a

8:24

make thisv.jesuslagares.com

8:26

jesuslagares.com ya podrá sugerir ideas

8:29

de vídeo, como podrás apreciar en este

8:33

vídeo épico.

8:39

[Música]

8:45

[Música]

8:49

Espero que te des una vuelta por la

8:51

aplicación y me sugieras qué idea de

8:53

vídeo es la que quieres ver. O si no, si

8:56

en vez de ver lo que hago un sábado y

8:58

domingo quieres ver lo que hago en un

8:59

día laboral, lo que hace un programador

9:02

real durante sus 8 horas de trabajo en

9:05

solo 2 minutos, haz click al vídeo que

9:07

te está apareciendo por pantalla porque

9:09

te va a encantar. Sin más, no te quito

9:11

más tiempo. Gracias por estar en otro

9:12

vídeo más aquí conmigo.