This graph shows how many times the word ______ has been mentioned throughout the history of the program.
Esta es la clasificación, amigos y amigas, de la Devs League, donde tenemos a Noe con 13 puntos, ahora mismo rezagada, pero bueno, ya veremos si se recupera.
Tenemos a Héctor con 23 puntos, empatado con Carmen, con otros 23, y Gonzi, que empezó llorando, llorando como una magdalena, estaba todo el rato,
no, es que yo aquí vengo, que no voy a sumar ni un punto, bueno, pues si me quedo a cero ya, pues 34, 34 puntos.
Fíjense cómo es la cosa, y luego lo van a ver, que Gonzi parece ser que ha sido agredido por ir primero con 34 puntos, luego os lo explica él.
Pero por ahora vamos a darle la bienvenida a la buena de Noe. ¿Qué tal, Noe? ¿Cómo estás?
Un poco nerviosa, un poco nerviosa, sí.
¿Un poco nerviosa? ¿No crees que hoy es el día de que a lo mejor hay sorpresa, hay un sorpaso? ¿Cómo lo ves?
Mira, sí, sí, sí, existen los milagros, y bueno, quizás a partir de hoy empezamos a creer un poco más.
¿Qué crees que te faltó en la jornada, Uno, Noe? ¿Qué pasó? ¿Qué es lo que te falló ahí?
No terminaba de entender el de encuentro al bug, como que buscaba otras cosas, y en realidad era otro.
¿Y cómo te ves hoy con la programación a ciegas? ¿Te ves ciega?
Una declaración, ya me da mi abogado.
Bueno, no, pues vete preparando, vete preparando mientras, y vamos a pasar a Héctor, Héctor, que lo tengo por aquí.
A ver, Héctor, ¿cómo estás? ¿Cómo te encuentras?
Hola, hoy vengo sobrio, sin resaca, porque me va a tocar hacer una mierda con CSS, entonces no sé cómo termina después de eso.
Yo no sé nada de CSS, y lo que más me preocupa es que voy contra Carmen, es decir, no voy contra cualquier persona.
Entonces, no sé, no sé. Dime.
Pero, ojo, que Carmen trae invitada, ¿eh? Luego la conoceremos, y no va a ser Carmen.
O sea, Carmen yo creo que ha dicho, yo sé que todo el mundo espera que yo participe en CSS,
pero, hombre, voy a traer a otra persona que la gente espera, no sabe nada, y entonces de repente ¡pam!
Y va a volar la cabeza, y va a ser peor, Héctor. O sea, no te quiero engañar, te diría, no, va a ser, no, mentira, no va a ser más fácil, va a ser peor.
Ya verás, te van a reventar.
Sí, yo creo que al final, yo ya vengo con esa ilusión de perder esa prueba, así que no espero nada de mí.
Así que, no, yo solamente espero sorpresas. Mi autoestima está hasta abajo. No es queja, luego me empieza a decir Héctor del Llorón.
Pero bueno, que salga lo que tenga que salir, al final a ciegas pueden salir cosas maravillosas o una completa mierda. Vamos a ver.
Bueno, Héctor ha traído a un invitado hoy para que le ayude a besa él. Hola, besa él. Repites de nuevo como invitado. ¿Qué tal? ¿Cómo estás?
Muy bien, Héctor. ¿Qué tal, Héctor? Feliz de estar aquí.
Feliz, yo en la primera jornada vi un poco de tiranteces en el equipo, ¿se ha solucionado? ¿Cómo ha sido la cosa?
Sí, una cervecita sí quedó todo bien. De hecho, besa él después de la prueba se fue a llorar un tiempo y dije, no, no llores, no llores, por favor, tranquilo.
Te voy a invitar nuevamente para que puedas recuperar esos puntillos y bueno, aquí está, mira, lo he metido nuevo al lío.
Besa él, ¿qué crees? ¿Crees que en esta jornada te va a ir mejor que en la anterior? Porque en la jornada anterior vimos que el encuentro al back encontraste menos que la salvación de Héctor con el CSS.
Encontré uno y por obra y gracia del Espíritu Santo. Espero resarcirme hoy porque he recibido ataques, así que vengo a resarcirme.
Muy bien, pues nada. Los ataques son de mí.
Con el gafo, que espabila, espabila. Muy bien, pues nada, mucha suerte Héctor y besa él.
Le damos a Héctor con 23 puntos y en segunda posición empatada tenemos a la buena de Carmen.
¿Qué tal? Muy buenas, muy bien. Bueno, he de decir que hoy un poco la de la resaca soy yo, le cojo el relevo a Héctor porque ayer fue mi cumple y así que vengo así un poco de festividad.
de varios días, pero muy bien, con muchas ganas y con invitada y con invitada.
Primero, muchas felicidades. Mira, tienes aquí a Belén, Lady Benko, que ya te está diciendo Forza, Team Carmen, que te está aquí totalmente apoyando al máximo.
Antes de darle paso también a tu invitada, 23 puntos, Gonzi está a 11 puntos. ¿Cómo lo ves? ¿Cómo preparas la jornada?
Esperemos que hoy no llore tanto, Gonzi, porque tuvo la estrategia del típico que dice que le ha ido muy mal el examen y luego saca un 10 siempre.
Entonces, siempre hay alguien así en clase, le ha tocado a Gonzi ese papel, lo ha cogido él. Así que esperemos poder robarle un poco de ventaja y cogerle bastantes puntos para alcanzarle,
porque si no, como hoy vuelve a hacerlo de la semana pasada, se nos va.
Bueno, para eso te has traído a Rita. Hola, ¿cómo estás, Rita?
Hola, ¿qué tal?
¿Qué tal, Rita? Oye, bienvenida, que es la primera vez que pasas por el stream, por supuesto también la Devsleague.
Pues nada, eres la arma secreta de Carmen.
Ay, tengo mucha presión, tengo muchísima presión, porque Carmen es como la máster del CSS y después de Belén,
acá compilador humano, pues es como tengo que hacerlo muy bien. Estoy aquí en plan, caray.
No hay presión, Rita, no te preocupes.
Piensa que Héctor, programando con CSS, tiene como dos manos izquierdas.
No te voy a decir que vas con ventaja, pero no te fíes, porque Héctor, le han puesto un mote en el chat,
que es Héctor de Llorón, no sé dónde ha salido ese mote, y puede ser muy peligroso.
Él va como que no sé nada, no sé nada, y fíjate que están patados a puntos con Carmen,
y estuvo a punto de tener unas cuantas sorpresas con el trivial y todo.
O sea, cuidado, Rita.
No me fío, no.
No te fíes.
Totalmente.
Pues nos vemos después entonces con la prueba de programación a ciegas,
y a ti ahora te voy a ir un momentito, Carmen. Gracias a las dos.
Muchas gracias.
Y vamos con el empollón de clase, como dice Carmen, porque en el número uno,
la posición número uno, tenemos desde Argentina.
Se ve que tiene una reputación, una reputación en la que si le miras con mal ojo te revienta.
Me han contado una historia de hace muy poquito, donde había 30 personas,
gente con bazocas, palos, escopetas, una cosa salvaje.
Y aún así, Gonzi ha sobrevivido, y fijaos, el pobre Gonzi, ¿cómo está, Gonzi?
Todo bien, y vos, Midu, le estás dando muy mal la prensa a Quilmes.
Se la merece, pero tampoco hay que hacerlo tan público.
No, pero a Quilmes no, es a ti.
Bueno, como podréis ver, el pobre Gonzi ha venido un poco lesionado.
¿Qué te ha pasado en el ojo?
La verdad no sé muy bien.
Estaba saliendo de mi casa y vino alguien, me golpeó, no sé quién fue.
De lejos vi como si fuese un pelo medio rojo, con rulos y eso.
No tienes pruebas, pero tampoco tienes dudas, ¿no?
Claro, no tengo mucha idea de qué pasó.
Bueno, yo me quedaba con la historia esa de que eran 30 personas con bazocas y tal,
y que acabaste con todos y solo pudieron hacerte eso.
Pero, ¿crees que eso te puede pasar factura en la jornada de hoy, Gonzi?
Yo creo que lo puedo usar a mi favor.
Si pierdo, pues por eso.
Y si gano, sobrelleve todos los obstáculos que teníamos.
Muy bien.
¿Cómo te ves aquí en la Liga, 34 puntos?
¿Estás confiado?
¿Ves posibles problemas?
¿Ves a Carmen, que se acerca mucho?
¿Cómo lo ves hoy?
No, confiado para nada, nunca.
La verdad que la otra vez me sentí un poco confiado
cuando empezamos con las preguntas y respuestas que había tocado contra Carmen,
porque yo no sabía que después le tocaba contestar a Carmen,
y terminamos tipo a un punto uno al otro.
Así que dije, acá no se confía más.
Vamos a arrancar con Héctor y Carmen, el nombre a la variable,
pero me gustaría saber si tienen alguna cosa que se quieran contar,
algún comentario, alguna cosa que se quedó pendiente de la jornada 1.
Yo vengo a ganarle a Carmen en la prueba de variables,
porque en CSS me van a joder, por lo cuanto a Rita me va a joder.
Entonces, en la prueba de variables vengo a darle la vuelta,
así que voy a ganarte, Carmen, lo siento.
Disculparme desde antes.
Voy a ganarte.
Yo creo que Rita debería dejar que el perrito esté haciendo la prueba de CSS
como para darle un poco de ventaja por Héctor.
Muy bien, bueno, pero no, que tú vas hablando,
pero ¿cómo ves tu batalla con Gonzi hoy?
No, bueno, Midu, para.
Dos argentinos en la cancha, se juegan a la Copa del Mundo.
Es que va a ganar un argentino, así que listo, ya está.
Eso es lo importante.
Mirando el lado bueno de las cosas, me encanta.
Muy bien.
Vamos a arrancar, vamos con la primera prueba, la de nombra la variable.
Vamos a dejar a Carmen y a Héctor.
Y os cuento cómo es la prueba de nombra la variable.
Vamos a tener una pregunta donde vais a tener que contestar
y tenéis que decir la palabra, que es la respuesta.
Puede ser el nombre de una persona, puede ser el nombre de una funcionalidad,
puede ser un millón de cosas.
Y vais a tener de pista una letra.
Ahora, cada vez que falle uno, va a tener la posibilidad la otra persona de contestar
y va a tener una letra más desbloqueada.
Cada vez que vaya fallando una persona, se va a ir desbloqueando una letra más.
Así hasta que adivinéis la palabra final.
Vamos a empezar con Carmen, que la tenemos aquí.
Van a ser seis preguntas con Carmen, luego seis preguntas con Héctor
y se terminará el juego.
Y ya sabéis que cada vez que acertéis, tenéis un puntito.
A jugar la Devsley que empieza y arranca ya.
Madre mía, estoy nerviosa.
Carmen.
Nombre del destacado ingeniero de software danés
que diseñó varios lenguajes de programación como TypeScript o C Sharp.
Vale.
Nombre o apellido.
Nombre.
Nombre, nombre.
Nombre.
Espérate, ¿hay un contador para atrás o tengo que decirlo ya?
No hay segundos para atrás.
No hay segundos, pero el programa tiene que durar menos de dos horas.
Sí, sí.
Así que...
Creo que es Anderson...
No, espera, Anderson no cabe.
Anders.
¿Anders?
¿Nos quedamos con Anders?
Sí.
Muy bien, hombre.
Ahí está, bien, bien.
Si no está, Héctor la tenía que saber por C Sharp.
Así que estaba jodida ya.
Muy bien.
Felicidades, felicidades.
Venga, siguiente pregunta, Carmen.
Tercera palabra del acrónimo CSS.
Uy, Carmen, no hay excusa para esta.
De shits.
Es que era por ponerle un poco de...
Muy bien, Carmen.
Muy bien.
Me está dando calor, ¿eh?
O sea, estoy nerviosa.
O sea, primera vez que estoy nerviosa en mi vida, me parece.
Es broma.
Vale, vale.
Primera vez que estoy nerviosa en mi vida.
No, hay bromas, sí, no hay bromas.
No, no, estoy nerviosa porque si hay posibles respuestas,
pues dices una y más o menos puesta el potra o no.
Pero aquí es más jodido.
Aquí es más jodido.
Vamos con la siguiente, Carmen.
A ver, a ver.
Color de CSS, joder, qué suerte has tenido.
¿Dónde CSS son las?
Rebeca, Rebeca, Rebeca, Rebeca, Rebeca Parpel.
Ya te lo digo ya, menos mal.
Menos mal, gracias.
Diosito CSS.
Rebeca Parpel.
Muy bien.
Felicidades, muy bien.
Siguiente pregunta.
Comando de Git que guarda tus cambios en una pila de almacenamiento temporal
para que puedan ser recuperados posteriormente si es necesario.
Stage no es, espérate, ¿cuál es?
¡Ah!
Es que juego con desventaja, que tengo dyslexia.
A ver dónde va la letra.
Es...
No.
Buah, qué rabia, tío.
Carmen, tres.
Nada, nada.
Dos.
Me he quedado en blanco.
Se ha quedado en blanco.
Héctor.
Héctor está en silencio.
Héctor, Héctor es...
No, no, no, no.
Cuenta.
Estoy pensando.
Es que la que pensaba no es por la A.
¡Qué putada!
¿Cuál será, amigos?
Comando de Git que guarda tus cambios en una pila de almacenamiento temporal
para que puedan ser recuperados posteriormente si es necesario.
Héctor, tres.
Dos.
Uno.
Me he confundido, me he confundido con la...
No.
Carmen.
Comando de Git que guarda tus cambios.
Pero tú sí que es stash.
Pero se escribe así.
Me cago en mi puta vida.
Que sí que es stash.
Pero pensaba que era con...
¿Por qué me he confundido y metía yo una G y una E ahí?
Seré desgraciada.
Bien.
Stash.
Muy bien, muy bien.
Gracias.
Lo he dicho, pero pensé que...
Bueno, lo has dicho, pero claro, has dicho, no sé, no lo sé.
No, no.
Claro, pues...
Sí, sí, sí.
No digo que lo haya dicho como respuesta válida, sino que...
Claro.
Sí, sí.
Era stash, pero no me cuadraba con las letras.
Gracias.
Bueno, vamos con la siguiente.
Te has librado de esta.
Vamos con la siguiente pregunta.
¿Patrón de diseño se utiliza para crear objetos sin exponer la lógica de su creación?
Ay, Carmen.
Aquí me vais a pillar.
Héctor, ¿se aguanta las mejillas deseando a los dioses que le den la oportunidad?
Yo creo que aquí...
Sí.
Dale, dale.
Dale, Héctor.
Vale, vamos a pasar a Héctor.
Patrón de diseño.
Factory.
Vamos a ver si es la correcta.
Y es...
¡Correcta!
Muy bien.
Factory.
Efectivamente.
Patrón de diseño se utiliza para crear objetos sin exponer la lógica de su creación.
Vamos con la siguiente pregunta.
Carmen, término para describir una función que se llama a sí misma dentro de su propia definición.
Pero qué pedazo de palabra.
Espérate.
Recurs...
Recursi...
No cabe, ¿no?
Recursividad.
Recursividad.
Recursividad.
Me estoy pasando fatal.
Recursividad.
Muy bien, muy bien.
Bueno, ahora vamos a pasar a Héctor.
Así que...
Héctor, patrón de diseño que comparte una sola instancia de una clase entre múltiples objetos.
Singleton.
Vamos a ver si es Singleton.
Muy bien.
Famoso framework de Node.js para crear aplicaciones web con más de 25 millones de descargas semanales.
Express.
Muy bien.
Bueno, bueno.
Verá que no toca rebote.
Lenguaje de programación que compilaba JavaScript, inspirado en Ruby y Python, que añadía azúcar sintáctico y empujó a JavaScript a evolucionar.
CoffeeScript.
Vamos a ver si es CoffeeScript.
Muy bien.
Madre mía, cómo está la cosa.
Sistema de módulos de Node.js que permite importar y exportar código entre archivos.
Ay, si me vienes a joder, cabrón.
Te vine a joder.
Jue puta.
Yo no sé programar Node.js, cabrón.
Pero a ver, a ver, a ver.
Tendrías que ver su curso.
Está muy bien.
Sí, sí, sí.
Pero ese tipo me cae mal desde que me invitó aquí.
Pasa con Carmen.
La verdad, no recuerdo.
Pasamos el...
Pasamos con Carmen.
Sistema de módulos de Node.js que permite importar y exportar código entre archivos.
Y han quedado dos M juntitas.
Y mira que me suena, porque estuve viendo la clase que diste, la primera.
Lo digo, lo digo.
En el curso de Node.js le he dicho más falta de...
Sí, sí, lo sé, lo sé.
Por eso que sé que lo has dicho.
No me acuerdo.
Pasamos a Héctor.
Una pistita más, una letra más, Héctor.
Yo estoy adivinando, ¿eh?
Bueno, de lo que se trata.
¿Qué palabra puede ser que quepa ahí?
La gente en el chat pone muchos emojis.
La gente lo tiene claro.
La gente del chat lo sabe o no lo sabe.
Vamos a pasar con Carmen.
Pasamos con Carmen.
No tiene puta idea.
Le falta una cerveza.
Pasamos, Carmen.
Se acerca la cosa ya.
JS.
No me jodas, cabrón.
No me jodas.
No jodamos con Héctor.
Carmen dio la oportunidad.
Pero Carmen sopla.
No me jodas, ya lo sé.
Ya, es para Héctor.
No lo sé.
Se lo pasamos a Héctor.
Héctor.
Ok, Common GS.
Common GS.
Apuntamos a ver si tiene suerte.
Sí, efectivamente.
Es que eres un cabronazo, cabrón.
Soy un cabrón.
Iba a decir Common desde el principio, pero no me cuadraba porque no cabía.
O sea, no daba justo.
Pero ustedes le ponen JS al final a todo.
Pues se llama así.
Se llama Common JS.
¿Qué quieres que te diga?
O sea, es el nombre original.
Sus prejuicios.
Dale.
Siguiente pregunta.
Famoso manifiesto que definió principios de desarrollo de software para mejorar la entrega de valor.
No sé si lo tengo.
Y esto no es de JavaScript, ¿eh?
No, yo no sé.
Ni de CSS.
Esa la sé, ¿eh?
No nos puede meter de presión, pero la sé.
¡Ojo!
Carmen lo sabe.
¿Hay presión?
Sé que lo sé, pero no me viene la cabeza.
Héctor lo sabe.
Héctor a la 3.
2.
Carmen, dale.
Creo que es Agile.
Ahora le ponemos.
Es que tenemos que darle.
Es verdad.
Agile.
Apuntamos a Agile.
Sí, sí, sí.
Y efectivamente es Agile.
Muy bien.
Felicidades.
Y siguiente y última pregunta.
¿Herramienta de Google para medir la performance y accesibilidad de una web?
Famosísima herramienta de Google.
Ay, perdona.
Te toca a ti, Héctor.
Sí.
¿Herramienta de Google para medir la performance y accesibilidad de una web?
Famosísima.
Sé que hasta la he utilizado alguna vez, ¿eh?
Y la has utilizado alguna vez, seguro.
Pero no recuerdo el nombre.
Hace mucho que no utilizo nada de Google casi.
Pasa con Carmen.
Pasamos con Carmen.
Héctor no sabe.
Carmen.
Es la del faro.
Lighthouse.
Muy bien.
Es Lighthouse.
Y quedamos con Carmen.
7.
Héctor, 5 puntos.
Se ha quedado así la cosa.
¿Qué tal?
¿Cómo la habéis visto?
Genial, ¿eh?
Sudando.
Sí.
La de Agile, yo sí tenía...
Sabía que la...
Sabía, pero no...
Me venía ágil la cabeza, ¿no?
En inglés.
Claro.
Ágil.
Es Agile.
Era Agile.
Y también la de Git es una jodida.
Yo también me fui con la letra.
La A ya no me cuadraba.
Pero bueno, así pasa.
Pasamos, Carmen, más 7 puntos.
Pasas a tener 30.
Y Héctor suma 8 puntos y se queda 2 puntos de Carmen.
Bueno, bueno, bueno.
Parece ser que hay gente que se ha hecho rica.
Hay gente que está diciendo la de...
Y la he usado alguna vez.
Han dicho por aquí que ha sido genial cuando has dicho.
Así que nada.
Lo he visto muy igualado, ¿eh?
Muy igualado.
Ha estado bastante bien, ¿eh?
No, no.
Es que me jodes con las preguntas.
Hasta el momento no me ha salido ninguna de C Sharp.
A mí.
Vaya.
Oye, está en aleatorio.
Te lo juro que es random.
Hay una pregunta de C Sharp.
Luego te la enseño para que veas.
Que además era de C Sharp.
Solo de C Sharp.
Bueno, vamos con Gonzi y con Noe.
¿Qué tal?
¿Cómo estáis?
¿Cómo la habéis visto?
No me sabía ninguna de las preguntas.
Hasta le regala de Lighthouse.
No me sabía un par.
No todas.
La de CSS, esa que era el nombre de color.
Recapurple.
Yo la sabía.
Cuando vi el nombre Cos, el nombre grande, dije...
Y vi a Rebeca y dije...
Esta es la única que voy a saber.
Pero después el resto...
Yo no puedo creerle récord a Lighthouse.
Porque estaba intentando meter tipo PageSpeed.
Yo estaba tratando de meter Analytics.
Ah, mira, mira.
Qué bien, qué bien.
Es que no lo mismo.
Bueno, pues nada.
Espero que estén ready.
Pero bien ready.
Porque ahora viene la vuestra.
Y espero y deseo que les vaya muy bien.
Veremos si tan bien como les ha ido a ellos.
Empezamos con Gonzi.
Empezamos a jugar.
Mucha suerte a ambos.
Nombre oficial de las herramientas de desarrollo de Chrome.
Voy a contar igual las letras.
Tipo con los dedos.
DevTools.
Marcamos DevTools.
Sí, le pido alguna por eso.
Muy bien.
Vamos con la siguiente pregunta, Gonzi.
Famosa biblioteca para hacer end-to-end de los creadores de Puppetier.
Disponible en .NET, Java, Python y JavaScript.
Ay, ¿para qué?
La sé porque además estuvo...
Me sale...
Brian, el apellido estuvo en tu stream.
Ay.
Ay.
Es una máscara y todo.
Es una máscara y todo.
Y todo.
Ay.
Gonzi 3.
Gonzi 2.
1.
No corro el nombre.
Vamos con Noe.
Playwright.
Playwright.
Marcamos Playwright.
Muy bien, Noe.
No me salía el nombre.
No me salía el nombre.
Claro, claro.
Y a ti, Gonzi.
Las excusas, excusas.
Bueno, vamos uno a uno.
Vamos con la siguiente pregunta.
Y le toca a Gonzi.
Paradigma de programación en el que se define el qué y no el cómo.
No sé ni qué ni cómo, pero...
¿No quieres pensarlo antes de que hagamos la cuenta atrás?
No, no.
No, no, pero ni la mínima idea, o sea...
No, no, no, mentir.
No quiero mentir a nadie.
Una letra para...
Pensar un poco más, Gonzi.
Pensar un poco más...
No quiero mentir a nadie, ¿no?
Noe.
Paradigma de programación en el que se define el qué y no el cómo.
Un paradigma que les acompaña, estoy seguro, en sus contenidos.
Porque sé que ambos disfrutan y aman algo que sigue este paradigma.
Los alfajores.
Los alfajores.
Vamos a mirar si son los alfajores.
No, no sé, no sé.
No son los alfajores.
¡Gonzi!
Lo peor es que cuando vea la palabra voy a decir, no puede ser.
Estoy completamente seguro de eso.
Voy a darte una pista.
Es que está a punto...
Te va a comer y todo.
Te va a comer.
Cuando la veas vas a decir, coño, la madre.
Tres.
No.
Dos.
¡Noe!
Paradigma de programación en el que se define el qué y no el cómo.
Mierda, carajo.
Carajo.
Bueno, bueno, bueno.
Noe.
No, no sé.
Tres.
Dos.
Ya la sé.
¡Gonzi la sabe!
Ya la sé.
Declarativo.
Declarativo.
¡Declarativo!
Hombre, pero si Ria que es...
Tiene justamente esto, ¿no?
No me salía la parte de unir la parte que es un paradigma.
Cuando pensé, dije, el qué, el cómo, el qué, el cómo.
Y vi las dos letras del final y dije, ya está.
Ahí va.
Ahí cerró.
Vamos con la siguiente, Gonzi.
Seguimos contigo.
Construcción o patrón de diseño en programación.
En el que espera y lanza eventos o mensajes continuamente.
Muy usado en videojuegos.
Me está matando, mire.
Hostia, esta...
Patrón de diseño en programación.
En el que espera y lanza eventos o mensajes continuamente.
Muy usado en videojuegos.
Jamás hice videojuegos.
Así que no, me mata.
Noe, tienes la oportunidad de acercarte un poquito a Gonzi.
Ojo que hay ahí una letra más.
Tenemos la L, que está dando una pistaca importante.
En el que espera y lanza eventos o mensajes.
No, no sé.
Vamos con Gonzi.
Gonzi, Gonzi, Gonzi.
Cada letra que se agrega, tipo, sé menos de lo que había antes.
Porque yo digo, bueno, capaz pensaba tipo el de subscriber o observer o algo así.
Cada vez que se agrega una letra, es como nada.
No me jodas.
No me jodas, Noe.
Parece que la sabe.
Gonzi tiene unos segundos.
No, no, ni idea.
Pero Gonzi no la sabe.
Una letra más, Noe.
Ojo, pistaca ya.
A mí me confunde lo de construcción o patrón de diseño.
Seguramente esté equivocada, ¿no?
Pero, ¿even loop?
¿Será el even loop?
Efectivamente, el even loop, que obviamente es muy famoso porque está junto.
Pero bueno, bueno, ¿qué más da?
¿Qué más da?
Ahora la culpa va a ser el espacio, amigos.
O sea, ahora la culpa es el espacio.
La culpa soy yo.
Ojo, ojo, que por aquí lanza eventos, eventos, continuamente, en un bucle, loop.
Hombre, ¿qué más queréis?
¿Un croquis ya?
¿Un dibujo?
No, obvio.
Sabiendo la respuesta, todos la sabemos.
Se picó Gonzi.
Se picó, se picó Gonzi.
Obvio, yo una vez que veo el coso y veo la respuesta, digo, sí, obvio.
Técnica de TypeScript para reducir la amplitud de los tipos a uno más específico a base de validaciones.
No sé ni de qué estás hablando, amigo.
Técnica de TypeScript para reducir.
Pero, Gonzi, que tú utilizas TypeScript.
Sí, pero la amplitud de los tipos a uno más específico.
La amplitud de los tipos.
Además, esa palabra es clave.
Es clave.
Es clave, amigos.
Pasamos a Noe.
Sí, ¿no?
Noe.
La técnica esta de TypeScript para reducir la amplitud de los tipos a uno más específico a base de validaciones.
Validaciones.
Se hacen validaciones.
Justamente.
¿No?
No.
Noe.
No sabe, no contesta, no respira.
Está tratando de ubicar con el ojo las letras, pero no.
A ver si pinta.
¡Ojo, pistaca!
Pistaca.
Pistaca.
Vamos a ver si aquí, Gonzi, tiene algún tipo de idea.
No sabe, no contesta.
No, no estoy, pero totalmente perdido.
Estamos pajaritos.
Porque la única que se llama era Union Type y creo que no tenemos ninguna cosa, tipo hacer, no nos da por ningún lado.
No, no, cero.
No, porque los Union Types justamente hacen lo contrario, ¿no?
Claro, extienden el tipo.
Entonces, vamos con Noe.
Noe, a ver si con la siguiente pista tienes alguna idea.
¡Ojo, la pedazo de pista ya!
Narrowin.
¡Narrowin!
Vamos a apuntar a Narrowin.
A ver si es Narrowin.
¡Es Narrowin!
Muy bien.
Nombre de algoritmo de CSS para determinar qué estilo se aplica a un elemento según sus selectores.
Ahí sabes qué estará hacer, pero hace 10 millones de años no hay chance de que me acuerde el nombre.
Estoy viendo a Carmen en pantallita pequeñita.
Sí, se debe estar arrancando los pelos rojos, no olvídate.
Hombre, del algoritmo se separa.
¡Ay, Dios!
¡Dios!
¡Dios!
Veamos si Dios le ayuda.
Ah, no me ayudó.
No le ayudó.
Pasamos a Noe.
No le ayudó, Dios.
¡Noe!
Especificidad.
Vamos a apuntar a ver si es especificidad.
¡Corre!
Muy bien.
Muy bien, pues 2-4.
Dos puntos para Gonzi.
Cuatro para Noe.
Muy bien, Noe.
Has aprovechado ahí tu momento.
Muy bien, felicidades.
Está mal del ojo, Gonzi.
Lo aprovechaste.
Claro, es el ojo, no sé yo.
Disculpa, Gonzi.
En inglés, la región visible de una página web en un navegador se llama...
¿Cómo se llama?
Viewport.
¡Viewport!
Esa sí la sabía.
Apuntamos.
Apuntamos viewport.
Me costó, yo estaba tratando de encajar otras palabras.
Ahora todas, Gonzi, se las va a saber.
Obvio, las voy a saber todas ahora.
Excepto las que Noe no sepa que me toca poder responder a mí.
En español, término que describe el proceso de convertir un lenguaje de alto nivel en código
de máquina u otro lenguaje para ser ejecutado por un computador.
Para.
Me encanta cómo dibujas en el aire, ¿eh?
La palabra que yo pienso me parece que sobra una caja, pero...
¿Sobra una caja?
Ah, ah, ah.
¿Tres?
Sí, pero no había un montón de tiempo, ¿eh?
Es que yo pienso en compiladores o compilador, pero para mí falta... no sé.
Marcamos compilador.
¿Cuál marcamos?
Compilador.
Compilador.
Compilador.
Es que eso no encaja en mí.
Vamos a marcar compilador.
No es compilador.
Ya sé.
Compilación.
Compilación.
Vamos a ver si es compilación.
Luda, que eso dice que término.
Compilación.
Ahí está, compilación.
Podemos robar.
Con Noe.
Método de ordenamiento que consiste en dividir una lista en dos mitades,
ordenar cada mitad y luego combinarlas en una lista ordenada.
Dios.
La puta madre.
El poder de las palmas.
Eso como...
Ay, no me sale.
Caño de tiburón.
Tres, dos...
Quicksort.
¿Cómo?
Quicksort.
¿Es Babelsort?
¡Gonzi!
¿Es Babelsort?
¿Babelsort?
Me parece que tiene...
Me sobra una letra, pero...
Noe.
No, estoy pensando en otro todo el tiempo.
No, no.
Te ha dado una letra de mierda, encima.
Sí, oléate.
No me sirve, pero para nada.
Bueno, ya habéis dicho dos y no eran.
¿Cuál os queda?
Es que tampoco que me sé todos los algoritmos de Sorbagón.
Consiste en dividir una lista en dos mitades.
Ordenar y luego combinar.
Dará una pista eso.
Seguramente.
Seguramente, pero vamos a ver si es Noe.
¿Quién sabe?
Noe.
¡Ojo, pistaca!
Que levante la mano si alguien del chat se la sabe.
¿Pasamos, Noe?
No, sí, sí.
Ahí está igual.
Yo me acuerdo.
Cuando empecé a intentar traducir las palabras en Merchthor.
Y dije, combinar, combinar, combinar, Merch.
Apuntamos Merchthor.
Me ha ayudado igual la última pista.
Muy bien.
La última letra.
Vamos con la siguiente.
En inglés, estructura de datos que sigue el principio de último en entrar, primero en salir.
Puta madre.
Puta madre no cabe.
Tiene la T de puta, pero...
Pero no en el mismo lugar.
Que puede ser.
Que puta madre sea la última en entrar y primero en salir.
O sea, puede ser.
Claro.
Pasamos a Gonzi.
Sí, sí, sí.
¡Gonzi!
Me cagaste un poco porque tenía una respuesta, pero con ese coso.
Estructura de datos.
Estructura de datos que sigue el principio de último en entrar, primero en salir.
No, porque yo pensé que era Stash, tipo, pero no es Stash.
No es Stash.
Stash ha salido antes.
Por eso.
Por eso digo.
Por eso.
No es...
¿Se parece?
¿Qué ha pasado, Gonzi?
Stack.
Stack.
Ay, qué boludo.
Sí, lo dije mal.
A ver, dijiste Stash.
Stash y colas.
Sí, pero me salía Stack.
Stack.
Muy bien.
Cuatro.
Nos falta una pregunta más.
En inglés, técnica de optimización en la que los resultados de una función se almacenan
para evitar recálculos costosos, ¿no, eh?
Héctor debe estar pensando.
Joder, pinche la madre.
Ahora han salido todas las que me sé.
Oh, Dios.
Él se quiere decir que...
Oh, Dios.
Todopoderoso.
Mucho Dios, ¿eh?
Veo aquí.
¿Y dónde está vuestro Dios ahora?
Aquí no está.
Pasamos con...
Sí, sí, porque no me...
Lo tengo, pero no lo publicé.
Sí, a mí me va a pasar lo mismo porque pensé que era memoizing, pero es memoización ponerle
si tenemos que ponerlo como técnica.
Vale.
La jodida.
¿Cómo es?
¿Cómo has dicho?
Memoización.
O memorización si es en español.
Memoization.
Lo vamos a perdonar por la pronunciación, pero era el término.
Bueno, pues cinco, cinco, siete.
Ha quedado al final la cosa.
Ha rascado un poquito ahí el bueno de Gonzi.
Robamos un par de puntos.
Cinco para Gonzi.
Vamos a ponernos por aquí.
Cinco para Gonzi, que se pone en treinta y nueve.
Treinta y nueve.
Hostia.
Treinta y nueve.
Y siete para Noe, que se acerca un poquito al bono de Héctor.
Bueno, ¿cómo lo habéis visto?
¿Qué tal?
¿Cómo ha ido la cosa?
Desastre.
Desastre.
Lo peor es que...
O la de Playwright, ya empezamos mal, ¿entendés?
O sea, lo peor es que tenía a Debbie O'Brien, ¿no?
De Playwright.
Tenía el logo, tenía absolutamente todo en mi cabeza y no tenía el...
La palabra.
Yo creo que ahí ya me desmoralicé.
Es como, no podemos empezar así.
Te estás a mentir, Gonzi.
Hiciste cinco puntos.
Ya, cinco o siete al final.
Hubo un montón, viste, que las tenía ahí.
La stack, no puede ser que...
Yo la saqué con la ayuda, ¿eh?
Yo estaba pensando en otras cosas.
Pero hay una cosa que no habéis caído.
Y es que hay gente que ha perdido millones de MiduCoins.
Porque Coin...
Ay, ¿por qué Coin?
Porque Gonzi ha perdido la batalla.
Me parece bien.
Me parece muy bien.
Ustedes, los que no confían.
Lo siento muchísimo por todas las personas.
Yo igual desde el primer día le dije,
no confíen en mí, voten por el resto de las personas.
Y ustedes decidieron.
Dice, vale la última.
Hay gente que no está de acuerdo con que te haya dado correcta la última, ¿eh?
Es verdad que la pronunciación ha sido regulinchis,
pero bueno, lo vamos a perdonar.
Y no le hemos tenido en cuenta la de...
A Noe no le hemos dado la de compilación.
Porque ha dicho...
¿Cómo era?
Compiladores.
Sí, ha dicho compiladores.
Qué caro.
Y además hubo doble pista.
Y a mí en una no me diste la letra.
Bueno, bueno.
Ya empezamos a que...
Ahí se equiparon.
Mirá, si yo tengo que hablar del stream pasado, no me van a enojar, ¿eh?
Uy, qué pasó ahí.
¿Ves?
Esto es lo que estamos esperando aquí.
Chicha, chicha.
Bien, bien, bien.
Vamos a hacer el trivia ahora, ¿vale?
Que esto es un todos contra todos.
Vamos a sacar a Héctor porque Héctor no participa.
Y así descansa un poco y estudia, ¿vale, Héctor?
Sigue va descansando.
¿Quién es?
No sé si os habéis colado y habéis invitado a alguien que no tenía que estar aquí.
Porque aquí hay un señor X.
Ya está, ¿eh?
Vale, ya estáis.
Ahora sí, comenzamos el cuestionario, ¿eh?
Pregunta 1 de 8.
Y esta pregunta recompensa más puntos que respuestas rápidas.
Ya sabéis que cuanto más rápido respondáis, mejor.
Así que ordena a estas empresas de más antigua moderna por año de fundación.
Apple, Microsoft, Nintendo, Facebook y Google.
Ordena a empresas de más antigua moderna por año de fundación.
De antigua moderna.
Apple, Microsoft, Nintendo, Facebook y Google.
¡Ay!
Se ha colado ahí Nintendo, ¿eh?
Se ha colado ahí Nintendo, pero bueno.
Es importante Nintendo también.
Nos ha...
Hostia, os lo estáis tomando con calma, ¿eh?
Porque veo que todavía hay gente que...
Alguien no las ha hecho todas.
Igual ahora han respetido de todo el mundo.
Vamos a mostrar los resultados.
Nintendo, Microsoft, Apple, Google, Facebook.
Este era el orden correcto.
Ha fallado todo el mundo.
También el señor X.
El señor X no se ha estudiado.
Así que nada.
0, 0, 0.
Todo sin alcohol, ¿vale?
0 puntos.
Está la cosa igual.
O sea, no ha servido para nada directamente esta pregunta.
Pero está bien.
Al menos ahora vais sabiendo cómo funciona la cosa.
Pregunta 2 de 8.
Relaciona cada lenguaje con un concepto que lo define.
¡Ojo!
Ya verás.
Tenemos punteros, uno más uno, máquina virtual, bajo nivel, Java, Assembly, JavaScript y C.
No sabéis que cuanto más rápido sois, más puntos os dan.
Me encanta, pues...
Creo que el señor X es el que se lo toma con calma, ¿eh?
Mostrar resultados.
Vamos a mostrar los resultados.
5 personas.
O sea, todos habéis acertado.
Muy bien.
Vamos a ver.
¿Quién ha sido más rápido?
¡Carmen!
¡No!
¡Noé!
¡Noé se pone la número 1!
¡Ojo, ojo, Noé!
¡Ojo, Noé!
Yo recuerdo que la persona que queda en primera posición gana 10 puntos.
O sea que, ojo, cuidado.
Noé levanta la ceja rápidamente.
Bezael, Carmen, Gonci, muy cerquita.
El señor X se la ha tomado con un poquito más de calma.
Vamos a la siguiente, amigos.
Esta pregunta, ya sabéis, las respuestas rápidas.
¿Cuál no ha sido?
¿Cuál no ha sido el logo de Apple nunca?
Jamás.
¿Cuál no ha sido el logo de Apple nunca?
¿Cuál no ha sido el logo de Apple nunca, amigos?
¿Cuál no ha sido?
Jamás.
Todos han respondido.
Vamos a ver.
Muy bien.
Ha acertado a todo el mundo también.
Me encanta.
Increíble.
O sea, ¿sabíais que este logo de mierda era de Apple?
No, yo tenía mucho miedo.
O sea, yo sabía lo del logo de mierda, pero tenía mucho miedo con el del arco iris,
porque no sabía si era oficial.
Sí, fue oficial.
Y me lo boté y después dije, uff.
Pues sí, este fue el primero de todos.
Y aquí es Isaac Newton.
¿Newton, si no me equivoco?
Sí, que es lo de la manzana que cae y tal.
Y fijaos, ¿no?
Con lo rebuscado que estaba.
Y sí, este no ha existido nunca, la verdad, pero bueno.
Ya veo que lo habéis acertado todos.
Pero ¿quién habrá sido la persona más rápida?
La persona más rápida ha sido Gonzi, que tiene el Sharingan.
Tiene el Sharingan activado.
Luego tenemos a Bezael, que se pone en segunda posición.
Noe y el señor X.
Ojo, cuidado, que lo ha hecho casi tan rápido como Gonzi.
El señor X, que todavía no sabemos quién es, está moviendo muy bien las manitas.
Y Carmen aquí ha vacilado, no ha tenido muy claro y se ha quedado última por ahora.
Pero vamos a ver si en la pregunta 4, Carmen le da cañita.
¿Quién se considera que escribió e implementó el primer compilador de la historia?
Grace Hopper, Shakira, Dorothy Bowne o Isabel Devin.
Shakira, Shakira.
A ver, mostrame los resultados.
¡Ojo!
Alguien, alguien se equivocó.
Acabo de arruinar toda la carrera.
Alguien se equivocó.
Vamos a darle un poco de confeti.
Vamos a darle un poquito de confeti a...
Confeti.
Confeti para...
Confeti.
Confeti.
Vamos a ver ahora quién ha sido más rápido.
¡Oh, y Gonzi!
¡Gonzi!
¡Gonzi ya ni aparece!
Tengo que hacer scroll.
¡Bes a él!
¡Ojo!
¡Héctor de León está ahora mismo abriendo una cerveza!
¡Chan, chan!
¡Ah, no!
¡Héctor de León está hablando por teléfono!
¡Imagínate lo que le importa!
¿Sabes?
Están pensando...
O sea...
Es por qué confianza.
¡Ojo, ojo!
No debería.
Aquí...
Lo hemos puesto un momento.
Lo hemos puesto...
Pobre...
¡Héctor de León no entiende un carajo!
Pero bueno, pensaba que a lo mejor estaba súper emocionado y estaba hablando por teléfono
de que qué coño me importa un carajo.
Bueno, pues BESAEL primero.
Señor X, ojo, la remontada de Señor X.
Noe también está cerquita.
Está muy pocos puntos, ¿eh?
Y Carmen ha recuperado aquí también rapidiza.
Muy bien, Carmen ahí.
Pregunta 5, amigos.
Ya sabéis.
Rapidez, más puntos.
¿Qué imagen representa la estructura de datos stack en programación?
La pila.
¿Cuál es la pila en programación?
¿Qué imagen representa la estructura de datos de una pila en programación?
Todos han respondido.
Noe no lo tiene claro.
No lo ve claro.
BESAEL bebe.
Tampoco lo ve claro.
GONSI también bebe.
Carmen no está contenta.
No veo felicidad en estos rostros, amigos.
Y es que hay tres personas que se han equivocado.
Ojo que aquí hay fuego.
Solo dos personas han acertado.
Veo media sonrisilla.
Parece ser que Sharingan se ha vuelto a activar.
Yo creo que GONSI...
¿No?
A ver, voy a hacer mi apuesta personal.
Voy a hacer mi apuesta personal.
Yo creo que GONSI acertó.
Y Carmen también.
Porque Carmen está muy feliz.
Mira, Carmen está muy feliz.
No sabe ya qué hacer.
Vamos a ver.
El señor X.
Se ha sido el señor X.
Claro, no me lo esperaba el señor X.
Ojo el señor X.
Y Carmen.
Carmen se pone número uno.
Ojo, Carmen.
Y el señor X.
Me mareó mucho el dibujo.
Miré y dije, tengo que responder rápido.
Es que eso es lo jodido.
Que hay que responder rápido.
Pero a la vez hay que responder bien.
Bueno, muy bien, Carmen.
Carmen, mira.
Esto es para ti.
Un confeti.
Cinco jugadores.
Carmen está arrasando con la racha más larga.
O sea, increíble.
Viene de resaca.
Ayer fue su cumpleaños.
Encima hoy racha.
Bueno, vamos a ver si sigue la racha, Carmen.
Pregunta seis.
Relaciona cada lenguaje con su código.
Ojo, cuidado con el código.
Código, ¿eh?
Código.
Caras de preocupación.
Me pregunto qué está haciendo Héctor ahora.
Qué nombre ahora es y ya está cocinando ahora.
Muy bien.
Vamos a ver los resultados.
Vemos, ojo.
Había un pequeño cambio.
Cinco personas le han dicho bien.
O sea, muy bien.
Había ese pequeño cambio.
CSS, esto que vemos aquí es CSS, aunque parezca un lenguaje de programación.
C Sharp es el static void main.
Java, esto es como un console log de JavaScript, pero en C Sharp.
Ahí en Java, perdón.
Y PHP con este longitud.
Todos habéis acertado.
Vamos a ver.
Carmen.
Arrasa, Carmen.
Número uno, Carmen.
Ojo, cuidado, Carmen.
Ya le está sacando unos puntitos al señor X.
Tenemos a Noe en tercera posición.
Besael en cuarta.
Y Gonzi, que sí.
Hostia, te ha tardado mucho Gonzi aquí.
¿Qué ha pasado Gonzi?
Cuéntanos.
Pasaron cosas.
No, no tenía ni idea.
No tenía ni idea.
Pero, o sea, no mentí.
Muy bien.
Pero mira, Noe se ha quedado caña.
Y tú besa a él.
¿Con qué has tenido dudas?
¿Qué ha pasado aquí?
No, me lié con C Sharp y Java.
Pero lo hiciste bien, ¿no?
Al final.
Porque puntos sacan.
No, me equivoqué.
Sí, bueno.
No, no.
Lo hiciste bien, ¿eh?
Lo hiciste bien.
Lo que pasa es que lo hiciste lento.
Pero Carmen está on fire.
Carmen, Carmen.
Mira.
Toma, otro confeti.
Me encanta el confeti.
A ver si sigue el confeti hasta el final.
Preguntas 7 y 8.
Quedan dos, amigos.
Vamos, que esto continúa.
Relaciona cada lenguaje con su animal.
Ojo.
Con su animal.
Roedores, serpientes, elefantes, cangrejos.
Tenemos PHP, Rust, Golang y Python.
Todos han respondido.
Pero han respondido bien.
Esa es la pregunta, amigos.
Y lo vamos a ver ahora.
Aquí tenemos PHP.
Es el elefante.
Rust, el cangrejo.
Golang, el roedor.
Y Python, una serpiente.
Todos lo han dicho bien.
Pero vamos a ver quién ha sido el más rápido.
O rápida.
Y ojo.
Carmen sigue aguantando.
Pero en un empate técnico con el señor X.
¿Qué?
Noe está acercándose.
Besa el Gonzi.
Pero no falla a nadie.
Gonzi parece que lo tiene difícil ya para pillar a nadie.
A no ser que besa a él.
Se equivoque en la última.
Y ojo que esto va a hacer que se apriete la clasificación.
Ojo, cuidado con la clasificación.
Última pregunta.
¿Están ready?
Sí, creo que me está por dar un infarto.
Pero dale, apurate por los dudos.
Pregunta 8, amigos.
La última.
El lenguaje más usado en 2022 en repositorios de GitHub.
Ha sido.
Java.
Python.
JavaScript o Shell.
No es PHP.
Todos han respondido.
Rápidamente todos han respondido.
Todos se la han jugado.
¿Cuál es?
¿Cuál es?
¿Lo han acertado todos?
Dos personas no lo han acertado.
Una persona se la ha jugado al máximo diciendo que era Shell.
Sí, fui yo porque no había nada que perder, tipo.
Y que ya fue.
Gonzi activó el Sharingan.
Dos personas han acertado.
Carmen es una.
Porque está feliz.
Si no, tenía una cara de preocupación.
Besa el está feliz también.
Yo a Besa el lo veo contento.
Así que Besa el ha acertado.
Noe está triste.
Está cabreada.
Está decepcionada.
Está decepcionada porque encima no es.
Pero ¿qué haces tú confiando en Python?
¿Qué crees que tenía?
Así que esto según datos oficiales de GitHub, el número uno todavía sigue siendo JavaScript
pese a la mejora que ha tenido de Python.
Python está en el número dos y acercándose bastante a JavaScript.
Vamos a ver cómo ha quedado el resultado final, amigos.
Y ojo, Carmen.
Carmen, número uno con 613 puntos.
Carmen, felicidades.
El señor X.
Ojo, señor X.
Se ha quedado en 517.
Besa el número tres.
Tercera posición.
Se queda Besa el.
Y Gonzi.
Que vamos a darle unos puntitos a Gonzi.
Vamos a darle 100 puntos.
Venga.
100 puntos le damos a Gonzi.
Pero no sirven para nada.
Así que se queda en el mismo sitio.
Hombre, le vamos a poner 100 puntos por su dolencia en el ojo.
Así que tenemos a Noe, cuarta posición.
Carmen, el señor X.
Besa el.
Y con esto lo que podemos hacer, amigos y amigas, es irnos a nuestra clasificación y darle los puntos.
Vale, Gonzi, 40 puntos.
Héctor se queda en la tercera posición.
Tenemos a Noe, que suma tres puntitos.
Así que, Noe, tres puntitos para ti.
Segunda posición tenemos Besa el, que suma seis puntitos.
Así que Héctor se queda en 34.
Y Carmen, Carmen, amigos, suma 10 puntos.
Y veis lo que va a pasar aquí.
Que tenemos un empate con Gonzi.
Qué grande que tenéis las predicciones.
Espero que lo estéis pasando súper bien.
Es súper importante que os quedéis porque ahora vosotros vais a decidir quién gana la prueba de la programación a ciegas.
Vais a ver qué es lo que han desarrollado.
Veremos cómo lo han dejado.
Y ahí vosotros decidís.
Decís, ha quedado bien, ha quedado regular.
Sí que se parece, no se parece.
Vamos a continuar.
Y continuamos con una prueba bastante divertida.
Bastante curiosa.
Vamos a ver cómo sale porque he hecho yo un poco la plataforma.
Espero que vaya todo bien.
Espero que vaya todo bien.
Si no, pues nada, arreglaremos cosas aquí en tiempo real y todo esto.
¿Y el señor X quién era?
Ostras, buena pregunta.
No sé quién era el señor X.
A ver, yo creo que podría venir el señor X y dar su, no sé, y decir, ¿no?
Que se venga el señor X.
Ah, pues parece que está entrando alguien.
Hola, señor X.
Muy buenas.
¿Cómo está usted?
¿Cómo se lo ha pasado, señor X?
Pues la verdad, bastante bien.
Sí.
Ha estado cerca, ha estado usted cerca de ganar, ¿eh?
Ha estado en segunda posición, ¿eh?
La parte de Python me jugó mal ha pasado.
Ahí es verdad que había fallado al final.
Pero bueno, ha estado cerca de Carmen hasta el final.
Carmen estaba como, ¿quién es este?
Y que falle ya de una vez, ¿eh?
Me cago en la hostia.
Eso porque no sabía que estabas tú detrás, Manz.
Sí, seguro.
Pues, Manz, sé que te han pedido...
Mira, se están riendo todos como diciendo,
¿qué joputa este pinche cabrón, jueputa, malparío?
Porque yo le había escrito...
¿Qué ha pasado?
Que te han pedido todos ayuda para programación a ciegas, ¿no?
Ahora nos puedes poner a uno por uno y que me vayas insultando.
Por orden.
Que te vayan diciendo, ¿no?
Y qué pasó, que es que te ibas a ir de vacaciones y al final...
Claro, vine un poquito...
Yo les había dicho que no.
Entonces vine un poquito antes y digo, bueno, al final me cuadra.
Pero claro, ya es feo llegar y decirles que no
y después darle la opción a otra persona.
Entonces digo, bueno, vamos a ponernos de acuerdo
y hacemos una sorpresita.
Y pues ahora vamos a tener ahí la sorpresa.
Pues vamos a empezar con Gonzi y con Noe, ¿vale?
Vamos a empezar con Gonzi y con Noe.
Y luego, vamos, con Héctor y con Carmen.
Ay, con Héctor y con Rita.
¿Vale?
Así que empezamos con Gonzi y con Gonzi.
Vamos a meterlos ya para que comenten.
Ti, ti, ti.
Tenemos aquí a Gonzi.
Hola, Gonzi.
Y tenemos aquí también a Noe.
Hola, ¿qué tal?
¿Están preparados?
No.
La idea era empezar con los otros.
Pero bueno, ya veo que vamos a tener que empezar con ustedes.
Ellos, ustedes no pidieron ayuda a Manz.
Estos son los valientes, Manz.
No, no sé si le pregunté a Manz.
Ah, sí, Gonzi sí que te preguntó.
Sí.
Qué grande.
Obviamente.
Héctor es el único que no pidió ayuda.
Héctor puede solo.
Héctor es sobrao, ¿eh?
Héctor es sobrao.
Cuando vea la prueba, Héctor, va a decir, qué cabrón.
O sea, esto es imposible.
No sé qué.
Vamos a ver, amigos.
Os voy a explicar cómo es el ejercicio.
El ejercicio es que vamos a ver la prueba, cómo es.
Y lo que tienen que hacer es hacer el diseño de forma que se parezca lo máximo posible y todo sin ser capaces de ver lo que están escribiendo.
O sea, no pueden ver lo que están escribiendo.
Esto es lo que tienen que hacer.
Entonces, cada uno de ellos han tenido que entrar en una página web con una contraseña y tienen que poder ver un editor.
¿Lo podéis ver?
Sí.
Sí, los dos.
Y en el editor no van a ver absolutamente nada.
De hecho, van a ver el editor con el código, pero no ven su código.
O sea, no ven la previsualización del HTML, de lo que están escribiendo.
¿Vale?
Sí.
Hasta aquí.
¿Bien?
¿Correcto?
Sí.
Y nosotros vamos a poder ver en tiempo real qué es lo que están haciendo.
Ahora mismo no están haciendo nada, por supuesto.
¿Vale?
Porque como vais a ver ahora mismo, si encontramos esto, compartamos esta pestaña.
Y esto es lo que tenemos.
Lo que tenemos son los dos editores y tenemos aquí las capturas de pantalla.
Manz va a estar aquí conmigo.
Vamos a estar comentando en vivo y en directo y vamos a ir viendo cómo están haciendo esto en tiempo real.
Súper importante.
Si refrescáis y no se guarda, puede ser que perdáis los cambios, o sea, no refresquéis nunca.
Y no abráis más de una pestaña porque si no se va a sincronizar de forma rara.
Así que nada.
Lo que os digo, tenéis 10 minutos para hacer el diseño que habéis visto.
¿Vale?
Yo lo iré enseñando.
Os lo iré enseñando a la gente para que lo vaya viendo, como tenía que ser.
Ellos, para que lo sepáis, ellos sí que tienen acceso a ver el diseño.
Os voy a enseñar cómo ellos ven la prueba, que creo que también es interesante.
Por ejemplo, creo que Gonzi, su contraseña era esta.
Vale.
Pues para que veáis un poco cómo él ve la prueba, la ve así.
¿Vale?
Esto sería la vista de Gonzi.
Donde tiene aquí el diseño.
O sea, sí que puede ver el diseño, que es una imagen.
Pero no puede ver lo que está escribiendo ni nada.
Él va escribiendo aquí y que sea lo que Dios quiera.
Le hemos dejado aquí los colores que puede utilizar, que son los que tenéis aquí.
Y es como una pista, pero no va a ver lo que está haciendo.
Ahora, vosotros al final vais a decidir que el diseño que más se parezca va a ser el que gane.
Así que es importante que seáis primero.
Que no votéis por cariño ni por la apuesta que hayáis hecho, sino que realmente a la persona que se lo merezca.
¿Vale?
A Manz vamos a darle un voto de calidad que va a cambiar el sentido del voto en un 10%.
¿Vale?
O sea, le vamos a sumar un 10% al voto que Manz diga.
Así que si queda 47, 53 y Manz le da el 47, pues sumaría un 10% y ganaría el del 47.
¿Vale?
Así que Manz va a tener un voto de calidad.
Os digo una cosa que no os he contado.
Tengo un contador de pérdida de foco del editor.
Ok.
Si por lo que sea, la idea es que os quedéis en el editor.
Si por lo que sea se detecta que estáis cambiando mucho de foco, voy a tener como una alerta que me va a avisar.
Y puede ser que tomemos repercusiones.
¿Vale?
Que haya repercusiones de las veces que habéis cambiado de foco.
Bien.
Para detectar que no hacéis trampa.
¿Saco el bate?
Sácalo.
El de clavos, por favor.
Ok.
¿Vale?
Bueno, pues empezamos los 10 minutos.
Ya.
Bueno, empieza la primera programación ciegas.
Caras de concentración, veo.
Sí, sí.
Empiezan bien.
Empiezan bien concentrados.
Vamos a ver, a ver cómo evolucionan.
Sí, porque por ahora esto no evoluciona.
Ahora tengo miedo.
No sé si es que...
¡Ah, ojo!
Primeros cambios.
Primeros cambios.
Primeros cambios.
Está bien porque veo dos estrategias distintas.
Vamos a ver, vamos a ver cómo evoluciona.
Vamos a ver.
Las caras de concentración es lo mejor.
Ojo, ojo.
Hostia.
Hostia, hostia.
Ahí Noe ha ido rápida.
De hecho, como al principio no hay nada.
Vamos a quitar la previsualización.
Vamos a ver un poco más cómo es el que están haciendo aquí las cositas.
Vemos que Noe ha optado por una opción empezar por el CSS.
Sí, sí.
Ha ido a saco, pero ojo porque hay un error ahí.
En cambio, Conci, lo que está haciendo es más la...
A por todas, ¿no?
O sea, la estructura.
Joder, a tope, ¿eh?
Conci, cómo mueve las manitas, tío.
¿Tú qué hubieras hecho, Manz?
¿Qué hubieras empezado?
¿Por los estilos o por el HTML?
Yo suelo empezar por el HTML también.
Es decir, si no tengo la estructura clara,
luego lo que hago es que estoy siempre saltando de HTML a CSS y cambiando cosas.
Y al final siempre te lías.
O sea, me suele resultar más fácil hacer el HTML.
Claro, porque a lo mejor te puedo ayudar.
No sé cómo hacer el coso, el que abre.
Y no me quiero ir de foco para poner el...
Pero puedes copiarte lo del editor.
Eso lo hago yo mucho.
O sea, en embato.
Como el editor.
Ah, no, porque necesitas el...
Es verdad.
No pasa nada si cambias de foco una vez.
Y además, según el tiempo, ya también se ve.
Entonces, ya está, no pasa nada.
De admiración que abre.
Puedes ir a por tu símbolo.
A por tu estimación que abre.
No sé cómo...
¿Le damos la pistita a Noe de lo que le falta?
Dale, dale, dísela, dísela.
Vale, en el display.
Fíjate en el display que te falta.
Es un tipo solo.
Sí, en la línea 6 tienes un pequeño error ahí.
No había visto.
Pues el de euros también lo tengo que buscar.
Pero bueno, pero vaya teclado tiene, Gonzi, que no te sabes ni las teclas.
Y bueno.
Sí, pero dos estrategias totalmente diferentes, ¿eh?
O sea, es que me encanta porque cada uno aquí ha ido a una cosa totalmente diferente.
O sea, que no llevo a la cuenta del tiempo.
A ver, ¿cuánto llevamos?
Creo que dos minutos.
Llevamos dos minutos, ¿eh?
Dos minutos, amigos.
Quedan ocho.
Lo bueno es que yo además puedo, si en el caso este, puedo también mover...
Sería buenísimo poder cambiarle código.
Sería tremendo.
Pero no, eso no lo puedo hacer.
Por ahora.
Lo voy a matar.
No sé qué divertido que es estar codeando mientras alguien habla.
Perdón.
No, no, pero es como maldición.
Aquí tenemos a Noe que ya ha puesto toda la estructura también.
20 miembros de equipo.
Este plan es para gente crack como tú.
Gonzi está muy concentrado.
Vamos a probar a ver si es verdad que tiene desconectado o muteado de los auriculares.
Puede ser que os te ha muteado.
No, no, no os he muteado.
Los he escuchado.
Tiene una capacidad de concentración envidiable.
Sí, brutal, ¿eh?
Ojo, interesante aquí.
Ya empezamos a ver los primeros colores.
Los primeros colores.
Ojo aquí, background color.
Que está poniendo Gonzi.
Los primeros colorcillos.
Display grid.
El place content center también.
Ya está centrando cositas.
Bordes radios y todo, ¿eh?
Hostia, hostia.
Bueno, bueno.
Vale, y Noe ya se puso con la estructura y más o menos lo van caminando también.
Y ambos utilizando bien las etiquetas semánticas.
Sí, sí.
Bueno, la verdad es que este card.
Esto es un article.
Bueno, no me acuerdo cómo era.
No tenemos el autocomplete para las propiedades tipo Box Shadow o eso.
Claro, eso te iba a preguntar, Mido.
Si tenían autocompletado o no.
No, no tenemos.
Tienen un autocompletado muy limitado.
Sí.
O sea, si ponen Box, sí que les sale la propiedad, pero no les sale, me parece, más a nivel de valores y cosas así.
Por ejemplo, Box Shadow no sabes cuántas posiciones tiene y esto.
Claro, eso es.
Eso es.
Lo vamos a saber.
Pero bueno, es parte de la gracia.
Obvio.
¿Qué es lo que más te costaría a ti, Manz?
Así de recordar.
¿Qué es lo que crees que te costaría más de esta prueba?
Porque ellos pueden ver ahora la imagen o tienen que hacerlo de memoria.
Pueden ver la imagen.
De hecho, para que veáis, esto es lo que pueden ver ellos.
Ponérsela un poquito para que echen un vistazo.
Yo creo que...
A ver, yo creo que lo más complicado, seguramente...
Bueno, depende de cómo lo hagan, pero por ejemplo, la parte de ponerle el 29 euros por ahí, depende de cómo lo hagas, puede ser complicado o sencillo.
Sí, ¿no?
Entonces yo creo que esa es la parte más delicada.
Y bueno, y luego también está el tema de elegir Flex, Grid, dependiendo de cuál elijas, pues puede ser una forma relativamente sencilla o más compleja.
Yo la verdad, tengo claro dónde usaría Grid y dónde usaría Flex para no complicarme.
¿Sabes? Como para decir, para ir sobre seguro.
Que seguramente se vería mejor utilizar Grid en muchos otros sitios, pero yo diría, hostia, para tenerlo claro, voy a utilizar Flex aquí porque si no me la juego.
Yo suelo hacer lo mismo cuando son como diseños muy iniciales, muy sencillos, pues entonces tiras de Flex y es como la opción segura, ¿no?
Exacto.
Sí, porque es que el otro es más juguetón, ¿no?
El Grid es como que tienes que jugar más para que salga correctamente.
Y sobre todo lo tienes que tener muy planteado, porque después como tengas que hacer cambios es un poco más complejo.
Bueno, vamos a ver cómo va la cosa.
Ojo el fit content que puso ahí Noe, ¿eh?
Ojo cómo va la cosa, ¿eh?
No sé cómo hacer el símbolo de euro.
Sí, lo podéis buscar, no pasa nada, ¿eh? No pasa nada.
Lo podéis buscar.
Pero mira, pero aquí tenemos un poco de previsualización.
Yo creo que van bastante bien, ¿no?
Hombre, la verdad es que sorprendente, sorprendente.
Porque con estas cosas hay que contar la presión, ¿vale?
De tener que hacerlo en ese tiempo concreto y después de estar escuchando a dos personas que lo único que hacen es desconcentrarlas.
Totalmente, ¿no?
Y encima son pesados, se meten contigo.
O sea, que eso es horrible.
Eso lo tienes mal escrito, todas esas cosas, ¿no?
Hay que tener mucha paciencia.
Una cosa que para las siguientes ediciones que voy a hacer es que la gente en el chat pueda comprar mover líneas.
Eso sí que sería ya y la gente se volvería loca.
Ponerle un coste a cada propiedad.
Hostia.
Si quieres utilizar Display Flex tienes que pagar mil euros.
Ay, qué risa.
A ver, vamos a ver cómo va esto.
¡Hostia!
Sorpresa, ¿eh? Ahí.
¡Hostia!
Ahí se ve, se ve.
Interesante, interesante.
La verdad es que muy bien.
Me gusta mucho la estrategia de los dos.
Lo están haciendo increíble.
Yo no me atrevería.
Y menos contigo delante, ¿eh, Manz?
O sea, estaría cagado perdido, tío.
Y encima con Manz viéndome, ¿sabes?
Y comentando.
Pero el tema de...
Yo creo que lo peor que suelo jugar en esto, que bueno, ya se vio también en el anterior,
es el tema del tiempo.
Sí.
También depende mucho de cada uno, ¿no?
Pero es que el tema del tiempo parece que no, pero influye muchísimo.
Total.
Influye muchísimo.
Sí, porque lo quieres hacer bien, pero a la vez dices, ostras, el tiempo me aprieta.
Entonces, tengo que ir a saco a hacerlo lo mejor posible, rápido.
Es que es muy complicado.
No me gustaría estar en su lugar.
A mí tampoco.
Bueno, ojo, que entramos en los dos últimos minutos, amigos.
Dos últimos minutos.
Así que vamos a cambiar la cancioncita.
La cancioncita de los dos últimos minutos.
Ojo, por si no había suficiente presión, esta canción ya les va diciendo que falta poco, ¿eh?
Totalmente.
Esto os ayuda, amigos.
Esto es, para concentración, es lo máximo.
Os recuerdo, más que nada, para que no haya presión, que la persona que gane, ganará 25 puntos,
que se sumará a la clasificación, y la segunda, la persona que quede segunda, ganará 7.
Porque, claro, es que yo...
¿Sabes qué pasa, Manz?
Porque alguien me preguntó, ¿pero por qué 25 y 7?
Cuando podías haber hecho darle a uno directamente 18 y ya está, ¿no?
Coño, porque yo pensé, joder, porque es que solo quedar segundo, a mí me parece un mérito increíble.
O sea, que por eso hay que darle cosita.
Vistazo rápido.
Ojo.
Bien, bien, bien.
Cómo pinta la cosa, ¿eh?
Qué jodido es programación a ciegas, ¿eh?
Es complicado.
Hostia.
Bastante bien lo están haciendo, ¿eh?
Bastante.
A ver, yo estoy muy sorprendido, ¿eh?
Yo no me imaginaba que iba a quedar tan bien, la verdad.
Bueno, amigos, último minuto.
La rep.
Uy, Dios.
Cómo saco esto.
Vaya acá.
Buena pregunta.
Cómo saco esto.
Muchos emojis veo.
Veo un montón de emojis.
Mucha gente pasándolo, francamente, regulín, ¿eh?
Están...
Hay mucha presión.
A ver, podemos ver la previsualización ahí, a ver cómo va.
40 segundos, amigos.
40 segundos.
40 segundos.
Y está la cosa...
La cosa está tensa.
La cosa está...
Chunga.
Vamos a ver.
10 segundos.
9, 8, 7, 6, 5, 4, 3, 2, 1...
¡Tiempo!
Manos arriba, manos arriba, amigos.
Manos arriba, manos arriba.
Bueno, amigos, oye, felicidades a ambos.
Espectacular.
Muy bien, muy bien.
Estamos bastante sorprendidos.
¿Cómo lo has visto, man?
Chapo.
Increíble, ¿eh?
Muy, muy, muy bien.
Para ser tan poco tiempo, maravilloso.
¿Se están viendo ya los dos en pantalla?
¿Se están viendo?
Ya los podéis ver, ya los podéis ver.
Sí, porque ahora no van a cambiar.
O sea que los podéis ver, los podéis ver.
¿Qué pasa?
Pensé que había quedado peor.
No, muy bien.
La verdad es que los dos, joder.
Están ahí todas las ideas y tal.
Vamos a empezar contigo, Noe.
Comentando un poquito si te parece el código, tu estrategia.
Ya lo que hiciste, déjate, joder.
Cuéntanos, Noe.
Lo que me cuesta, lo que me cuesta, las tipografías, tipo los tamaños.
Yo pensé que el botón había quedado mucho más chico.
Noe, empezamos contigo un poquito.
Coméntanos, ¿cómo la has visto?
¿Qué has hecho?
¿Dónde crees que podrías haber mejorado para la próxima?
No sé.
He hecho lo que he podido, ¿no?
O sea, ¿qué quieres que te diga?
O sea, he hecho lo que he podido.
Bueno, pero...
Es el chico no vos, sí.
Es el chico verde, o sea...
Es el emoji.
Es que es un emoji.
Qué pedazo.
Pero bueno, o sea, me ha gustado bastante lo que has intentado.
Porque has intentado hacer un checkbox.
Me ha parecido súper inteligente, ¿eh?
Sí.
Porque, claro, tenías dudas a lo mejor de que era un emoji.
Y le has dicho, hostia, pues un checkbox.
Y, hombre, lo que te ha faltado, yo creo que ahí, lo que podrías haber hecho,
es ponerle el check, ¿sabes?
Y entonces hubiera quedado todavía mejor.
Claro, le hubieras puesto el check y entonces dices, hostia, pues ya está check.
Y qué bien, qué maravilla.
No, pero mira, el episodio 1, sí.
Animal.
Yo, por ejemplo, lo que veo, me llamó bastante la atención la semántica del HTML,
que está súper bien.
Y por comentar otra cosa, ya que hicieron lo de ul,
con las listas se puede usar una propiedad de CSS para ponerle el check
con el list style type, si no recuerdo mal.
Le puedes poner un carácter y se añade solo.
Claro.
Y ya habrás que utilizar el emoji.
Por decir otro de los puntos que no se ha usado.
Pero, a ver, yo lo veo bastante bien.
Obviamente, la parte de Gonzi creo que está ligeramente...
Yo me cagué igual.
No, no, no es porque no he quiso hacerla bien y usar un UL y un ULI.
Y yo al principio lo usé y dije, no, tengo que resetear los estilos,
el list style, no me acuerdo cómo es.
Ni en pedo lo hago así.
No es el banco y lo usó así.
Y no me puso el...
Bueno, el box sizing creo que lo tenían por defecto, ¿no?
Sí.
Está por defecto.
Pues vamos, creo que tengo a Feral.
No sé si está...
Sí, está Feral por ahí.
Mira, Feral está compartiendo tu página web de lenguajes CSS,
justamente lo de listas.
Mira, lo voy a compartir, compartir esta pestaña solo para que lo veáis.
Porque Manz tiene un montón, pero un montón de contenido sobre CSS, HTML
y mira, justamente está comentando esto.
Y lo que está comentando, pues aquí lo tenéis, ¿vale?
O sea, un montón de información sobre listas y cómo configurarlas
y cómo personalizarlas.
Súper interesante.
Pues si te parece, Feral, ve poniendo la encuesta a ver quién creen que ha ganado.
Lo pones dos minutitos, ¿vale?
Y yo les voy a compartir, para que vean un poco cómo está la cosa,
cómo ha visto, por ejemplo, Gonzi la historia.
Claro, Gonzi, el tío, ¿cómo lo has visto tú?
¿Cómo lo has visto la prueba y todo esto?
Estuvo muy divertida.
O sea, yo siempre arranco por el HTML porque se me hace re complicado,
tipo, pensar el diseño o cómo hacer los estilos para elementos que capaz todavía no están.
Entonces, como que arranco directamente con todo el HTML y después digo,
bueno, aplico, aplico, aplico.
La mayoría usé tags porque no tenía ganas de pensar, tipo, los nombres de las clases
y capaz me encontré con el problema de que el elemento que va arriba a la derecha,
al del precio, no encontraba, tipo, un buen tag para ponerle,
así que apliqué una clase ahí.
Después, con la font, tampoco sabía qué font era la que iba a estar.
Así que por la duda puse, pensaba en Roboto y volteamos a Sunseries.
Aquí te la jugaste que pensé, joder, pero a ver, obviamente la pensaste a Roboto no va a estar.
Yo, o sea, aquí me la verás jugado con esta, la System UI, ¿no?
Que sabes ahí que...
De hecho, creo que es...
No estoy seguro, ¿eh?
¿Sabes que no sabía si era System UI con los strings, si era System UI separado?
Hostia, pues ahora me estás haciendo dudar a mí también.
Entonces dije, ya fue, vamos con Sunseries.
No, va con strings cuando es separado.
Sí, yo creo que es así, sin strings.
Pero muy bien, el tema de los colores, ¿cómo lo habéis visto?
Porque veo aquí que los habéis visto, ¿no?
Y la habéis usado bastante bien, ¿eh?
No sabía bien el box shadow.
No me acordaba cuánto será, así que dije, bueno, el cuarto es el spread.
Así que lo clamos y imaginé que el rosa oscuro era el del box shadow.
Y me marí un poco con los colores de la tipografía.
No sabía si los textos y la negrita tenían el mismo color o si eran diferentes.
Mira, aquí tenemos el resultado del bueno de Gonci.
Y le pifié a los tamaños de los paddings y de los bonsais un montón, pero bueno.
Joder, tío, pero no sé, la verdad.
Está muy bien el tema de haberlo centrado, ya te queda bastante parecido.
El border radius que has intentado los dos, además, que esto bastante bien.
El detalle del box shadow ya era demasiado sutil, que eso era como a ver si te daba tiempo.
Pero bueno, muy bien, o sea, sorprendente, Gonci.
O sea, le has dado cañita, ¿eh?
¿Qué es lo que te ha costado más de acordarte?
Así de decir, hostia, esto cago en la leche.
Le tenía miedo ponerle, bueno, por ejemplo, el botón.
Me olvidé de hacerle un reset.
Entonces me quedo con el border y todas esas cosas.
Y no es que me haya costado, pero le tenía miedo a esto.
Por ejemplo, los UL, sé que al UL le tenés que resetar el padding, al LL y el list style.
O sea, había muchas cosas que no sabía si me iba a acordar.
Así que fui por algo menos semántico, como un NAV que no tiene nada que ver ahí.
Y una serie de PES para poder lograr la lista.
Muy bien, pues ya hemos tenido la encuesta.
Gracias, Peral, por ponerla.
Hemos tenido la encuesta y en la encuesta que decía, ¿quién crees que ha ganado?
Ha ganado Gonci con un 91% de los votos.
233, ¿vale?
La verdad es que creo que sí.
A ver, todos han perdido las Midu Coins en el anterior.
Pues de hecho, lo estaban comentando.
Y a favor de Noe también hay que decir que la parte que le falta,
y es la que es un poquito más desafortunada en CSS,
es la de darle sombras, todas estas cosas,
que es lo que lo hace bonito el diseño al final.
Entonces, parece que no se ha llegado tanto a él,
pero solo le falta algunas sombras.
El mío ni siquiera se centró.
No sé por qué estaba viendo el código.
Sí, es verdad.
Yo fui por la...
Yo fui por la...
Porque el body no tiene el height y el width,
así yo hice la fácil y al main le di width y height de 100 BW y BH.
Porque se lo puse a la clase, ¿no?
Al main.
Me confundí.
El display...
Sí, a lo mejor al body a lo mejor le tendrías que haber hecho.
No, no, no.
El main tiene display flex y...
Ah, es verdad, tienes aquí.
Claro, pero el problema es lo que comenta Gonci, ¿no?
Te faltaba la altura y tal.
La página termina justo donde termina la car.
Y entonces, para el navegador estás centrado.
Muy bien, pues nada, vamos a darle los puntos a Gonci.
Vamos a darle los puntitos a ver si comparto esta pantalla.
Aquí tienes, Gonci, tus puntos.
Nada más y nada menos que son 25 puntos, amigos, que se lleva a la buchaca, al bolsillo.
Bueno, Gonci, 25 puntos y Noe, que suma 7.
Así que vamos a tener 30...
Uy, perdón, perdón.
Son 30, son 30.
Son los nervios.
30 puntos.
Así que nada, enhorabuena a los dos.
Felicidades porque ha sido espectacular.
Espectacular.
Y nada, ¿hay algo que cambiaríais?
Ahora que habéis visto cómo es la cosa, ¿hay algo que diríais?
Ostras, ahora que he visto esto, lo hubiera hecho de otra forma.
Mutearlos.
Eso iba a decir.
A mí me volvió loca todo el tiempo escucharlos hablar.
Yo decía, ¿te puedo grabar?
Yo tengo los streams de Mido mientras trabajo de fondo.
Entonces estoy acostumbrado a escucharlos a Mido todo el tiempo.
Capaz lo que haría es, como pusieron los colores abajo,
también pondría los textos para copiarlos y pegarlos en donde van.
Claro, para no tener que ponerlos a mano.
Claro, la primera vez que hacemos esto y...
Obvio.
Y a menos los colores he dicho, hostia, pues...
Diez puntos.
La verdad que teníamos todas las herramientas.
Había algunas cosas que capaz faltaban,
que era por ejemplo esta, volvés el Box Shadow y eso,
que no te sabe las propiedades,
que capaz en el editor de texto común lo tenés,
pero creo que también ayuda a la prueba esto de que no lo tengas.
O sea, me parece bien que no lo tengas.
Hola Héctor, ¿cómo estás?
Hola.
Hola.
Estoy de la mierda.
Estoy de la mierda.
Héctor, a ver, Héctor, yo te tengo una propuesta.
Puedes decidir que Manz participe por ti.
Sí, decido eso.
Pero espérate, que no sabes cómo continúa.
La propuesta es que si decía que sí, entonces no participo.
Exacto.
Así que Héctor, te jodes.
No, no.
A ver, lo que pasa es que, claro, Manz es un poco trampa.
Es un poco trampa.
O sea, participar, Manz, es una cosa.
Entonces, el tema es que si participa Manz,
entonces los puntos que puedas ganar se reparten con Rita, en este caso.
O sea, en el caso de que ganes, se repartirían los puntos.
En el caso de que no ganes, te quedas con los siete.
A ver, ¿me enseñas el marcador, por favor?
Se la quieres jugar, ¿eh?
Se la quieres jugar.
Claro, porque, o sea, en lugar de ganar 25 y tal, pues serían 16 para cada uno.
Si ganas, serían 16 para cada uno.
Y si pierdes, te quedarías con los siete.
Pero es que hay un truco, ¿eh?
Rita, déjate perder y ganamos los dos.
A ver, a ver, ¿qué opinan Gonsi?
Ay, Gonsi, verdad.
Carmen y Rita.
Están un poco cabreadas.
Esto, ¿esto qué es?
Esto qué es.
A ver si al final voy a ganar yo.
En honor a la verdad, ¿qué pasa?
Que Héctor, ¿Héctor te pidió ayuda, Manz?
No, no le pedí ayuda.
¿Por qué no le pedí ayuda?
Porque lo sentí como un hack.
Y ahora mismo siento que necesito ese hack.
Te voy a decir por qué.
La gente no sabe.
Lo que pasa es que yo tengo, sin tocar CSS, mínimo 10 años, laboralmente.
Pero aparte ha cambiado bastante.
La última vez que toqué CSS todavía usábamos el Flood para estar centrando.
Y ahorita pues ya llegó Grid, llegó Flex.
Todo ese tipo de mierda yo no sé nada.
Entonces, para mí es un hack porque yo soy programador backend.
Es decir, CSS yo no sé ni mierda.
Ahorita que estaba viendo qué estaban haciendo.
Y dije, ¿qué están haciendo?
Yo no sé qué están haciendo.
Veía con sí, escribiendo cosas que nunca había usado en mi vida.
Y dije, no.
Pero sí, o sea, yo estoy...
Bueno, deja ver los puntos.
Estamos así.
Es que hay algo que no saben.
Que yo creo que en la siguiente ronda me va a ir bien a mí.
En la siguiente semana.
Entonces, me la juego con Manz.
¿Lo veis bien, Carmen y Rita?
Igual, ¿no?
O sea, lo vais a hacer igual.
No, no.
No, a ver.
A ver.
Si estáis 100% en contra, no lo hacemos.
Porque tampoco quiero...
A ver, yo no tengo miedo.
Te lo digo.
Otra propuesta puede ser que Héctor escriba código y yo le ayude diciendo.
Y ayudaría a las dos.
Vale.
¿Os parece bien eso?
No.
O sea, o te pones o no te pones.
O sea, ¿no?
Digo yo.
Aquí hablando, despistándome.
¿Qué dice la capitana?
A ver, yo tampoco soy la máxima experta aquí de CSS.
Carmen sabe mil veces.
Yo llevo un año haciendo backend.
Pero he maquetado mucho.
Entonces, ¿quieres que no?
Y yo llevo trabajando cuatro años.
O sea, yo no conozco...
Yo nunca he usado float en mi vida.
Gracias al señor no he tenido esa...
No sé, no sé.
¿Qué decida Carmen?
Yo, por mí, Carmen, no tengo miedo.
Si Rita dice que no tiene miedo, pa'lante.
¿Qué es lo peor que puede pasar?
Que nos repartamos los puntos.
Que repartamos puntos.
Claro, lo peor que puede pasar es que nos repartís los puntos.
Son 16 y 16.
O sea, sean...
A ver, 16 y 16.
Eso en el caso de que...
Claro.
Ojo.
Que es lo que dice Rita, ¿eh?
Aquí miedo ninguno.
A ver qué pasa ahí.
A ver qué pasa aquí.
Además...
A ver, si tiene más emoción, ¿no?
A ver el chat que dice.
El chat, ¿qué dice?
Ah, el chat, el chat también me van a destruir.
Dice...
A por mans, chicas.
Eso le dice Itziar, ¿eh?
Dicen por aquí...
No preguntes qué dice el chat porque si no van a pedir otra cosa.
Si a Rita le parece guay, para adelante.
Mira, Belén dice Rita, dale, dale.
¿Sabes cuál es la bronca, la mayor bronca, Midu?
Que estás ciegas, güey.
O sea, yo no estoy viendo...
No ves tu resultado.
Entonces yo tengo una...
No tengo ni puta idea que estoy haciendo.
Es complicado, ¿eh?
Es complicado.
Aquí la gente lo ve clarísimo, ¿eh?
Que le deis a Ada por todas.
Tenéis el enlace, ¿vale?
Se lo voy a pasar a Manz.
Manz sí que lo tienes por aquí, ¿vale?
Y tu contraseña te la pongo en el chat, ¿vale?
Para que entres.
Porque como es una URL pública, no vaya a ser igual que entres.
Así que tú, Rita, tienes tu contraseña ya clara.
Tienes el enlace.
¿Has podido entrar?
Ahora sí que te funciona.
Tienes, lo tengo.
Estoy dentro.
Perfecto.
Muy bien.
Cuando me digas, me voy para allá y no vuelvo más.
Vale.
No te preocupes, Manz.
Yo voy a estar apoyándote con audio.
Vale, vale.
Qué risa.
Diez minutos.
Os enseño la prueba para que lo vea todo el mundo.
Esto es lo que van a tener que hacer.
Inicia sesión en X, la nueva red social en donde no sabes qué vas a ver exactamente.
Como lo que nos va a pasar hoy en la programación a ciegas, que no vamos a saber lo que vamos a ver exactamente.
Tienen que poner el username, password, login.
También tienen los colores.
Ahí disponibles para hacerlo.
Y entonces esto es lo que tenéis que hacer.
¿Lo tenéis claro?
¿Alguna duda?
¿Pregunta?
¿Cuestión?
¿No?
Todo claro.
Mucha suerte.
Ya por todas.
Venga, voy a ir compartiendo la pantalla.
Aquí tenemos la pantalla de Manz y la pantalla de Rita.
Que, bueno, ya veis que Manz ya ha empezado a mover las manitas, amigos.
Ojo, que se viene aquí a programación a ciegas.
Vamos a ver si soy capaz de editar esto.
Para emitir.
Aquí vamos a poner a Carmen.
Y vamos a añadir uno más.
Vale.
Uf, cuánto silencio.
La gente es súper, súper, súper atenta.
Vale.
Vamos a poner aquí.
Vamos a utilizar diseño.
Vamos a meter a Carmen.
En silencio.
Y a Héctor.
Hola.
Yo vine a apoyar a Manz.
Bueno, yo creo que Manz puede ser un algoritmo recurso.
Sí, una relación.
Rita, dicen por aquí que Rita está poniendo la misma cara que los vídeos.
Por favor, la acción.
Vídeos buenísimos, por cierto.
Mientras no explote nada.
Hay silencio.
Hay tensión, amigos.
Se palpan el ambiente.
Héctor, ¿está nervioso?
¿Cómo estás, Héctor?
No, yo de hecho estoy a punto de ganarme un diabetes.
Por tu culpa.
Por el susto.
Y la verdad, yo creo que fui el único que no he invitado a Manz.
Y al final, mira.
No, que se hagan una buena cerveza.
Y es un hecho.
Para cuando vaya a México.
O hasta las Canarias.
Carmen, ¿estás seria?
¿Cómo ves el tema, Carmen?
Veo a Manz como si nada.
Como mirando el tiempo por la ventana.
Manz está como muy tranquilo, muy zen.
Es como, esto es lo que hago para desayunar todos los días.
Está haciendo un Game Boy el Manz.
Sería buenísimo que estuviera haciendo otra cosa totalmente diferente.
Hostia, sería buenísimo que cuando terminemos y veamos, has hecho una Game Boy.
O sea, me partiría muy fuerte.
Bueno, podemos ver aquí Manz, que sí que ha empezado con un poquito de CSS.
Ya lo vemos por aquí.
Con el Main.
Técnica Gonzi.
Ha utilizado ahí.
Está haciendo...
¡Ah!
¡Qué susto me ha dado Rita la hostia!
¡Me ha dado algo raro!
¡Hostia!
¡Coño!
¿Qué coño ha pasado?
Que me va a dar un Héctor a mí.
¡Ay, Dios!
Ojalá la prueba de algoritmia sea también a ciegas, ¿eh, cabrón?
Estaba previsto hacer una de algoritmia a ciegas.
¡No!
Sería genial, ¿eh?
De hecho que no puedas probar lo que haces, tampoco.
Sí, pero estaba muy difícil, ¿no?
Que tú puedas hacer.
Bueno, va a funcionar igual que esto.
Bueno, llevamos...
Tres minutos.
Tres minutos, un tercio.
La cosa va avanzando.
Vamos viendo cómo va avanzando la cosa.
Para ambos.
Ya se van viendo cositas.
Rita.
No lo tiene claro.
Héctor se ríe.
Yo no sé cómo terminé en unas pruebas de Fronin, loco.
Haciéndote el tonto, porque tú esto sabías a lo que venías desde hace ya muchísimo tiempo.
Desde hace mucho tiempo.
Pero a mí me engañaste, me dijiste que va a ser pruebas de todo.
De todo.
Bueno.
O sea, ¿y qué es de todo?
No te dije de todo.
Yo estoy ya preparado para SQL o cosas...
Bueno, te queda la semana que viene.
La semana que viene verás.
La semana que viene tienes...
Es que si te dicen CSS directamente, no viene.
No, no, no.
Lloro.
Lloro mal.
La semana que viene tienes Resuelve el algoritmo.
A ver si te atreves a traer al Bezael.
El algoritmo yo, yo, yo sí.
Bezael va a venir a las...
A él le gustan las trivias.
A él le gusta esa tontería.
Déjame a mí los algoritmos.
Con los divertidos y los trivias.
Bueno, seguimos viendo ya movimientos por aquí.
Ojo, cuidado.
Veamos a Rita, que está moviendo las manitas.
Es buenísimo porque se parece mucho el código, pero hay muchas diferencias.
Vamos a darle una pistilla a Rita.
¿Qué pasa?
¿Qué pasa?
Rita, los porcentajes del main, líneas 7 y 8, tendrías que utilizar otro tipo de unidad.
Por ejemplo, en el width tendrías que utilizar V, W, que es el del viewport y la altura.
Pero si lo tengo en el main, ¿no puedo poner cosas en el main?
Sí, sí, sí, eso está bien.
Lo que pasa es que el 100% no va a hacer lo que esperas.
No me está funcionando, ¿no?
Porque lo tengo que poner en el body también.
Bueno, pues voy a ponerlo.
Eso lo tienes bien, eso lo tienes bien.
En la línea 7 y en la 8, básicamente, en lugar de un tanto por ciento,
tienes que utilizar la medida del width, que sería V, W, y la del height sería V, H.
Ahí está.
Ahí.
Creo que va con un poco de lag, porque digo, vale.
Sí, sí, sí.
Vale, sí, es que va con unos segundos de lag para que se sincronice.
Ya está, era una pistilla.
Lo llevas de puta madre, Rita.
Man, mordiéndose el labio de qué cabrón, dando pistas.
A mí no me ayuda a nadie.
Vamos a darle una pista a Man, está bien.
Va, vamos a darle una pista.
Man, te doy una pista.
Sigue así.
Suerte.
Suerte.
Me da igual, no me vais a amedrentar.
Ojo que, ojo, ¿eh?
Ojo, ojo.
Muy bien, ¿eh?
Va, la cosa está bien.
¿Cuánto tiempo ha, Bill?
Van, tu, tu, tu, tu, tu, tu, van.
Seis minutos, amigos.
Seis minutos, quedan cuatro.
Cuatro, vale.
Quedan cuatro minutos.
Joder.
Joder, ya te digo.
Cuatro minutos.
Programación a ciegas.
Aquí, en la Devs League.
Hoy hemos visto, amigos y amigas, como Gonzi ha activado el Sharingan, con su ojo ensangrentado.
Sharingan, apenas lo entendí.
Hemos visto, hemos visto cosas, hemos visto a Héctor, tres días que llevaba sin dormir, con el miedo que hoy iba a tener que hacer el CSS.
Me fui para el backend por el CSS, cabrón.
Y me vienes y me traes y me vuelves a traer con CSS.
Eso es para que espabiles.
Al final, todos acabáis haciendo un poco de CSS, por más que os duela.
Un poco.
Un poco.
Un poco.
Bueno, bueno, bueno, bueno.
Bueno, bueno, bueno.
Pintaza.
Pintaza.
Tres minutos.
Quedan tres minutos.
Tres minutos, me cago en mi vida.
Tres minutos, me cago en mi vida.
¿Tres minutos, por favor?
Sí.
¿El de Mans o el de los dos?
Vale, a mí me va bien.
¿Cómo coño?
Carmen, puedes dar una pista.
Vale, gracias.
Es que no sabía cómo hacerlo.
Rita, piensa en los estilos del navegador.
Pensé que me iba a dar una pista a mí.
Sí, claro.
Formatea, formatea.
Ya, ya, ya, ya, ya.
Es lo único que te queda.
O sea, el resto está perfecto.
Ah, borde el color.
Vale.
O sea, en el input.
Cambia algo del input y ya.
Ya, ya, ya, ya.
El input.
Y con eso ya queda resultón.
Amigos.
La línea 36 lo tienes a medias.
Amigos y amigas, no quiero asustar a nadie, pero quedan dos minutos.
Tienen dos minutos.
Yo quisiera verme el interesante que sé, pero no sé ni una mierda.
No sé qué están haciendo, la verdad.
Dos minutos.
Midu, tengo acceso a...
Tengo acceso a imágenes externas.
Joder, te has sobrado.
No, no tienes imágenes.
No hay acceso a imágenes externas.
Pero, pero, pero, pero que he sobrado.
Sí, sí, sí.
Es que, no, parece fácil, pero sin tener a ciegas es complicadillo porque no sabes por
dónde vas.
Pero sí que puedes ver la prueba, ¿no?
O sea, arriba a la derecha puedes ver el, ¿no?
Sí, sí, no.
Digo que no sabes cómo es lo que estás haciendo.
Ah, vale.
Claro, claro.
Sí, obvio, obvio.
Es la putada, claro.
Por eso se llama programación a ciegas, man.
Y no se llama programación a...
Veo un poquito, aunque sean chiquititos.
Veo un poquito, aunque sean chiquititos.
Bueno, la veo un poquito.
Programación veo borroso.
No, es sensacional.
50 segundos, amigos.
50 segundos.
Nada, sin presión, ¿eh?
Sin presión.
No sé si le has puesto el input, pero cambiando el borde...
Me falta algo, seguro.
Me falta algo, seguro.
Yo no veo el código.
No, no, es...
Ah...
Ah, ojo.
El color de los textos.
Ay, el color de los textos.
Y el botón en blanco.
Y te quedan 20 segundos.
Manz, están muy juntos los inputs.
¿Dónde están los padding, Manz?
Los márgenes se perdieron.
Rita, el título está negro y es blanco.
¿Qué está pasando?
Oh my God, boy.
Quedan los últimos segundos.
Ay, Dios mío.
Está la cosa que arde.
Últimos segundos.
Es una maquinaria.
Termina, termina.
Manos arriba, manos arriba.
Espérate que tengo la taga en medio poner.
Manos arriba, manos arriba.
Manos arriba.
¿Puedo volver ya?
Sí, puede volver.
No muevas porque se va a ver.
Se va a ver.
Bueno, amigos.
Ay, qué feo, coño.
Oye, Rita.
Que mi madre me hizo así.
Tampoco te pases, ¿vale?
O sea...
Soy muy simpático.
Seré feo, pero soy muy simpático.
Tampoco de falta que me lo digas así.
Bueno, bueno, bueno.
A ver, vamos a ver cómo era lo que teníais que hacer.
Me ha sorprendido una cosa por ambos.
Me ha sorprendido una cosa bastante por ambos.
Y es el hecho de que a tomar por saco la fuente que ha pasado ahí.
Que se os ha olvidado la fuente.
Antes dices que no hacía falta.
La fuente es pura cosmética.
O sea, eso al final.
Vale, está bien, está bien.
Pero me ha sorprendido, me ha sorprendido.
Vale, voy a ver si soy capaz de...
Ah, que tengo que detener pantalla.
Acabo la leche.
Venga, voy a presentar un momento aquí para que la gente recuerde, ¿vale?
Era este el diseño, ¿vale?
Este era el diseño.
Ostras, yo he pasado tres kilos del background gris y se me olvidó.
La nueva red social donde no sabes qué vas a ver exactamente.
Como en la programación a ciegas, no sabes lo que vas a ver exactamente.
Y aquí tendríamos un poquito el estilo.
La fuente, ¿vale?
Era importante los colores.
También el borde aquí azulito.
También el botón, el color, que estaba alineado a la derecha.
Complicate, complicate.
¿Y qué es lo que hemos visto por parte del bueno de Manz, el señor X?
El señor X.
Y lo que hemos visto por parte de Rita.
Bueno, pues lo que hemos visto es esto, ¿vale?
Esto.
Vamos a empezar con Manz.
Manz, ¿qué tal?
¿Cómo te has visto?
Complicado.
Me olvidé por completo de lo de los inputs.
Claro, porque los inputs son en línea.
No, no me acordaba.
No, tampoco me he acordado.
O sea, porque me lo has dicho ahora.
Bueno, podemos ver.
Manz ha puesto el fondo.
A Manz, una cosa será todo lo que tú quieras, pero él márgenes no quiere.
Él lo que fue la separación del COVID, él estaba encima de la gente.
Dijo, no, yo esto de ni márgenes ni hostias.
Yo encima.
Y claro, aquí, o sea, el padding, porque al padding no le puedo poner menos dos, porque
si no, aquí, o sea, mira esta, mira esta, ah, no, no la podéis ver, pero esta letra está
ahí pegada a fuego, ¿sabes?
Un poquito más encima.
¿Qué ha pasado con los padding, Manz?
Se me fue totalmente.
Se olvidó.
A ver, lo entiendo totalmente.
No hay tiempo para todo, no hay tiempo para todo.
Pero bueno, muy bien, que has puesto aquí el botoncito abajo a la derecha, ahí súper
bien, muy parecido a cómo tenía que estar.
Luego teníamos, al final, la separación, te da una pista, al final, te da una pistilla.
Y el username, sí que ha puesto los bordes de colores, la nueva resacción, donde no
sabes qué vas a ver exactamente.
Muy bien, igual, demasiado ancho, sí que es verdad que el ancho se ha ido un poco para
allá, pero joder, tío, o sea, increíble, ¿eh?
O sea, yo la verdad, me quito el sombrero para todos los que, o sea, los cuatro,
menos para Héctor, que se te ha acabado.
Yo sé qué acaba de pasar.
Yo pensé, yo no sé ni qué hicieron.
No, pero de verdad, estoy alucinando que se parecen bastante, ¿eh?
O sea, no sé cómo podéis tener esa imaginación.
Menos mal que yo me tengo que enfrentar a estas mierdas porque, de verdad, es que iba
a ser lamentable.
Así que, oye, felicidades porque súper bien, ¿eh, Manz?
Increíble.
Y el fondo sé que te has acordado y lo has hecho con el color correcto.
De hecho, muy bien que lo has hecho, todos los colores los has clavado, ¿eh?
Sí, yo más o menos estaba dudando con los bordes del input, pero bien, bien.
Muy bien, muy bien.
Y el padding fue lo que me olvidé.
Sí, bueno, es que ya no había tiempo para más.
Y luego tenemos el de Rita.
Rita, lo que ha hecho aquí es, el inicia sesión en X, pues, en el último segundo le
ha puesto un font size de 800%.
No, es que, ¿sabes qué?
He dicho, voy a ser un poquito más accesible, voy a poner aquí un H1.
Se merece un H1.
Pero claro, el H1 tiene márgenes, my friend.
O sea, por ser accesible, eso me pasa por ser accesible, muy mal.
Se me ha olvidado el background y, ¿sabes qué?
Se me ha olvidado y que no, que el maldito, o sea, he puesto el display flex direction
con un column para ponerle al botón un margin left auto.
Pero se me olvidó que entre medio está el form.
Entonces, claro, ya no me afecta.
Y luego lo vi, pero luego ya se me olvidó porque el tiempo corría y el extra está.
Pero está guay porque pusiste su form.
O sea, pusiste una etiqueta de formulario.
Eso está guay.
Sí.
Ojo, ¿eh?
Muy bien, ¿eh?
Tu botón valida, tu botón valida esos datos.
El de matón submit, ¿eh?
Ojo, Carmen, metiendo aquí, metiendo ficha, Carmen.
Es verdad, ¿eh?
Ojo, cuidado.
Tiene razón, tiene razón.
Es verdad que ahí se le ha olvidado el form, ¿eh?
Es verdad que aquí podemos ver que la metió aquí un form.
La metió un form en la línea 56.
En la línea 56.
Es verdad, es verdad.
Muy bien, muy bien.
¿Y qué más?
¿Cómo te has visto, Rita?
Bueno, presionada.
Muy presionada me he visto.
¿Te has visto presionada o impresionada?
Presionada, presionada.
Ah, presionada.
Vale, vale.
Es como en plan, pobrecita, mírala.
Joder, pobrecita.
Que tiene que luchar contra él.
Y yo en plan, vale.
Small, me he sentido small.
Yo creo que he quedado bastante mejor, ¿eh?
Rita, lo has hecho muy bien, ¿eh?
Lo has hecho muy bien.
Es como para uno.
Lo has hecho tremendo, joder.
Además, de anchura, se parece más el tuyo, ¿eh?
De hecho, de anchura, lo has clavado bastante.
Lo has clavado bastante.
Te ha faltado, que yo creo que eso es, hubiera sido la clave, el fondo.
El fondo gris.
Porque el fondo gris le da el toque de, hostia, cuánto se parece.
Y...
El border radius le da igual, que hay que ponerlo como overflow hidden.
Ah.
Ah, sí.
O le puse el border o algo que...
Me faltó un overflow hidden.
Sí, faltó ahí, Roberto.
Si es el H1, sale como por encima, ¿no?
Entonces, tienes que ponerle el...
¡Ah!
Ese H1.
Pero, vamos, yo lo veo súper bien, ¿eh?
Sí, no, la verdad es que los dos...
Me siento honrada de haber podido...
Batallar.
Lo habéis hecho increíble.
Hay una cosa, que ya veo los cabronazos comentando en YouTube.
Hay una cosa, para que no saquen el contexto,
ellos estaban haciéndolo sin ver lo que estaban haciendo.
Es decir...
Ah, claro, claro.
A ver, sí, sí, que luego vienen los listos de YouTube.
Pues yo esto...
Mira, pues yo esto lo he hecho en cinco minutos y tal.
Y con una mano.
Una mano es la que te voy a dar en la cara.
Eso es lo que te voy a dar.
Hombre, y con el inspector esto lo haces en un momento.
Así, chuchuchuchu, pero...
Exacto.
Mira, lo que dice Gonci en el chat privado dice...
Sí, sí, pero no te invitaron.
Efectivamente.
O sea, entonces no les importa un pepino lo que hiciste en tu casa,
solas, en un cuarto ahí oscuro.
Entonces, amigos.
Amigos, tienen que votar por Manz o por Rita.
Así que a ver si está Feral.
Creo que sí que está Feral.
Voy a llamar a mi perro para influir en la votación.
Sí, tráelo, tráelo y que pida el voto, ¿vale?
El televoto.
Tienen que votar, por favor, no voten por...
O sea, voten lo que crean, de verdad.
Con la mano en el corazón de decir, oye, mira,
me da más la impresión que se parece a este diseño, ¿vale?
¿Cuál de los dos es el que creen que se parece más?
El que ustedes vean rápidamente, ¿no?
Le echan un vistazo y dicen, ostras, este se parece más.
Bueno, pues lo votan y ya está.
¡Ojo!
¡Qué tensión!
Ojo, Rita ha ganado con un 53% de los votos.
Y Manz se quedan con 47.
369 votos contra 322.
Lo sabe Dios que ese 6% es el perrito.
Lo sabe Dios que el perrito lo sabe.
Vamos.
Merecido, ¿eh?
Lo siento, Héctor, si es lo que se pudo.
No, de hecho, te quiero agradecerte.
Yo hubiera hecho algo demasiado chistoso que iba a pasar a la historia.
Entonces, me ha salvado, me ha salvado bastante.
De hecho, yo cuando vi a Manz, vi a un héroe llegando del cielo.
Y la verdad, quiero agradecerte, Manz.
Muchas gracias.
Sí, oye, Manz, muchísimas gracias por haberte pasado.
Por encima que te he engañado aquí, que hayas participado aquí sin...
Para nada.
De una...
Súper divertido.
Ha sido genial.
Y, bueno, vamos a actualizar, por supuesto, los votos.
Y es que Carmen tiene un upgrade gracias a Rita y a sus manitas y a su chihuahua.
Yes.
Es un chihuahua, ¿verdad?
Se llama Tofu.
Tofu.
Pues Tofu te da los 25 puntos.
Pasa de 40 a 65 con un empate técnico con Gonzi.
Y Héctor que suma 7 puntos gracias al buen hacer de Manz.
Y pasa a los 41.
Opiniones.
A ver, ¿cómo lo han visto?
¿Están contentos con el resultado?
¿Creen que ha sido merecido?
¿Crees que ha habido robo?
A ver, Manz, ¿tú cómo lo ves que has llegado aquí?
Yo creo que es justo.
Justo hasta ahora.
Justo.
Lo malo es que me van a coger mani a todos los que me invitan.
Dije que no, pero bueno.
Pero yo creo que merecido.
Que sepáis que Manz os dijo que no porque al principio era verdad.
Y hubo un cambio de planes al final.
Y él me avisó y me dijo, oye, mira, me contactó diferentes personas.
¿Qué te parece si hacemos una sorpresa?
Porque la verdad es que ya no me da tiempo a decirle que sí.
De repente ya está.
Y entonces, pues eso, ¿eh?
No se lo tenéis en cuenta.
Rita, ¿qué tal la experiencia?
Muy guay.
Me lo he pasado muy bien.
Es decir, estaba muy tensa, ¿eh?
Estaba en blanco, Dios mío.
La voy a liar, pardo.
Con toda esta gente famosa aquí.
Me daba un poco de nervios.
Pero dije, bueno, no pasa nada.
Saco a Tofu y ya está.
Rita dice famosa, ¿sabes?
La chica que cada dos portes saca un vídeo en no sé cuántos sitios.
Y cada vez que lo veo tiene 10.000 millones de likes, de retweets y de todo.
Y le habla Kenzie Dodds diciendo que están buenos los vídeos y todo.
Kenzie Dodds me retuitea.
O sea, yo estoy llorando desde que eso ha pasado.
Llorando a mi cara.
¿Dónde ha empezado la cosa?
Rita sacando el chihuahua diciendo, no, de la gente famosa.
Ah, Kenzie Dodds me retuitea.
Bueno, Carmen, Gonzi, estáis muy juntitos.
¿Cómo está la cosa?
¿Cómo lo veis?
Se define todo en la próxima.
Así, así.
Uno, que el otro no.
Se define todo en la siguiente, ¿eh?
Se define todo en la siguiente.
Y os aviso, en la siguiente vamos a modificar un poco los puntos para que haya tensión hasta el final.
Entonces...
Y además, si no recuerdo mal, la última prueba creo que es contra él.
¡Ostras!
Carmen contra Gonzi.
Diría que sí.
No, es contra mí.
No, es contra Noel.
Y no es contra mí.
Es contra mi invitado.
¡Oh!
Ahora sí.
Tengo invitado la próxima.
Será Belén contra tu invitado.
El compilador humano, ojo.
¡Ojo!
¿Tenéis invitados Gonzi, Héctor, para la siguiente semana?
Sí, yo tengo invitado.
Ah, el querido de Uito.
A codear con Hugo.
Ah, bueno.
Bueno, bueno.
Entonces ya veo que los tenéis todos preparados.
Muy bien.
Pues aquí tenéis el patrocinador que os ofrece diferentes APIs con modelos de lenguaje,
LLMs, para generar texto, resumir texto, para detectar el sentimiento de un texto.
A ver, la verdad es que a día de hoy, a día de hoy, con la de cosas de inteligencia artificial
y machine learning que tenéis, pues este tipo de modelos os quedan la vida.
Bueno, tenéis un Playground para probar de todo.
Podéis probar aquí, mira, ¿veis?
Playground.
Le dais aquí y podéis probar de lo que queráis.
O os podéis ir a la universidad, que aquí tienen un montón.
A ver si lo puedo ver.
Tienen vídeos, explicaciones, diferentes módulos.
Mira, y además Luis Serrano, que lo tendremos en la siguiente jornada,
porque se va a pasar para revisar vuestros algoritmos con inteligencia artificial.
A ver si son óptimos o no son óptimos.
A ver si han funcionado bien o no.
Pues lo vamos a ver.
Y tenéis un montón de cosas.
Semantic search, moderación de contenido automática,
que esto lo podéis meter en disco, en cualquier aplicación, en e-commerce, lo que sea.
O sea, sumarización del texto, para rankear texto, clasificación.
Bueno, que tiene un montón de historias.
Así que no es lo verdad, es que todo esto lo podéis utilizar con APIs.
¿Veis? Aquí tenéis las APIs.
Tenéis las APIs disponibles.
Y que tenéis un free tier bastante generoso para que probéis vuestros desarrollos.
¿Vale?
Así que, amigos y amigas, vamos a ver.
Y perdón, detalle.
No necesitas poner la tarjeta para el free tier.
Muy buen detalle.
Totalmente cierto.
No hay que poner la tarjeta, que muchas veces es lo que os echa para atrás,
de tener que poner la tarjeta, a ver si os va a cobrar y tal.
Sino que simplemente os peta la API.
Os dice, ya no funcionó más.
Te has petado el real limit.
De hecho, Gonzi, tú comentaste la semana pasada que lo habías utilizado para porfolios,
¿no?
Para hacer un chat conversacional.
Claro.
La gente en su chat podía agregar la típica burbujita de chat.
Los ideaban con la información del mismo porfolio.
Entonces, los reclutadores, cuando entraban al porfolio, le podían hacer preguntas al chat.
Qué idea más buena.
Me parece una ideaza brutal, ¿eh?
Y es que la verdad es que chat personalizados, o sea, chatbots y tal, que muchas veces pensamos
en lo típico, ¿no?
En una página que sea de ayuda.
Pero es que se me ocurren tantas posibilidades de… porque a mí una cosa que me da mucha
rabia es, por ejemplo, en restaurantes y bares y tal, que parece que es una página
muy tonta, pero a mí me cuesta un montón de… oye, pero ¿dónde se reserva?
Oye, pero ¿cuál es el horario?
Y tal.
Y páginas así, que pueden ser súper estúpidas, le iría súper bien un chatbot.