Vamos con la landing page, que eso es lo que vamos a hacer hoy, que es que me he liado ahí un poquito
Pero el tema es que vamos a continuar con la página web de la landing page que estamos haciendo, DINFOJOBS
Desarrollo freelance, que tenía que hacer el proyecto, que tengo a cuatro personas que me están ayudando
Y lo más interesante, no solo vamos a estar desarrollándolo, sino que además vamos a estar viendo algunas pull requests que habéis estado haciendo
12 pull requests que tengo aquí, ahora le echaremos un vistazo, ¿vale?
Y las voy a ir comentando, además voy a dar feedback de algunas PRs para que entendáis cómo hacer buenas PRs
Porque hay errores comunes que veo, que la gente encima se cabrea cuando las digo, pero bueno, yo la voy a decir igual
Con todo mi cariño, o sea, no voy a destruir nadie, creo que está súper bien
Pero de verdad, le doy las gracias a toda la gente que ha contribuido, un montón de contribuidores ya, es espectacular
Mira, toda la gente que veis por aquí, Diego, Diego ha hecho un montón, Diego ha hecho un montón de pull requests
Luciano es uno de los que hemos fichado, tenemos también a Jordi, que también lo hemos fichado
Andrea, ¿ves cómo se llama Andrea? Sabía
Hola amigo, viste el robot Tesla programado con C++ y país
Lo he visto, lo he visto, pero hasta que yo no lo vea en persona, tampoco me pareció, no sé
Como dicen que lo estaban controlando por fuera y cosas raras, no sé, no sé
Bueno, pues Andrea y Melisa, así ahí tenemos los cuatro, pero hay un montón de gente que ha contribuido también
Y es que amigos, esto es súper importante, si tienes la oportunidad de contribuir, no en mi proyecto este, en cualquiera
Pues oye, si no tienes chamba, si no tienes nada que hacer y tal, pues así puedes ponerte en práctica
Y vas aprendiendo cómo es trabajar en equipo, cómo lo puedes hacer, cosas así
Y me parece súper bien, y Diego, Diego ha hecho pero un montón de contribuciones
O sea, Diego se lo ha trabajado un montón, de verdad, hay un montón
Bueno, seguro que aquí, mira, Diego Dev, tenemos aquí unas cuantas y he emergeado ya unas cuantas
Así que muy bien, Diego, felicidades, me alegro un montón por ti
¿Cómo está quedando la página? Pues está quedando tal que así, ya con Responsive, como podéis ver
Un poquito de Responsive, le queda alguna cosita, aunque veis aquí que tenemos
Hay que mejorar las imágenes, esto a lo mejor lo hacemos ahora
Porque creo que las imágenes no se han exportado del todo bien
Estas imágenes, está bien, pero creo que se podrían exportar mejor
Esto es porque aquí, o me da a mí la sensación que aquí sí que hay esta
O no sé si es que hay esta imagen, es que tengo dudas, ¿no?
Pero esta imagen que sea, a ver, vale, que es esta imagen
Que me imagino, a ver si la podemos recuperar por aquí
Yo me imagino que será esta, no, esta no es, esta no es, tendría que ser esta
A ver, no, porque esto es la card
Claro, tendría que ver cómo es lo que ha exportado por aquí
Porque, a ver, squash
Es que solo la imagen no tiene el efecto del fondo
Y no sé si podríamos recuperarlo con...
Sí, déjame, déjame
Vale, esta no tiene, por ejemplo, la...
O sea, que está como un poco más para arriba, ¿no?
O sea, habría que pillar...
¿Ves? Esto tiene el estilo de la imagen de la chica
La card, obviamente, esta, tiene un poco más
Tiene demasiado... O sea, tendría que ser esta
Esta tendría que ser, pero no me lo está pillando
Ah, sí, vale, esta sí que es
Ah, pero aquí, ¿ves? Me la ha cortado
Joputa, me la ha cortado
Me la ha cortado, ¿por qué me la ha cortado esta imagen?
¿Por qué me la ha cortado?
Bueno, me la ha cortado porque está aquí
Pero bueno, la idea es que aquí creo que tiene un poquito más...
Bueno, sí, se nota que tiene bastante más resolución
Y aquí, en cambio, nos la hemos pillado con demasiado poca resolución
Creo que la tenemos que haber pillado con un poquito más de resolución
Pero bueno, no pasa nada, no pasa nada
Poco a poco, poco a poco
El tema, tanto lo que es el responsive
Ya lo tenemos bastante bien
Hemos hecho algunas mejoras por aquí
Esto ya está bastante en vertical
Alguien había hecho esto
Que esto no tiene mala pinta
Aunque no se puede hacer scroll hacia la derecha
¿Sabes? No se puede hacer scroll vertical... horizontal, perdón
Que sería lo suyo
Sí que es verdad que aparece esto aquí
¿Ves? Aquí había como unos botones
Cuando hace lo suficientemente grande
Que por cierto, esto hay que arreglarlo
Ahora lo arreglamos
Pero aquí sí que se puede hacer esto
Pero ¿sabéis cómo esto podría quedar súper bonito?
Esto podría haber quedado súper genial
Con el scroll snap
Con el scroll snap
Scroll snap
O mira, en Apple creo que hay un ejemplo muy chulo
Apple...
A ver, aquí en tienda
A ver, un momento
La tienda
A ver, aquí en la tienda
Esta, aquí
Mirad
Aquí
Claro, es que el problema es que no tengo
No tengo
No, no tengo
Pero mira, este tiene el scroll snap
Y queda súper bonito
Queda súper, súper bonito
Y creo que en móvil
Si no me equivoco
Deberíamos poder
¿Veis?
Así
Que yo creo
Me da la sensación que aquí
Ah, pues también
Ah, sí que lo tiene
No, no
Sí que lo tiene
Perdonad
Pensaba que no lo tenía
Y sí que lo tiene
Sí que tiene el scroll snap
Muy bien
Muy bien
Muy bien
Madre mía
Qué gente
Mira, scroll snap type
Vale
Esto queda brutal
Porque fijaos
Que tú haces el scroll
Con esto
Con el nativo
Y queda perfecto
Nada, nada
Pues pensaba que no lo tenía
Y sé que lo tenía
O sea, súper bien
Súper bien
Pues es parecido como este
Me gusta el estilo de Apple
Mira, aquí tenéis un ejemplo
Bastante chulo
Fijaos en el de Apple
Que le sale aquí un trocito
Fijaos que le sale como un trocito
Eso está súper bien pensado
Porque al final
Lo que hace
Es que te
Te da una pista
De que hay un siguiente elemento
Aquí, por ejemplo
No te da la pista
Claro
Tú llegas aquí
Y dices
Vale
Lo ves así
Y no te da
Porque vas a hacer scroll
En cambio
Como ves el siguiente
Ya tienes ahí
Como una pista
De
Oye
Puedes hacer scroll
Para ir al siguiente
Eso está genial
Esos son detalles
Detalles
Muy top
Muy top
Hola Midu
Soy Diego
Ya envío una PR de eso
Vale
Joder Diego
Estás en toda
Vale
Ahora lo miramos
Solo estoy comentando
No te preocupes
Pero muy bien
Muy bien
Vale
Más cositas
Más cositas
Os voy a enseñar una cosa
Que
Por ejemplo
El hover está muy chulo
Me gusta mucho el hover
Súper bien
Vale
Pues aquí
Aquí había un error
Que os voy a comentar
Porque no quiero que cometáis este error
No pasa nada
O sea
Ya está arreglado
Y no me acuerdo
Creo que ha sido Andrea
Y Andrea
Eres una crack
Súper bien
Súper rápido
Pero os voy a explicar
Un problema
Que muchas veces cometemos
En las cards
De hecho
Para que os hagáis una idea
Es un error
Que nosotros mismos
Hemos cometido
Cometimos también
En la academia
Que estamos haciendo
De MiduDev
También con esta card
Vale
Y os voy a explicar
Un poco el problema
Y por qué
Y por qué a ti
No te tiene que pasar
Porque es un error
Que es muy común
Y es muy molesto
Y mirad
El error es este
Imagínate que tú tienes
Una card
Como esta
Una caja
Que quieres que sea
Todo clicable
Como esto
Fíjate que esto
Tú quieres que sea
Clicable
Todo esto
Vale
Todo esto
Tú quieres que sea
Todo esto
Clicable
Y por eso le haces
El hover
Un error que cometemos
Que es muy
Pero que muy común
Es que lo que hacemos
Es que
En lugar de
El anchor
Lo metemos
Dentro
Del article
Y además
Lo que hacemos
Es que el padding
Hacemos que
Vaya por fuera
En lugar de
Por dentro del link
Vale
Por ejemplo
Para que lo veáis claro
Mira
Aquí
Ves aquí
Este
Padding
P6
Que hemos puesto aquí
Imagínate que este padding
No está aquí
Sino que lo ponemos aquí
Vale
Ponemos aquí
Padding
32 píxeles
Vale
¿Cuál es el problema
Que ocurre ahora?
El problema es que
Fíjate que yo entro
Aquí en la card
No sé si lo veis
Pero
Yo entro en la card
Aquí
Y ves que
El efecto hover
Lo está haciendo
Parece
Que está haciendo
El efecto hover
Porque
Porque el borde aparece
Esto se hace más grande
Pero ¿Qué pasa?
Que le das a click
Y no es click
No funciona el click
Porque el padding
Lo hemos puesto en el artículo
En lugar de ponerlo en el anchor
Y por lo tanto
El anchor
Solo queda
Por la parte
De dentro
Fijaos
El anchor
Que es este
Este elemento
A ver si lo encuentro
Aquí
Este elemento
El anchor
No incorpora
Lo que sería
Lo que sería el padding
De fuera
Y eso lo hace
Muy pero que muy molesto
Es muy molesto
Porque una persona
Empieza a clicar aquí
Que ve el hover
Y no funciona
Y esto nos pasó
También aquí
Ya está arreglado
Ya está arreglado
Nos pasó también aquí
Que teníamos el efecto
Del hover
Pero luego
Clicabas
Y no pasaba nada
¿No?
Entonces
Lo que es importante
Es que cuando se hace el hover
La idea es que
Estás como activando
Que es clicable
Y queremos siempre
Que sea toda la card
Que sea clicable
¿Vale?
No dejéis los padding fuera
Porque si no
Eso es muy molesto
Por tema de UX
Bueno ya tenemos aquí
Info de la de trabajarte
Las aves
¿Vale?
Aquí además ha hecho
Como un zoom
Y esto
Aquí hay un tema raro
Esto de aquí
¿Veis?
Esto que ahora
Lo arreglaremos
Pero bueno
O miraremos primero
Las PRs
Para hacerlo y ya está
Lo malo de eso
Es que las esquinas
Son clicables
Si el contenedor
Es redondeado
Eso no tiene por qué ser así
Porque si haces un border radius
Overflow hidden
No deberías tener problemas
Con eso
Eso es porque también
Seguramente el border radius
No lo estás poniendo
En el sitio correcto
Y tampoco estás haciendo
El overflow hidden
Correctamente
Entonces por eso
Te está ocurriendo
Lo que comentas
¿Vale?
Vale
Entonces
Hay una cosa
Que os quiero enseñar
Y es que
La gente que hemos fichado
Tenemos como
Como vídeos
Para que nos indiquen
Un poco
En qué has estado trabajando
Así que mira
Tenemos a la buena Andrea
Vamos a ver a Andrea
Que nos comente
Hola chicos
Soy Andrea
Y fui una de las
Sí Andrea se escucha muy bajito
Vale
Ahora mejor
Y vamos a subirle
Vale
Durante este tiempo
Me he estado encargando
Vale
Hola chicos
Bueno pues aquí tenemos a Andrea
Una de las seleccionadas
Para realizar la landing page
De Infojobs
Nos va a contar
Lo que ha estado haciendo
Y durante este tiempo
Me he estado encargando
De hacer el footer
Esta parte del footer
Ah el footer
Claro
Es que estuvieron haciendo el footer
Que ya lo tenemos
Lo tenemos hecho
Lo tenéis aquí
Y que además es responsive
También
Ha quedado bastante bonito
Y además lo han estado
Haciendo entre todos
Y esta parte de aquí
Que para mí
Yo lo llamé
Ofertas TikTok
Ofertas TikTok
Lo interesante de esta parte
Del pre-footer
Fue realmente hacerlo responsive
Porque al yo hacerlo responsive
Desaparecían las columnas
Que aparecían antes
¿Cómo lo hice?
Básicamente
Creé variables
Hice el punto
Hola chicos
Ay
Este
La otra parte
Que he estado
Con la que he estado trabajando
Ha sido esta
Que lo interesante de esta
Fue que si es verdad
Que es muy parecida
Lo escucháis
Así que
Hice algo muy parecido
Con el footer
Pero en esta
Creé algunas variables
Que son diferentes
Bueno
Se me enteró
Como el background
Y las coloqué
Aquí
Nada
Espero que les haya gustado
O les esté gustando
Cómo va el proyecto
Y que estén aprendiendo mucho
Muy bien
Muy bien Andrea
Buenísimo
Muy bien
Melisa
Compártelo de Lucho
De no ser youtuber
Y fue una de las seleccionadas
Por Mido
Para trabajar en la landing
De Infojobs
Muy bien
Voy a mostrar una parte
De la que he estado avanzando
Que sería la sección
Prepárate para ganar
Ha hecho el evento
Lo curioso aquí
Es que cuando hacemos hover
En cualquier parte del contenedor
Solo la imagen
Es quien se escala
Así que vamos a ver
Cómo logramos esto
Ah mira
Eso ha quedado súper chulo
Para nuestro componente
Padre que sería
En este caso
La etiqueta A
Tenemos una clase
Llamada group
Y para quien queremos
Aplicar el efecto
Quien sería la imagen
En específico
Pues le colocamos
La clase llamada
Group hover
Con el efecto
Que queremos crear
Que en este caso
Sería un scale
De 110
Bueno me encanta
Porque ha ido directa
A grano
Melisa
Muy bien
Vale
Se refiere a este efecto
De aquí
Que solo hace
Que cuando detecta el hover
De toda la car
Solo luego escala
Lo que es la imagen
Ha quedado súper bonita
El efecto
Porque además
No estaba este efecto
En el Figma
Así que súper súper bien
Creo que tengo más vídeos
Este es el de Lucho
Hola gente
¿Cómo están?
A ver Lucho
Soy Luciano
Les hablo desde Argentina
Y bueno
Le quería comentar
Que últimamente
Estoy trabajando
En esta sección
De aquí
Donde al hacer click
En cada botón
Se abre una modal
Para las infografías
Esto lo había visto
Madre mía
Para representar
La forma de archivo
Que fuerte
Lo que tuve que hacer
Es extraer
La foto
Del Figma
En SVG
Y utilizar una
Para que me dé
Todo lo que viene siendo
El polígono
Que a su vez
Digamos
Representa exactamente
La forma
Que estamos
Viendo acá
Todo esto viene
Porque uno no está
Acostumbrado
Digamos
A trabajar con formas
Tan específicas
Simplemente
Siempre hacemos
Rectángulos
Cuadrados
Lo básico
Para encerrar
Cualquier tipo
De contenido
Así que
Bueno
Le compartiré
El link
La herramienta
Si les gustó
Así que
Bueno
Esto está
Muy interesante
Lucho
Porque
Lo que ha hecho
No me había fijado
Que
Ah pero no me funciona
A ver
No me funciona
No sé si es que
Ah si ahí si
Aquí si mira
Los puestos
O es que tarda
O algo raro pasa ahí
A ver
Aquí le doy click
Aquí le doy click
Solo me funciona en alguno
O es cosa mía
Solo funciona en este
Amigo
Vale
Esto está muy interesante
Creo que se podría haber hecho
A lo mejor de otra forma
Para no tirar tanto
Del clip pass
Porque
Joder
Este clip pass
Es muy complicado
Es muy interesante
Hay una herramienta
Que se llama
Clippy
Que está muy chula
Que es esta
No sé si la conocen
Que básicamente
Lo que pueden hacer
Me voy a mover otra vez
Que ya no está
Y lo que pueden hacer
Es
Pues ustedes tienen
Un elemento
Deep
Un article
Lo que sea
Y pueden hacer
Que desaparezca
Tal y como quieran
Con una forma
Que sea así
Con una figura
Y está
Bastante
Bastante bien
Claro
El problema
Es que esta landing
Lo que está haciendo aquí
El buen Lucho
Fijaos
Es que claro
Como tiene una forma
Así
Muy redondeada
Pero claro
Creo
Claro
Como tiene ahí
Redondeces
No se hasta
O sea
Le ha quedado bastante bien
O sea
Es sorprendente
Porque le ha quedado muy bien
Pero es verdad
Que todos los estilos
Que ha tenido que poner
Fijaos aquí
Con los cálculos
No sé si es esta herramienta
No sé que herramienta
Habrá utilizado
No tengo ni idea
Pero está
Bastante
Bastante bien
O sea
Le ha quedado súper bien
Creo que eso sí
Ha quedado muy bien
El tema del SVG
Hay alguna cosa
Que no me termina
De encajar mucho
Con los estilos
No sé si es que
Ves aquí pone
Vamos a ello
Y aquí pone
Ah quieres triunfar
Ah quieres triunfar
No sé
¿De dónde ha sacado esto?
¿De dónde ha sacado?
Ah aquí
Vale vale
Aquí
¿Quieres triunfar en una entrevista?
Vale vale
Está aquí
A ver
El estilo le ha quedado
Muy pero que muy parecido
Destaca las entrevistas
Quieres triunfar
Es verdad que aquí
Por ejemplo
Tiene
Sería más
No tendría tanto ancho
Eso habría que mirar
El sin problema
Lo ha puesto al revés
También
Que bueno no pasa nada
Estas cosas pasan
Hasta en las mejores familias
No que ha puesto
La exclamación por ahí
Pero bueno
Me gusta que
Que ha puesto ahí
Bastante componente
Aquí
Este sin problema
Tendría que ser
Un poquito menos
¿No?
Aquí tendríamos que ver
Cuánto está ocupando esto
Que según estos
Claro
Pone aquí
1280
Pero esto internamente
Tiene
Tiene algún padding
Que no sé cuánto será
Pero aquí
O hay un padding
O es que está ocupando
Por ahí
Para dejar este hueco
Porque aquí
Sí que cabe
El aunque
Y aún así
No lo han puesto
Entonces yo imagino
Que es que aquí
No debería llegar así
Me imagino que es este
Así que vamos a poner
Texograb
Primero
Para ver esto
Que en el trabajo
Y luego
No sé si deberíamos
Hacer algo así
Que fuese a partir
De algo así
No
PR
A ver
Esto lo estoy poniendo
¿Verdad?
Ah es en el h2
Y yo estoy tocando
El h5
Vale
Perfecto
Perfecto
Vale
Veo por aquí
H2
Ah es que esto es el title
Ah esto es raro
Vale vale
Es raro
Que esto sea el title
Es raro
Que eso se llame title
Que esto se llame title
Y que lo debajo description
No tiene mucho sentido
¿No?
Porque en realidad
Esto debería ser
Description
En todo caso
Y esto debería ser el title
Porque es como lo más grande
Pero al menos
Si que ha puesto bien
La semántica
De poner un h5
Que esto si que tiene sentido
Eso si que
Si que está bien
Pero igual
Vamos a poner aquí
Tex
No sé si
Tex balance
Vamos a poner
Y
No sé si
Esto a lo mejor es demasiado
Pero algo así
Si que debería ser
A lo mejor menos
Para que
Quepan más
Claro
Esto es por culpa
Del text balance
Que no
Claro
Así
Debería ser más parecido
A esto
Debería ser más parecido
A esto
24
O le podemos poner
Un max width
Que esto
Al final
No sé cuánto será
Pero igual
El max width
Que le podemos poner
Para que quede
Un poquito más pequeño
No sé
A ver si así
A ver
Un poquito más
Un poquito más
A ver si así
Bueno
Pues así
Algo así
Y entonces ya
Pues nos olvidamos
Del padding
Que queda un poco raro
Y así pues ya
No tenemos que ajustar
Después esto
Yo aquí lo haría
Otra vez pequeñito
Pero bueno
Al menos sí que queda
Exactamente
Más parecido
Como lo tenemos aquí
Luego
Sí que está súper bien
El tema este
Aunque es verdad
Que aquí
De nuevo
Otra vez lo mismo
Esto tiene
Demasiado ancho
Y por lo tanto
Hace que quepa demasiado
Aquí
Esto
Le falta un poquito
O sea
Le falta como
Unos detallitos
Claro
Como todo ocupa
Dos títulos
O sea
Dos líneas
Pues esto habría que ver
Pues también
Para ponerle
Una longitud
Porque mira
Ahí queda bien
Ahí queda bien
Pues esto
Hostia
Este line
Esto
Esto es que se ha colado
Una X por ahí
A ver
A ver si lo veo
Aquí no está
¿Dónde está este
Leading
Leading
48
Aquí
Se ha escapado
Una
Se ha escapado
Bueno
Pues mira
Por ahí igual
Los tiros también
Por ahí puede ser
Que vayan un poco
Los tiros
Bueno
Por ahora
Lo voy a dejar
Así
Al menos para
Arreglar unas
Cuantas cositas
Ahí
Y ahora le
Mira como esto
Solo de estilo
Vale
Por ahora
Lo voy a dejar
No lo voy a comitear
Y así puedo mirar
Las PRs
¿Vale?
El midu con pixel perfect
No hombre
Con pixel perfect
Tampoco hace falta
Pero
Ya que
Se nota aquí
Que hay tres líneas
Pues tampoco vamos a evitarlo
¿No?
Yo creo que está bien
Vale
Pues vamos a ver las PRs
Ah espérate
Que me falta uno más
Porque hemos visto a Lucho
Pero me falta el bueno de Jordi
Venga Jordi
Vamos a ver el vídeo de Jordi
Buenas
Soy Jordi
Uno de los seleccionados
Se escucha muy bajito también
Se escucha muy bajito
Voy a hacer
El truco del almendruco
El truco
A ver
Que le doy las gracias a los
Le doy las gracias a todos
Porque
Sé que no son youtubers
Ni mucho menos
Les he pedido
Con muy poco margen
Les he pedido
Que me hicieran un vídeo
Más que nada
Para enseñaros
Pues como iban sus
Como estaban avanzando
Y se han portado increíble
Porque ya veis lo que han hecho
TikTok video
El cual
Una vez es inicializado
Carga la imagen de portada
Ha hecho el vídeo de TikTok
Ahora le damos
Cuando el usuario
Hace click dentro del componente
Entonces una vez el usuario
Vale
Para que entendamos
La funcionalidad que ha hecho
La funcionalidad que ha hecho él
Es
Esta
Hostia que chulo
Que chulo
Tampoco lo había visto
Habéis visto eso
Que chulo
Yo creo que con Marcos
A día de hoy
No es coña
Me estoy enviando fácil
Unos 250 whatsapps al día
O sea
Marcos es la persona
Con la que más
Brutal
Brutal
O sea
Brutal
Brutal
O sea
Es que
Brutal
Brutal
Flipando
Me ha encantado la experiencia
No me la esperaba
Pensaba que iba a abrir otra página
Y iba a hacer una modal y tal
Pero no
Para saludar a Arnau
Mejor de lo que
O sea
Ni me lo hubiera imaginado
Nuestro gigante
Que chulo
Que tal todo crack
Pues muy bien
O sea
Me encanta
Me encanta
Me encanta
Me encanta
Bueno
O sea
Me encanta
Me encanta
O sea
Súper bien
Muy muy chulo
Muy chulo
Bueno pues
Esto es lo que está explicando
En el vídeo
Vale
A ver
Ay perdón
No la quiero
Aquí
Se eliminará
La imagen de fondo
Ah claro
Se creará
Un iframe
Que
Ahora vamos a mirar este código
Desde la url
De tiktok
Y posteriormente
Se incrustará
Dentro del componente
Que hemos creado
De esta forma
Y añadiendo
Unos cuantos estilos
Obtenemos el vídeo
De tiktok
Que hemos visto al principio
Brutal
Brutal
Brutal
Brutal
O sea
Muy muy chulo
Tío
A ver
Este es el
Este es
Y esto tiktok
Vídeo
Tío
Esto es un custom
Joder
Pero si es que ha hecho
Un web component
El hombre este
Que ha hecho un web component
Que bueno
Mira mira mira
Un
Ha hecho un custom element
Tiktok video
Y aquí lo que podemos ver
Nada con el custom element
Luego
Ahora
Sabéis lo que pasa
Ahora me estoy acordando
De toda
Toda la gente
Que
Me puso
Comentarios
Hey
De
Y que esperas
De gente
Que no tenga
Experiencia
Laboral
Y que
Nos hemos equivocado
Con los fichajes
Pedazo de fichajes
O no
Que no tenía
Ninguna experiencia
Laboral
¿Dónde está
Tu dios
Ahora?
Ah
¿Dónde está?
Pues ahí lo tenéis
Mi mi mi mi
Mi mi mi
Es que mi mi mi
Pero que te crees
Que van a
Que te esperas
Que sean
Que sean
Que sean
Productivos
Desde el primer día
Incomprobable
Bueno
Es verdad que
Por ejemplo
No os voy a engañar
De hecho
Jordi si que tenía
Experiencia
Como freelance
Pero menos de un año
Y si lo pillamos
Fue porque le vimos
Algunos proyectos
Que estaban muy chulos
Muy chulos
Su propio portafolio
Estaba bastante bien
Así que
Y ya se notaban
Ahí cositas
Cositas
Bueno
Pues aquí lo tenemos
Con este callback
Que cuando llega al callback
Pilla la url
¿Vale?
Y además
Lo que le pone
Ah claro
Primero le pone
El background
Ya lo hace todo aquí
Ya lo hace todo aquí
Luego
Cuando activa el vídeo
Le quita la imagen
De fondo
Y lo que hace
Es crear el iframe
Mete el iframe
En el propio elemento
Además hace focus
En el iframe
¿Vale?
Un mood
Player by default
Hostia
Vale
Esto debe ser un método
Que tiene aquí también
¿Vale?
Claro
Por defecto
Lo que tiene que hacer
Es intentar
Quitarle silencio
Para que así
Cuando le demos click
De primeras
Se escuche
Hostia
Que bueno
Es que está muy muy chulo
Como lo ha hecho
Me gusta mucho
Entonces
Nada
Y fijaos
Que es bastante poco código
Luego aquí
Pues para crear el iframe
Le está poniendo
La
El ancho
El alto
Le añade unas cuantas clases
Por aquí
¿Vale?
El título
Permite todo este
Que tenga full screen
Y ya está
Esta gente hace mejor código
Que gente supuestamente
Senior Bon
La que he trabajado
Bueno
Suele pasar
Suele pasar
Trabajo espectacular
Y encima
Fijaos en el detalle
Que si no me equivoco
Si no me equivoco
A ver
Puede ser
Que si
Claro
Todavía no tenemos
Mucha accesibilidad
Pero fijaos que
Creo
Que
Si
Estás en un vídeo
Y eso que los custom elements
Están de
Creo que
Si selecciono un vídeo
Con el teclado
Y le doy al espacio
Yo creo que con marcos
Detallazo
Puedes
Con el teclado
Con el teclado
Puedes seleccionar
Claro
Lo malo es que aquí
El iframe
Hijo del mal
Se queda
Se queda
Picueto
O a lo mejor
Es culpa nuestra
Que no tenemos
No estamos haciendo bien
El hover
Pero el tema
Es que
Funciona también
Con el espacio
Ha pensado
En la accesibilidad
Tremendo
Detallazo
Muy bien
Muy muy bien
Bueno vamos a ver
Pull request
Que veo que aquí hay
12 pull request
Vamos por esta
Que esta parece fácil
Que es del Ritmi
No se puede obtener
Token de momento
Vale
Esto ya lo vimos
Y que
Puedes conseguir
Token
Deja un legarte
Bueno disabilitado
En este momento
Si
La gente de Infojobs
Tiene desactivado
El hecho de poder
Conseguir el token
Pero
Hice una cosa
Para que no tuvieseis problemas
Para iniciar
El proyecto
En vuestro local
Hice una cosita
Un poco tramposa
Aquí
Que a la hora
De recuperar los estudios
He hecho un mock
Donde se recupera
Lo que te devuelve
La API
En el caso
Que no tengáis el token
Si no tenéis el token
Se detecta
Si no tenéis el token
Y los diccionarios
En este caso
Todo esto
Que es lo que devolvería
La API
Entonces lo devuelve
De aquí
No es lo ideal
Pero bueno
Para que podáis
Trabajar en el local
Al menos
Y que pueda funcionar
Todavía con la API
Sin ningún problema
¿Vale?
Arreglar subrayado
Para todos los
Bueno
Deberíamos empezar al revés
¿Vale?
Se añade Husky
Vamos a ver
Se añade Husky
Husky básicamente
Es que te da unas reglas
De commit
Para asegurarse
Que la gente
Pues pasa bien
El linter
Y todo
Antes de comitear
¿Vale?
Esto para
Commit message
Commit lint
Prettier
Prettier
Prettier
No lo habíamos instalado
Prettier todavía
O sea que habría
Tendríamos que poner
Prettier
Con todas las reglas
Que fuesen necesarias
También
Pero bueno
Bueno
Bueno
Vale
No tiene mala pinta
Lo voy a
Lo mergeo después
Para no dar problemas
Con el resto de PRs
Refactor
Prefooter
Bueno
Refactorización
Ya refactorización
Suena mal
Suena mal
Más que nada
No porque
No tenga sentido
La refactorización
Sino que claro
Cuando haces un refactor
En un proyecto
Que se está
Está avanzando
Muy rápidamente
Y tal
El problema
Que puede pasar
Es que tengas
Como lo que está pasando
Muchos conflictos
Si son tres archivos
De conflictos
Y claro
Ir uno a uno
Estás revisando
Y tal
Además puede entrar
Con más conflictos
De las siguientes PRs
Pues complicado
Así que vamos a dejar
Botones del giro
Del mismo tamaño
Dice
Botones del giro
Del mismo tamaño
Antes
Y ahora
O sea
Los he hecho
Exactamente igual
Hostia
Pero hay una cosa rara
Es cosa mía
O esto no está
Esto no está centrado
O da la sensación
Que esto no está centrado
No sé por qué
Me da la sensación
No sé si es
Por culpa de eso
Hostia
Pero del mismo tamaño
A ver
En la landing page
En la landing page
Porque
A mí me da igual
El tema es
A ver
Es que aquí
No están del mismo tamaño
Si en el diseño
No están del mismo tamaño
Pues
No lo vamos a hacer
De tamaños diferentes
A ver
Voy a poner esto por aquí
Que a lo mejor
Aquí
No es que aquí
Tampoco están del mismo tamaño
Si no están del mismo tamaño
A ver
Si tuviese sentido
Porque dices
No es que creo
Que queda mucho mejor
Y tal
Pero es que tampoco
Creo que
Que quede mucho mejor
O sea
No sé
¿Cómo lo veis?
Yo creo que
En este caso
Voy a decirle
Vamos
Gracias por la PR
Siempre dad las gracias
Gracias por la PR
Creo que
Vamos a seguir
El diseño
Que los botones
Tienen diferentes
Tamaños
Creo que tiene sentido
¿No?
Seguir el diseño
El próximo lunes
Tengo examen de Laravel
Bueno
Ánimo amigo
Tú puedes
Vale
Pues nada
Este
Lo siento
Crack
Pero
Hero Search
Máquina de seleccionar
Tu nivel de estudios
Tuvía playholder
Rather than
Displayable option
Vale
Dice
Tuvía playholder
De esta forma
El drop down
No tendrá
La opción de playholder
Pero todavía
El usuario
Lo verá
En el caso
De que no vea nada
Vale
Claro
Pero el problema
De esto
El problema
De esto
Es que es un poco
No sé por qué
Estoy haciendo
Esta PR en inglés
Vale
A ver
Tiene sentido
Puede tener sentido
Ah
Pero aquí
Si que está
El option value
Este todavía
No
Sorted
Studio
Is default
Si es default
Entonces devuelve null
Ah
Porque sale hidden
Porque es hidden
A ver
A ver
A ver
Que estoy pensando
Vamos a probarlo
Vamos a probar la mano
Primero
A ver como es la experiencia
Un poco
Y entenderemos un poco
Como es esto
Vale
A ver
Entiendo que aquí
Dice que esto es hidden
En el caso de que sea el default
Que en realidad
Este es todo el cambio
Que debería hacer
Que esto es otra cosa
Que muchas veces digo
Vale
Nivel de estudios
Claro
Pero el problema
¿Cuál es?
Que esto es lo que no me gusta
El problema es que
Nada más entrar
Te selecciona
Sin estudios
En cambio
Si le quitamos el hidden
Te selecciona
Claro
Yo creo
Si queremos que sea más
Obligatorio
Quitar la opción de default
Entonces si selecciona uno
Nunca podrá vaciarlo
Claro
A ver
Vaciarlo
Nunca vas a poder vaciar
Claro
Entonces
Yo creo
Yo creo que
Lo veo polémico
Pues no sé amigos
Yo creo
Que me quedo con esto
Me gusta más
Porque al final
Oye
Si no está
Pues vale
No pones nada
Y no se
No se añade el filtro
Pero claro
Poner sin estudios
Por defecto
Tampoco me parece
Que sea lo suyo
Entonces yo
En este punto
Me da la sensación
Que me gusta más
Como está ahora
No sé como lo veis vosotros
Pero yo creo que
Que mejor
Como está ahora
Así que
Creo que por ahora
Me gusta más
Como está ahora
Ya que al entrar
No selecciona
De forma automática
Uno
El primero
Por defecto
Vale
Gracias por la PR
Crack
Buena idea
Pero creo
Pero creo
Vale
Venga
Vamos a ver más PR
Aceptar polémicas
O programar en Java
Ahí
Vamos a ver
Siguiente
Like Cash
Gracias eh
Distort
Mira
Estas son las imágenes
Que cuando estamos viendo
Claro
Esto es un problema
Que hay veces
Que cuando se ponen
Cambios y tal
Pues aquí hay conflictos
Esto es un percal
Esto es un percal
Esto es un percal
Vale
A ver
El problema es
Fixed disorted images
Donde está aquí
Donde está el arreglo
En este caso
Porque veo aquí
No sé
Cuál es el que
Cuál se supone
Que es el que tiene el arreglo
Se supone
Que es el de arriba
Claro
Es que para esto
O sea
Para arreglar esto
Que aquí
Veis que esto
Está distorsionado
El tema
De que esté distorsionado
Es que veo
Como muchos cambios
Aquí
Porque este target
Blank
Aquí también
No aquí no
Ah vale
Porque le ha puesto
Más de una línea
Por eso le está dando
Conflicto también
Esta línea
Vale
Pero claro
Veo que aquí
Hay como
Que se están tocando
Muchos anchos
Muchos saltos
Muchas historias
Y no entiendo
Muy bien
Cuál es el motivo
Claro
Me imagino
Que es por esto
Porque aquí
Para que quede bien
Se hace alguna magia
Oscura
Y tal
Pero lo mejor
Que se puede hacer
A lo mejor
Si más o menos
Ya queda bien
Sería
Olvidarse un poco
De eso
Y decir a mejor
Object fit
Bueno
Contain
Bueno
Lo que pasa es que
Con el content
No queda bien del todo
Claro
Tampoco queda bien del todo
Que se puede posicionar
Podríamos decirle
Object
Position
Bottom
Y así quedaría siempre
Debajo
Y ahora
Aunque habría que ver
Por qué también
Pero que al menos
Así no tendríamos
El problema ese
Ya tendríamos
Que queda bien
Lo que teníamos
Que ver es por qué
Pero ves
Lo tendríamos
Que queda perfecto
Lo malo es aquí
Que aquí yo creo
Que hay alguna cosa
Que no está bien
Del todo
Bien
O sea que
Que por algún momento
Está haciéndole un alto
Demasiado pequeño
Aquí
Tiene un alto
Demasiado
Demasiado pequeño
Que no debería tener
Pero yo creo
Que lo mejor
Sería empezar
A tener el Object Fit
Para asegurarnos
Siempre dejarlo
En el Bottom
Para asegurarnos
También que va a estar
Abajo del todo
Y a partir de ahí
Lo que sí que podemos hacer
En todo caso
Sería ir ajustando
Un poco las medidas
Entonces
Vamos a ver
Dónde estaría esto
Esto
Cuáles miles
De oportunidades
Así que
Vamos a ver
Por aquí
Card Title
Tenemos estos dos
Aquí tendríamos
La imagen
Hemos dicho
Que es Object Contain
Object Bottom
Esto por un lado
Veo que encima
Tiene como una escala
Aquí
Entonces
¿Cuál es el problema?
El problema es que
Aquí
Aquí queda bien
Luego
Bueno
Queda bien
Este queda demasiado grande
Me parece
A ver
Un momento
La landing
Este
Ah no
Claro
Pero tiene el mismo problema
Tiene el mismo problema
Que la imagen
Tiene poca calidad
Tenemos que sacarla
Con un poquito
Más de calidad
Claro
Es verdad que aquí
Como no tenemos
Un efecto
Como no tenemos
La tablet
No vemos muy bien
Que es lo que tiene que pasar
En medio
Y ahí es donde está el problema
Aquí no está
Claro
Yo creo que aquí
Debería ser más cuadrado
Este es otro problema
¿Veis esto que hace así
Como que
La card también
Está como ajustándose?
Mi sensación es que
Aquí esta card
Esta card
Es cuadrada
Y aquí
Debería ser
Claro
Y aquí en cambio
Se queda cuadrada
Y mis sensaciones
Que siempre debería ser
Con esta relación de aspecto
328 por 436
328 por 436
Entonces lo que se puede intentar
Vamos a intentarlo
Total
Que podemos perder
Porque claro
Veo aquí
Muchos saltos
Ahí a media
O sea
Muchos ajustes
Ahí
Vamos a intentar esto
A ver
A ver como sale
El tema de intentar utilizar
328
Hostia
El otro día
Os voy a contar una historia interesante
Con el tema del Asper Ratio
El otro día me comentaron
Una cosa muy graciosa
Sobre el Asper Ratio
No sé
Me hizo gracia
Porque pensé
Hostia
Vamos a ver
Me dice
¿Cómo puedes calcular
La relación de aspecto
De una imagen?
Tú imagínate
Que tienes una imagen
Vamos a poner
Yo que sé
Midugato
A ver si tengo el Midugato
A ver si
Mira Midugato
A ver si tengo una imagen
Del Midugato
Midugato
Vale
Pongamos que tengo una imagen
Del Midugato
Este es mi gato
¿Vale?
Ay que pocos likes tiene esto
Con lo bonito que es mi gato
Vamos a poner esto
¿Vale?
Imagínate que tienes esta imagen
Esta imagen de aquí
¿Vale?
Y dices
Ostras
¿Qué relación de aspecto
Tiene esta imagen?
Pues es muy fácil
La relación de aspecto
De esta imagen
Obviamente
Lo bueno
Es que a veces
Tenemos imágenes
Que son cuadradas
Que la relación de aspecto
Será 1-1
Pero la relación de aspecto
De esta imagen
Es 498
Barra
585
El ancho
Sería 498
El alto
585
Y por lo tanto
La relación
El asper ratio
Que de hecho
Ya lo tenéis aquí
Fijaos que aquí lo pone
Asper ratio
498
585
Entonces
Ya lo sabéis
498
Barra
Ya está
No hay que hacer nada más
Punto
Fácil
Fácil y rápido
No hay que hacer nada más
Ahora
Lo que sí que es verdad
Es que hay veces
Que por lo que sea
La imagen es cuadrada
Y puedes hacer este tipo de cosas
Y es más fácil
Claro
Porque eso lo que te permite
Es que piensas en una relación de aspecto
En la que digas
Hostia
La relación de aspecto es cuadrada
Pues 1-1
Pero 1-1
También sería 100-100
Porque es la misma relación
Entre el ancho y el alto
Así que
No sé
Me hizo gracia
Porque como que había gente
Que decía
Hostia
Pero ¿Cómo calculo
La relación de aspecto
De cualquier imagen?
Pues ahí lo tienes
Ahí tienes ancho y alto
Y en este caso
La relación de aspecto
También lo puedes hacer
Imagínate en una landing page
Y es interesante esto
Porque imagínate aquí
Que tenemos esta relación de aspecto
Y es una relación de aspecto
Que es verdad
Que puede ser
Una que sea conocida
O una que no
Y dices
Bueno pues ya tengo esta
Que es 436
Con esta relación de aspecto
Vale
¿Veis?
Ya tenemos esto
Esa relación de aspecto
Ya tiene un poquito
De mejor pinta
Se ve como muy grande
No sé
La
Esto
Y ahora lo que nos faltaría
Por hacer
Es que no sé por qué
Tendríamos que tener
Esto
¿Vale?
O sea
Que además tenga el ancho
Que sea siempre
A full
Y así
El alto
Siempre se ajustará
¿Vale?
Yo creo que la letra
Es muy grande
Que eso ahora
Lo tenemos que arreglar
O sea
Esta letra es
36
Hostia
36
No está mal
¿Eh?
36
¿Y ahora qué es?
Computed
Font size
48
¿Vale?
Claro
Aquí le ha puesto un auto
Yo creo que aquí
Lo que deberíamos hacer
¿Ves aquí que tiene altos
A mano?
Yo creo que lo mejor es
Hacemos esto
Bueno
Esto
Estoy probando
¿Eh?
Tenemos esto
Luego
El tamaño
Que aquí pone
Que es 48
En el Figma
Pone que es
36
Que yo siempre que podríamos
Vamos a intentar utilizar
Los XL
Porque los XL
Lo bueno que tiene
Es que también arregla
La altura de la línea
Por lo tanto
Siempre que podamos
Vamos a intentar
Utilizar
Además
¿Ves?
Este es 48 píxeles
Y ahora
Vale
¿Ves?
Aquí tenemos el problema
De la línea
Por este
Por este de aquí
¿Ves?
Y así además
Hacemos menos
Ahora
Este queda mejor
Fíjate que ahora queda mejor
Vamos
Llega el momento
Vamos a tener que poner más
Obviamente
Ahora arreglamos también
Lo otro
De la relación de aspecto
Con el siguiente
¿Vale?
Pero lo vamos
Pero
Pero entendéis que ahora
Como que se ajusta
¿Entendéis que ahora
Como que se ajusta
Un poquito mejor
En cuanto a
Que queda mucho más
La relación de aspecto
Queda la misma
¿No?
Como que
Se hace mucho mejor así
En este sentido
Ahora lo que podríamos hacer
Es trabajar
Y decir
Bueno
Cuando pasa
A cierto punto
Pues lo hacemos más grande
Lo que sea
¿Sabes?
Pero creo que así
Ya nos puede ayudar un poco
¿Ves?
Aquí pues por ejemplo
Podríamos hacer
Que esta imagen
Subiese más para arriba
Por ejemplo
Porque a lo mejor
Aquí en 320
Que era un poco
Lo que teníamos aquí
¿Ves?
Está más arriba
Es que de hecho
Aquí está más arriba
La imagen
Y la hemos tenido que pasar abajo
Porque teníamos mal
La relación de aspecto
Entonces
Claro
Esta imagen
Que no sé por qué
Pero seguramente
Aquí pone un padding
Aquí pone una imagen
Claro
Tiene un margen
Negativo
Con ese margen
Negativo
¿Ves?
Margin bottom
Este margin bottom
Que está puesto aquí a mano
Que puede tener sentido
Ponerlo a mano
Porque a lo mejor
Cada imagen
Son diferentes
Y tal
Pero por ahora
Vamos a intentar quitarlo
Claro
Fijaos ahora
Que queda mejor
Bueno
Esto
A ver
300
Esto es lo mínimo
320
Lo mínimo
Que va a tener un móvil
Entonces
Ahora
Mucho mejor
¿No?
Mucho mejor
En el sentido de
Se ve bien la imagen
Tiene la relación
Aspecto
Correcta
¿Vale?
Pues ya está
Dice
Hola Midu
¿Cómo estás?
Bien
Qué pena molestar
Te quería contarte
Acuerdas
Hace tiempo
Comente que tenía
Una app en Larabel
Y contrataron a alguien
Y él quería migrar a Next
Ah sí
Me acuerdo
Amalu
Al final dijiste
Que sí que lo migradas
Pero mi condición
Fue que mientras él migra
Lo que había hecho
Yo me pongo a aprender
Next y S para continuar
Tú sí que sabes
Bueno me alegro
Me alegro
Hombre bueno está bien
Ha habido final feliz
Porque tú no querías
O sea que me alegro
Pero no sé si es la decisión correcta
Pero bueno si así aprendes
Next y S
Yo me alegro un montón
Porque está muy bien
Mira hay una pregunta muy buena
Que dice Neider
Que dice
¿El Aspect Ratio
Debería ir siempre en una imagen?
Y la respuesta es
Que no
No
No siempre debería ir en una imagen
De hecho
Ahora
Fíjate que yo lo he puesto
En un
En un anchor
Sí lo he puesto en un anchor
No tiene por qué
Siempre en una imagen
De hecho es una de las cosas
Más interesantes
Que tiene el Aspect Ratio
Que puedes hacer
Por ejemplo
Que tengas
Una card
Que siempre
Sea cuadrada
No tienes por qué
Hacerlo en una imagen
Que la imagen te da
Reacción de aspecto
Puedes hacer que
Un cuadrado
Imagínate
Mira lo vamos a ver
Rápidamente aquí
Con el mejor editor
Que existe en el mundo
Imagínate que tienes
Un article
¿Vale?
Un article
Y aquí obviamente
Pues tienes un texto
Lorem Ipsum
Vale
Perfecto
Y ahora dices
Oye pues este article
Yo creo que su Aspect Ratio
Sea 1-1
Siempre
Y dices
Vale
Y quiero que ocupe
Hostia
El full
Quiero que ocupe
El 100% del ancho
Vale
Pues aquí en este caso
Me lo está dejando
Porque claro
Como no vemos aquí
Vale
Ahora sí que lo vamos a ver
Claramente
¿Vale?
Pero imagínate
Si tú le quitas esto
Pero tú imagínate
Que tú quieres que
Este article
Por lo que sea
Siempre sea un cuadrado
Pues claro
Lo bueno es que
Si tú le dices
Que el Aspect Ratio
Tiene que ser 1-1
Pues ya te lo hace un cuadrado
Ahora ya
Pues le dicen
No quiero que esto tenga
32 píxeles
Display flex
Justify center
Align item center
Vamos a centrar también
El texto
Phone family
Y ya está
O sea
Ahora ya
Esta card
Independientemente
Del contenido
Siempre tiene
Este Aspect Ratio
Y siempre
Ah hostia
Me ha dejado ahí fatal
Me ha dejado fatal
Porque la hemos liado
La hemos liado
Pero esto es porque
El body
También
No tiene
Storm margin
Border
Que no tiene
No tiene
No tiene reset esto
Border box
¿Vale?
Vamos a ponerle aquí
Un padding
De 16 pixels
Ay no
Padding no
Bueno
Bueno
Lo voy a dejar
Lo vamos a dejar ahí
¿Vale?
Pero bueno
El tema es
Que ahora
Fíjate que siempre
Acaba llega un momento
Que no cabe
Porque el texto
Lo que hace
Es romper la
Romper la caja
Pero bueno
El tema es
Que ahora siempre
Lo vas a tener aquí
En un cuadrado
Tal cual
Perfecto
Y eso te puede servir
Por ejemplo
En Instagram
Lo que teníamos
Antiguamente
Que teníamos
Un post
Que era cuadrado
Pues puede ser
O en Pinterest
Que en Pinterest
Tú lo que tienes
Que son las imágenes
Que sean todas
De 9.16
Y no es la imagen
Es todo el artículo
Que tiene
¿No?
Entonces
Es súper interesante
El hecho de que
El aspect ratio
También se puede utilizar
Fuera de una imagen
Y en este caso
Creo que tiene sentido
En lo que estamos haciendo
De la landing
De for jobs
Y así siempre
Dejamos esa relación
De aspecto
Que queda súper bien
¿Vale?
Llega un momento
Cuando aquí se hace muy grande
Pues lo que podríamos hacer
Aquí en el text
Claro
Aquí hemos puesto
Text 24
Y aquí otra vez lo mismo
¿Vale?
Esto importante
En Tailwind
Os recomiendo
Que evitéis esto
A ver
Puede ser que
El leading
Tenga sentido
Porque no encaja
Bueno
Pero es que este
24 píxeles
Ya es un valor
Si no me equivoco
Es el
¿El XL no es?
Es el 2XL
El 2XL ya es un valor
Y entonces
No vale la pena
A lo mejor
Este leading
Tampoco da mucho
Mejor que intentemos utilizar
Siempre los valores
Que nos da
Que nos da
Ya Tailwind
Para trabajar
Aquí que tenemos
El 2XL
Y el 3XL
Claro
Aquí
Veo que
Cuando ya llega
Aquí sí que queda bien
Pero ya llega un punto
En el que aquí
A lo mejor deberíamos
Hacerlo un poquito
Más grande
Pues bueno
Vamos a intentar
A ver si aquí
Lo podemos hacer así
A ver
Vale
Ese lo ajustamos
Ay espérate
Este que he visto ahí
Puede ser
Vale
Claro y aquí
A lo mejor
Lo tendríamos que hacer
Más pequeño
O incluso más grande
Todavía este
Miles de oportunidades
Este SM
A ver
¿Hay un XS?
Sería la hostia
No hay un XS
Igual tendríamos que crear uno
Para que sea intermedio
Pero bueno
Al menos
Ahora queda
Claro es que aquí
Estaría genial
Que se hiciese grande
Casi a partir de 400
Que ya se hiciese grande
Se hiciese más grande
Pero bueno
Al menos ya lo tenemos
Un poquito mejor
Nos faltaría arreglar aquí
A ver
He visto una cosa aquí
Rara
He visto una cosita rara
Por aquí
Vale
Vale
Nos faltaría arreglar esto por aquí
Aquí esto ahora sí
Que queda demasiado grande
Y esto es porque
Cuando se hace
Tan grande
No sé si esto ya
Sería
A ver
Esto es MD
768
Cuando se hace
768
Ya tiene esto
Y esto aquí
Se tiene que hacer
Esto en realidad
Se tendría que hacer
Mucho más pequeño
Que sería
Más bien
A ver
El 3XL
Miles de oportunidades
Claro es que aquí
Tenemos otra vez
El mismo problema
Yo no tengo muy claro
Que este estilo
Quede bien aquí
Pero bueno
Aquí de nuevo
Podemos
Esto que tiene aquí
Como oferta de empleo
La oferta de empleo
Es la parte de
Aquí arriba
¿No?
MD
3
Text
2XL
El tema es
Que primero
Se hace
Más pequeño
¿Vale?
¿Vale?
Esto porque
Está tan
Tan aquí
A ver
Esto porque
Este flex
Aquí
Esto
Tendríamos que empujarlo
Para arriba
Como que queda demasiado
En algún sitio
Claro es que aquí veo
Que la imagen
Está puesta con un ancho
A mano y tal
Bueno eso lo puedo mirar
Al menos
Y luego otra vez
Se tiene que hacer de nuevo
Otra vez grande
O sea cuando está
Más grande esto
No sé si LG
Algo así
Vale va a hacerse
Más grande otra vez
Y ya estaría más grande
Aunque incluso
Más grande
Más grande todavía
Algo así
Miles de oportunidades
Miles de oportunidades
Aquí me he pasado
Porque este es más pequeñito
Oferta de empleo
Oferta de empleo
Incluso más pequeñito
Algo así
¿Vale?
Todavía nos faltaría
Claro
Fijaos que la relación
De aspecto
Cuando está aquí
Ya es diferente
Cuando da ese salto
Este aspect ratio
Que habíamos puesto aquí
Esto sería solo
Cuando es pequeñito
Pero claro
Llega un momento
Que se hace más cuadrado
Que no sé si será
En el L
Aquí
Que yo creo que incluso
Sería un cuadrado
Casi
¿Ves?
Ahora
Entonces
Llega un momento
Que es cuadrado
Y luego aquí
Se hace
Aquí nos faltaría
Solo ajustar
El tema de la imagen
Pero ahora
Sí que queda más
Como un cuadrado
Como lo teníamos
Justamente aquí
¿Vale?
Así que
Esta sería un poco
La idea
Vamos a
Luego lo
Lo subo
¿Vale?
Venga
A ver
A mí me gustan más grandes
Bueno está bien
Te puedes poner
Un aspect ratio
Uno a uno
¿No?
¿No sería mejor
Usar clamp
Para el texto?
Pues seguramente
Una vez que lo tengamos todo
A ver
El clamp
En este caso
Es un poco complejo
Porque
Fíjate
El tema es
Que quieres
Aquí
Que sea pequeño
Bueno
Que sea bastante grande
Luego lo quieres hacer
O sea
Aquí lo quieres
Grande
Llega un momento
Que lo quieres hacer
Más pequeño
Y luego lo quieres hacer
Otra vez grande
Entonces
Es un poco complicado
Porque el clamp
Tú lo que quieres
Es como
Pinzarlo
Entre dos valores
Pero aquí
Es que fíjate
Que es raro
Lo que tienes que hacer
¿Sabes?
Tienes que hacerlo
Grande
Pequeño
Luego otra vez
Grande
Otra vez
Es un poco raro
Así que
No creo que
En este caso
El clamp
Te pueda ayudar
Creo que
Para otros casos
Si que puede ir mejor
Bueno
Vamos a ver
Más de las PR
Que habéis hecho por aquí
Vale
Esta de los conflictos
Bueno al final
Lo he arreglado
De otra forma
Porque
Distorted Images
Espero que Lua
No se enfade
Pero
Vale
Gracias por la PR
Crack
En su lugar
Hemos tirado
Por usar
Aspect Ratio
Para intentar
No jugar
Tanto
Con las alturas
Porque al final
Te vuelves loco
Un poco con las alturas
Vale
Pero muchas gracias
Lua
Te lo agradezco
Infinito
Subtitle Component
Envolví todos los títulos
De secciones
En un solo componente
Para hacer más fácil
Modificar todos
De una manera más eficiente
Y volví el título
Del prefutter
En un párrafo h2
Para la semántica
Visualmente no cambió nada
En una PR
Arreglé los bordes
Posterior se volvió a aplicar
Usando section
Component
No se que
No se cuanto
En una PR
Posterior
Este es un ejemplo
De PR
Que es un poco
Polémica
Vale
Porque a ver
Esto es una PR
Que hace una cosa
En concreto
Pero yo intento
Ver esta PR
Y claro
Yo entiendo
Que se hace
Con el máximo cariño
Pero aunque parece
Que es poco
78 líneas
De más
64 de menos
Se supone
Que esto
Está creando
El componente
Subtítulo
También os digo
Una cosa
Si vais a crear
Un componente
Subtítulo
No siempre
Es buena idea
Aplicar el nuevo
Componente
En todos los sitios
Porque tú puedes
Hacer la PR
Y decir
He creado
El componente
Subtítulo
Y lo he utilizado
En un sitio
Pero se puede utilizar
En los demás sitios
Pero solo lo he aplicado
Aquí para que de forma
Progresiva
Se vaya aplicando
En todos los lugares
Esto es un error
Muy común
Que ocurre
En muchas empresas
Donde la gente
En un refactor
Dice
He creado
Este componente
Y tal
Y hace una PR
Donde empieza
A utilizar ese componente
En 25 sitios
Diferentes
Y luego
Un montón de PRs
Al final
Lo que hace
Es que hay un montón
De conflictos
Es muy difícil
De revisar
Si hay PRs
Que pasan por delante
Entonces luego
Se hace difícil
De emergear
Eso lo primero
Lo segundo
Es que si haces una cosa
Hay que intentar
Evitar cambios
Que no añadan
Por ejemplo
Este cambio
Está bien
Tiene sentido
Porque si que lo del subtitle
Y se entiende
Super bien
Claro
Pero luego está
Esto del ritme
Que bueno
No pasa nada
Porque no es importante
Pero si tú ya ves
Cuando hagas la PR
Dices
Ostras
Estoy haciendo la PR
Me ha metido esto del ritme
Que no aporta nada
A la PR
Pues quítalo
Te quitas este commit
Y no lo añades
Para no añadir ruido
Lo quitas
Y punto
Luego
El tema es
Intentar no formatear
O cambiar cosas
Que no tienen sentido
Por ejemplo
Este es un poco raro
Porque me da la sensación
Que le falta
Utilizar el section
El componente
Que él mismo dice
Porque este título
Parece que desaparece
Decía que le había pasado
Como un H2
Pero aquí no está
Luego aquí
Mi sensación
Es que está haciendo
Más cosas
De las que debe
Por ejemplo
Cambiando los aliases
Que yo entiendo
Que lo ha hecho
Con buena intención
Hay una cosa
Que le dicen
La regla del Boy Scout
¿Vale?
La regla del Boy Scout
Está muy bien
Pero muy peligrosa
Porque si tú haces una PR
Para cambiar un componente
En concreto
Si tú empiezas a hacer
La regla del Boy Scout
Empiezas a generar ruido
En esa pull request
Por ejemplo
Yo ahora aquí
Mirando esta PR
Tengo que decir
Vale
¿Y por qué tiene que cambiar esto?
Ah
Porque está utilizando el alias
Bueno
Tiene sentido
Pero es que además
Le ha cambiado el orden
Aquí a esto
Y ya que estaba
Ya que estaba por aquí
Ha tocado esto
Vale
Claro
Pero todo esto
Que está en rojo
Para el cambio único
Que tenía que hacer
Pues es porque
Está haciendo
Muchos más cambios
De los que debía
Si hubiera tocado
Solo este H2
Que era justamente
Lo importante
Pues a lo mejor
Sería mucho más
Fácil de revisar
Pero en cambio
Tengo que asegurarme
Que todas las cosas
Que ha hecho
En la pull request
Pues tienen sentido
De repente me pregunto
Ostras
Y ahora
¿Por qué aquí está tocando
Este padding?
¿Sabes?
Este tipo de cosas
Entonces
Se hace mucho más complicado
Poder revisar correctamente
La PR
Porque hay otro ruido
Por ahí
Que complica
¿No?
Hay algunos scripts
Que se agregan
Después del proyecto
Para formatear
¿No?
Y por eso se mueve
Bueno
Pero en este caso
No ha sido de formateo
Sino que lo ha tenido
Que cambiar
Él manualmente
¿Vale?
Cooljobs
Esto dice
Que ha cambiado
El click
Esto es de
Anzonazo
Dice que
Mira
Pues esto está
Un poco alineado
Con lo que estamos diciendo
Vale
¿Ves?
Aquí otra vez
Aquí me parece
Que hay más cambios
De los necesarios
Para justamente
Cambiarlo del click
Porque
O sea
Ha cambiado
Y ha quitado
El anchor
Hostia
Que raro esto
Tío
Que raro
Porque dice
Que ha cambiado
A ver
Aquí dice
Que el
Cooljobs
Que no era
Ah
Porque está ahí
El anchor
¿Vale?
Si está
O sea
Estaba demasiado
En un sitio
Que no debía
¿No?
Vale
Bueno
Claro que por eso
Ha hecho
Vale
Group
No sé qué
Aquí tenemos
Mira aquí tenemos
Otro que podría ser
Relación de aspecto
Para siempre que sea
Igual
Vale
Cooljobs
Target
No sé qué
No sé cuánto
Techwide
Ver todos
Bueno
A ver
Tiene sentido
Lo agregaré
Y lo reviso
Ahora
Posterior
¿Vale?
Vamos con
Con el siguiente
Agregar archivo
Contributing
Esta
Purrícula
Se añade
Un archivo
Contributing
No sé qué
Vale
Vale
Aquí ha añadido
El contributing
Estile
Borde
Bueno
Claro
Aquí pasa otra vez
Lo mismo
Esto es
Porque
Hay una parte
De contribuidores
Que es
Dinámica
Y seguramente
Se le está añadiendo
Porque tiene cambios
Pero claro
Lo que hay que evitar
Es ignorar
Este cambio
Y no subirlo
En la PR
Vale
Aquí he puesto
Contributing
Bueno
Vale
Aquí he puesto
Sus settings
Vale
O sea
He puesto
Settings
Vamos a ponérselo
Venga
Vamos con el siguiente
Styles
Se cambió la imagen
La imagen de un estilo
Muy similar
De dos elementos
Amarillo y verde
Cuando se coloca
El puntero
Sobre el elemento
Alimento
De la imagen
Su fondo
De un escalado
Y tiene un efecto
Un poco raro
Con este nuevo cambio
El cambio de escala
En más natural
Y similar
A los elementos
Amarillo y verde
Vale
Y este después
Vale
Lo veo bastante parecido
Pero bueno
Está bien
Porque es
Un efecto
Muy concreto
Vale
En un sitio
En concreto
O sea
Perfecto
Una PR
Que se puede entender
Súper bien
Fácil
Rápido
Tremendo
Así que
Genial
Gus
Muchas gracias
Crack
Vale
Prefooter
Update
Solución del siguiente
Programa del prefooter
Con el uso
De la aspect ratio
Ah mira
Con el
Justo lo que hemos hecho
Es justo lo que hemos hecho
Me parece
Es justo lo que hemos hecho
O sea que
Lo siento
Lo siento
Pero ves
Aquí hay otros cambios
También
Aquí hay otros cambios
De
Has cambiado el gap
Pero bueno
Me alegro que
Es justo lo que hemos hecho
Pues lo estaba haciendo
Él por aquí
Claro
Por eso ahora
Está
Seguramente está haciendo conflicto
Y
Underline
Arreglar subrayado
Para los elementos
El elemento ayuda y condiciones
No tienen subrayado
A partir de 768
Se utilizaba margin
Para la separación
Diseño móvil
No se ve afectado
Vale
Vamos a ver el código
Vale
Aquí ha puesto un poco de gap
Relative
After
Absolute
Hostia que es raro esto
¿No?
Y porque esto es necesario
O sea que es cosa más fácil
O sea más complicado esto
¿No?
O sea porque tiene que hacer
Todo esto
A ver a ver
Esto me ha sorprendido
A ver
Aquí tiene subrayado
Hostia este ayuda
¿Es verdad que no tiene subrayado?
Porque no tiene subrayado
Algunos
Y otros sí
Hostia esto
Esto es un poco extraño
Porque este no tiene subrayado
Porque cuando hace joven
Este no tiene subrayado
Vamos a buscar esto
Un momento
Vamos a ver esto
Vale
A ver
Vamos por partes
Aquí veo que están
Todos los enlaces
Perfecto
Aquí tenemos
Vale
Esto
Para empezar
Esto
Lo tenemos que tirar
Más para la izquierda
Vale
Mejor formateado
Porque esto
Esto aquí tenemos
La separación esta
Aquí tenemos el anchor
Y porque condiciones legales
Dice
Hostia
Hidden
Hostia que raro esto
Porque tiene este condicional
Chungo
Vale
Lo de Hidden
Lo entiendo
O sea entiendo
Que esto es porque
Cuando es pequeño
Pues aparece por aquí
Vale
Vale
Puede ser que sea
A ver
A ver
Yo creo
Que
El arreglo
En este caso
Sería mover esto aquí
Y ya está
¿No?
También es verdad
Que no me gusta esto
¿No?
Esto es un magic string
Pero de
De funeral
Vamos
De decir
Hostia
Y si el label cambia
En lugar de hacer esto
¿No?
A lo mejor
Se pueden hacer dos cosas
Uno
Hacer algo
Que sea más bien
Que tenga
Custom Class Name
Que tampoco me gusta del todo
¿No?
Que digas
Vale
Aquí tenemos
Todas las clases
Que van a ser
Personalizadas
De esto
O Class Name
Incluso
Y dices
Bueno
Pues este
Ese Class Name
Va a ser
El que tengamos aquí
Y tal
Eso podría ser una
Para que
Lo tengamos para acá
Y también
¿Cuál era el otro?
Condiciones legales
Esta ayuda
Y condiciones legales
Este al menos
Me gusta más
En el sentido
De que
Lo tienes
En un sitio
Específico
Y no te pones
A mirar
Por
A través del label
Si tiene una
Magia negra
Ahí
Que tienes que hacer
Y entonces
Tú aquí
Directamente
Ya
Pues le metes
Esto por aquí
Ya tienes aquí
El Class Name
Y te olvidas
De todo esto
Y te queda
Mucho más limpio
Mucho más limpio
Más fácil
De entender
Más recogido
Y tal
Esto podría ser
Una
Otra que puedes hacer
Sería más declarativo
En lugar de
Poner el Class Name
Ahí a mano
Lo que se podría hacer
Es decir
Bueno
Vamos a tener
Algún tipo de
Flag
Que sea
Show
Claro
Este casado
Sería para mostrar
Mobile
Pues
Show
On
Mobile
Le pondríamos
Un True
Y entonces
Estos estilos
Lo que podríamos hacer
Es decir
Vale
Pues
Si tiene el
Show on Mobile
Show on Mobile
No sé si es
On Mobile
O In Mobile
Vale
Pues si tienes
Estos estilos
Pues lo que hacemos
Aquí
Hacemos un Class List
Quitamos esto
Show on Mobile
Le hacemos
El Class List
Este
Esto debería ser
Un Array
Tu tu tu tu tu
Tu tu
Bueno
En realidad
Ni siquiera un Array
Podríamos hacer esto
Le he puesto
Vale
Esto por aquí
Espérate
Me voy a copiar
Esto Class
Tu tu tu
Y aquí
Lo que vamos a hacer
Aquí
Tendríamos
Que si
Tenemos
Show on Mobile
Pues entonces
Tiene que mostrar este
Y ya está
Esta podría ser otra
Y la he liado parda
La he liado parda
Porque
Hostia
El Class List
No funciona así
O es porque
Era al revés
O sea
Ahora me he olvidado
Si la lógica
Era al revés
A ver un momento
Tu tu tu tu tu
Igual no me he fijado
Ah si es diferente
No me he fijado
Pensaba que era
Si era igual
Entonces
Pensaba que era
Si era igual
Vale no pasa nada
Pensaba que era
Si era igual
No pasa nada
Entonces
Si
Show on Mobile
Tal
Y si no
Pues esto
Vale
Y ya
Pues ahí lo tendríamos
Y le dejamos eso
Y ya está
Esas son las dos opciones
A mi la verdad
Que cualquiera de las dos
Me gusta
Si el link no tiene la clave
Class name
No le agrega la class undefined
A menos que le pongas
Un valor por defecto
Efectivamente
Lo que pasa es que
No lo he explicado
Porque total
Lo iba
Lo iba a quitar
Y iba a hacer este
Y con este ya
Si que no tenemos ese problema
Vale
Pero si con el class name
Si no le ponemos nada
Al class name
Y ahí indicáis el class name
Tened en cuenta
Que vais a
Vais a ver
Que aparecería un undefined
Y tal
Pues eso
Podríamos hacer esto
Y ya está
Y
En este caso
A ver
Es verdad que
Show on Mobile
Claro
En realidad no es
Show on Mobile
O sea
Show on Mobile
True
Vale
Si show on Mobile
Is true
Claro
Lo he puesto vacío
Y si no
Vale
Nada
Tiene sentido
Claro
Esto es por
En el caso
De que
Es verdad que
Esto es raro
Que ya aparezca
Aquí subrayado
Yo no sé si
En el estilo
En el diseño
Me imagino
Que aparece
Con dicones
Con dicones
Pero bueno
Bueno pues lo vamos a dejar así
Al menos
Que ya esté
Ya esté hecho
Muy bien
A ver
Pero yo creo que
Tiene más sentido esto
Que esto
Que es muy raro
After
Absolute
Bottom
Me imagino que es que ha hecho
Algún efecto con el hover
Con el underline
Pero
Es un underline
Muy
Que se ve muy poco
Que creo que no vale la pena
Vale vale
Es que ha hecho un efecto
Con el
Bueno
Creo que está muy abajo
Como para hacer un hover
Que sea tan vistoso
Muchas gracias
Por la PR
Crack
Al final
Lo hemos solucionado
Con un poco
Menos de
Clases
Y más sencillo
Abrazote
Vale
Ahí lo tenemos
Voy a subir todo esto
Antes de que la liemos
Y que más gente
Se ponga a hacer esto por aquí
Vale
Aquí tenemos
Bueno
Sabéis que
No me voy a trabajar mucho
Los commits
Me voy a fiar
De lo que me diga
La inteligencia artificial
Cleanup
Formatting
Hero Search
Combined for better
Readability
Vale
Me lo fío
Esto que es
Claro
Esto además
Me ha formateado aquí
Me ha quitado cositas
Pero bueno
Estandarizar
El header
Venga
Por aquí
Blah
Blah
Columnas
Vale
Aquí tenemos el mobile
Y así ahora
Vamos a hacer el despliegue a producción
Para tenerlo
Desplegado
Este margin button
Por ahora no estoy utilizando
Aunque hay falta trabajo
Por hacer
Para arreglarlo
Vale
Aquí tenemos este
De la
Sin problema
Vale
Aquí ya hemos arreglado
Alguna cosa de la infografía
Vamos a poner esto por aquí
Hostia
No me digas
Que me va a dar conflictos
No
Espero que no
Espero que no
No
No quiero
No quiero arreglar conflictos
Vale
Puede ser que sea por aquí
Vale
Esto es porque
No tenía
Todos los cambios
En local
Vale
Perfecto
No
No ha pasado nada
Mira que bonito esto
Como está quedando aquí
Vale
Vale
Pues ahora que ya hemos
Hecho esto
Vamos a hacer
El despliegue a producción
Y para eso
Pues nada
Nos vamos a ir a Vercell
Vamos a añadir
Un nuevo proyecto
Y lo
Una cosa que me gusta
Mucho mucho de Vercell
Para hacer despliegues
Es que te detecte
El último repositorio
En el que has estado trabajando
Y aquí hay un spoiler
Porque fijaos
Que hay aquí
Que he estado trabajando
En Halloween.dev
Entonces
No te quiero contar nada
Pero se vienen cositas
Estamos trabajando
Estamos trabajando
Madeval y yo
En algo
Para que
La semana que viene
No va a haber directo
Pero
Va a haber algo
Que espero
Os guste mucho
Vale
¿Me iba a participar
La hackathon?
No, no, no
Desde ayer se vio
Bueno
Pero hoy otra vez
Lo vuelvo a decir
No pasa nada
Se viene el OnlyFans
No, no, no
Qué bueno esto
Encima que se actualiza
En tiempo real
Tiene estos detallitos
Están muy chulos
Vale
Landing info jobs
Esto está con astro
Vale
Variables de entorno
No sé si intentar utilizar
Ban
Es que la última vez
Que intenté utilizar
Ban
No sé
¿Qué estoy utilizando ahora?
PNPM
Vale
Estoy utilizando PNPM
Bueno
Lo dejo así
Vale
Voy a
Voy a poner la variable
En torno
Miradme a los ojos
Antes que os veo
Que me queréis robar
La variable
Me la queréis robar
Y ya se está haciendo
El despliegue a producción
Pues mira
Ni 44
Ni hostias
Vale
Ostras
Cago en la leche
Maldito
Maldita
Lisiada
No
Esto es por culpa
De
Mira
Vamos a utilizar
No run build
Esto es por culpa
De
TypeScript
Esto es culpa
De TypeScript
Hay un error
Hay un error
En oferta de empleo
Dice
No se puede encontrar
Ah mira
Esto lo había arreglado
Alguien
En una
En una PR
Esto
Fix
Grown
Component
Pero
Hacía otras cosas
Ostras
A ver si funciona
Esta extensión
Que el otro día
La intenté probar
Mira
A ver
Empezar
Iniciar sesión
Conversell
O auth
Vale
A ver si funciona
Es que no me funcionó
Vale
Añadir integración
Quiero
Con mi
Dudes Pro
Todos los proyectos
Instalar
Si
Vale
A ver si funciona
Linkar
Proyecto
Landing
Dinfo
Jobs
Que guapo
Que guapo
Esto
Que guapo
Chaval
Una extensión
De Vercell
Que te indica
Aquí los
No
Que chulo
Una extensión
Que puedes ver
Los despliegues
Y cada vez
Que haces
Mira
Te dice
Las builds
Tienes el lock
Oh
Y puedes ver
El lock
Aquí
Madre de Dios
Que estoy teniendo
Un orgasmo
En programación
Dios
Es que esto
Es lo máximo
Tío
Esto me encanta
Que ad
Que ad
Si es de un
Chico hombre
Que lo hizo
Ahí con todo su
Madre de Dios
Me encanta
Me encanta
Vale
Y aquí tenemos
Como el repositorio
El último commit
Y para visitar
Y para visitar la página web
Buah tío
Me encanta
Tío
Orgasmación
Acabo de tener
Una orgasmación
Me encanta
No es de Vercell
Es de un chico
Se llama
Se llama
Vercell for
VS Code
No
Esta no es
Es esta
VS Code
Vercell
Es esta
Pero
Fijaos que tiene muy mala
Tiene muy mala nota
Porque no funcionaba
Pero bueno
Imagino que la han arreglado
Y ojo
Porque está
Muy muy bien
Porque puedes ver
Todos los despliegues
Claro yo vi esto
Y dije
Madre mía
Ya se robaron tus credenciales
A ver
La compartió Guishermo
O sea que Guishé
Como
Como vea
Que falla
Y me roban los credenciales
Le muerde un ojo
Está muy bien
Y lo mejor
Es que creo
Que incluso
Puedes acceder
A los archivos
Ah no
No
Pues no
Aquí en archivos
No
No deployments
View more
A ver
Aquí puede ser
View more
¿Dónde es?
Se supone que se puede
No
Se supone
View more
No sé
Pues no me deja
Porque ves que pone aquí
Files
Dice
No hay deploy
Se le da
Be clicking on view more
Button of deployment item
No veo
No veo
Donde está el view more
Donde está el view more
No veo
No veo el botón view more
No veo
No sé
Igual es que
Le doy botón
Derecho
No funciona
No funciona
Bueno
Están trabajando en ello
Me imagino
Me imagino que estaban trabajando en ello
Ah mira
Ahora sí
Ah ahora sí
Ah pero que rabia
Que no se actualiza automáticamente
Vale ahora sí
Ves view more
Y entonces puedes acceder
A los archivos
Que están en el despliegue
Esto es lo que se ha desplegado
Y hombre está bien
Porque puedes acceder
Y ver
Pues los archivos
Que están en producción
Mira
Este archivo
Es el CSS
Que se ha desplegado
Ostras
Está muy bien
Está muy muy bien
Y sin salir del Visual Studio Code
Está muy chula
Está muy chula
La voy a utilizar
Como no lo podéis ni imaginar
Y encima queda aquí
Súper integrada
Súper chiquitita
Me encanta
Yo no pongo notas
Un 10
Yo no pongo notas
Pero un 10
Mira
Os voy a enseñar
La extensión
Por aquí
Por acá
Vale
No sé
La he liado
Pero es esta
No esta no puede ser
Es esta
Del 2021
Es
Pues la he actualizado hace poco
O hace poco
Se ha hecho famosa
De hecho la página web
Era bastante bonita
La página web
A ver si os la enseño
La página
Esta
Mira es esta
Es gratuita
De código abierto
Y funciona
Con Visual Studio Code
Y todos sus forks
Claro
Yo vi estas imágenes
Tan bonicas
Y dije
Madre mía
Esto lo tengo que utilizar
Yo como sea
Y la verdad es que
Me gustaba mucho
Pero no funcionó
No me funcionó
Y dije
Menudo rollo
Pero bueno
Dije
El otro día se actualizó
Y pensé
Bueno pues ahora que se ha actualizado
Igual ahora sí que funciona
Y sí
Sí que funciona
Así que nada
Ahí está
Para aprovechar
Vale
¿Qué más teníamos?
Ah sí
Quería hacer otra cosa
Importante
Que no me va a dar tiempo
De terminarlo todo
Hostia
9 PRs
Ah vale
Pero
Cositas
La landing
Hostia
¿Dónde he puesto el Figma?
¿Dónde he puesto el Figma?
Figma
Figma
Figma
Vamos a abrir el Figma
De las landing
Para jóvenes
Vale
Una cosa que quería hacer
Ah mira
Ah no
No no
Pensaba que se veía el trocito
Claro
Dependiendo de cuál es
Claro
Esto
Esto también está mal
¿Ves?
Esto
Esto
Este es otro caso
De que hay que utilizar
La relación de aspecto
¿Cómo tendría que ser esto?
Esto al final
La clave
Sería que la relación de aspecto
Bueno
A ver
Es que podría ser
Con la relación de aspecto
Podría ser de otra forma
Pero con la relación de aspecto
Lo que se podría hacer
Es que fuese
Reacción de aspecto
Aspect ratio
9-16
¿No?
Porque justamente
Justamente
La relación de aspecto
Esa
Hace
Bueno
Claro
Es que algo
Algo hay
Que no está bien del todo
Pero lo que debería ser
Es que siempre
Debe haber algo
Ves
Claro
Tiene un ancho
Tiene una altura ahí
Puesta a mano
Es que no tiene sentido eso
No tiene sentido
Lo que se debería poner
En todo caso
Sería un ancho máximo
O se le podría poner un ancho
Se podría decir
Solo el ancho
Pero la altura
Que fuese automática
¿Sabes?
De decir
No
Es que
Como máximo
El ancho
Tiene que ser todo
Y
Y lo que sea
Pues que sea
De 400 píxel
O lo que sea
¿No?
Entonces
Ahora sí
Lo que está bien
Claro
Solo se lo he puesto
A la primera
¿No?
Pero lo que estaría bien
Es que siempre
Tenga el ancho máximo
Para que no se haga más grande
Y ya está
Lo malo es que
Está puesto a mano
Alguna cosa
Pero estaría
Estaría interesante
El hecho de
De tener siempre
La misma relación de aspecto
Vale
Vamos a
Hacer cositas
Porque
El tema es que
Al darle click aquí
Esto ahora no funciona
¿Vale?
No funciona
Pero debería funcionar
Lo que debería hacer
Es enviarnos
A la página
De Infojobs
En modo porno
Infojobs.net
En Infojobs
Aquí podéis buscar
Pues desarrollador web
¿Vale?
Os vais aquí a buscar
Y aquí pues tenéis
Los resultados de búsqueda
La idea es que
Cuando le demos a buscar
Nos lleve
A esta página
Entonces
Claro
Primero tendríamos que filtrar
Por provincia
Y veis aquí
Hay una URL
Donde se está viendo
Todo lo que está
Relacionando
Y tal
Tendríamos aquí
Si es presencial
Si es solo trabajo
Y tal
Que esto también
Creo que lo tenemos aquí
No
Tenemos estudios
Puesto empresa
Provincia
Población
¿Vale?
Eso habrá que ver
Cómo sacamos
Autocomplete
Y tal
Pero esto
Estudios mínimos
Voy a poner este
De Sun Studios
Voy a quitar este filtro
Voy a ver la URL
Que se ha creado aquí
¿Vale?
Vale
Keyword
Como tal
Esta keyword
Entiendo que sería
La keyword esta
Que ha puesto por aquí
Entiendo que sería
Esta de aquí
¿No?
Esta sería la keyword
Y provincia
Y tal
Esto es un poco
Más complicado
Porque a ver
Normalize
Job Titles
IDs
Y claro
Si quito este
Normalize
Job Titles
ID
A ver esto
Si me devuelve
Resultados
Vale
Esto sí que funciona
Desarrollador
Web
Desarrollador
Web
A ver
Y si quitamos
Esto
Y ponemos
Palabra clave
Ponemos
Frontend
Por ejemplo
9
Solo 9
Claro
Es raro
Me da la sensación
Que así salen
Ah no
Frontend
Solo 9
Porque he buscado
En España
No
O sea
Es algo raro
Este
A ver
Si busco
Hostia
No sé por qué
Me sale siempre
Este
A ver
Voy a eliminar
Todas las cookies
Que tengo
Esto debe ser
Porque
No
Cookies
No son por las cookies
Es que no sé por qué
Me entra siempre
Directamente
Ahora
Vale
Ya está
Vale
Si yo busco
Barcelona
Hay Barcelona
Desarrollador
Web
Aquí
Cuántos resultados
Me busca
355
O sea
Qué filtros
Por dentro
Tiene esto
355
A ver
¿Por qué
Este
355
Si le quito
A este
Si le quito
A este
Este
Si le quito
Esto
Cuánto
Me da
Vale
Esto es lo que
Quería yo
No sé lo que
He hecho antes
Mal
Pero esto es lo que
Quería yo
Este
Ah vale
Porque he puesto
Lo de los estudios
Vale vale
Porque he puesto
Lo de esos estudios
Que quería ver
Vale
Porque aquí quería
Mirar
Si pongo
Sin estudios
Vale
Ahora hay 7
Vale
Perfecto
Esto es lo que
Quiero
Porque tenemos
Que generar
Esta url
Vale
Country IDs
Relevance
Segment
Education ID
Esta es la
Idea
Que tenemos
Que estar
En el
Hero Search
Aquí tenemos un formulario
En algún sitio
Aquí
Y aquí
Este formulario
Que voy a poner
Hero Form
Por ejemplo
Vamos a poner aquí
Un script
De hecho ya tenemos
Un script aquí
Actualizar color
Ah mira
Fíjate
Script
Actualizar color
Cuando se hace
Actualizar color
Hostia que raro esto
Dice
Document
Query Selector
Cuando
Se actualiza color
Cuando se hace
Don't Content Loaded
Y cada vez
Que se cambia
Se mira
Si
Si el valor
Es indicar nivel
Claro
Pero estoy viendo
Que el valor
No es lo que se envía
A ver
El tema es
Que nosotros
Aquí en la landing
Habíamos puesto
Todo esto
Y aquí teníamos
Por ejemplo
Sin estudios
Y si miramos
El select
Veremos que el valor
Que tenemos aquí
Ves
El value
A ver si lo encuentro
Value
Indicar nivel
Pone value
Educación secundaria
Obligatoria
Pero veo que en la url
Lo que se envía
No es eso
Lo que se envía
Es la id
O sea
No se envía el valor
Se envía la id
Entonces
Vamos a tener que cambiar esto
Vamos a tener que
En el value
Que tenemos aquí
La id
Es lo que vamos a tener
Que poner en el value
Y aquí esta
Pues no sirve para nada
Así que ahora
A ver
Ahora
Deberíamos ver aquí
Value 20
50
Vale
Y este el 10
Es el sin estudios
Vale
Entonces
Vamos a recuperar aquí
El formulario
Cons
Form
Document
Vale
He escrito aquí
Lo que me ha dado
La gana
Directamente
Form
Atmlistener
Cuando hacemos un submit
Vale
Vamos a quitar todo esto
Vale
El formulario
Solo si lo tenemos
Porque claro
Aquí dice
Claro
Pero formulario
Puede ser
As html form
Element
Vale
Si tenemos el formulario
Esto ya no va a dar
Ningún problema
Pero bueno
Podemos hacer igualmente
Vale
El form data
El form data
Esto está súper chulo
El form data
Para recuperar todos los datos
Del formulario
Que necesitamos
Pero vamos a necesitar
Ponerle a cada uno
Un nombre
Así que vamos a tener que poner aquí
Name
Study level
Vamos a poner
Vamos a poner study
Study level
Me parece mejor
El input
Estudios puesto empresa
Estudios puesto empresa
Hostia
Que raro
Vamos a poner aquí
Keywords
Porque total
Y name
Vamos a poner aquí
Localization
No sé que poner
Es que province
No
Geo
Geography
O geolocation
Geolocation
Hala
Ya está
Geolocation
Y esto
Ahora lo bueno
Es que aquí
Si miramos
Study
Study level
Aquí nos debería dar
El level
Console log
Del level
Y vamos a ver
Si esto
Está funcionando
Oye
¿Qué le ha pasado esto?
Algo
Algo le he liado ya
¿Qué he hecho ya?
Algo he hecho mal
Algo
Algo le he liado
No puede
Hostia
Esto es que he cerrado
Esto en algún sitio
A ver
Vosotros que tenéis más ojos que yo
Es normal que Midu
Usa nombres en español
Donde he utilizado
Un formulario en español
No sé
Este código no es mío
Este de actualizar color
De hecho vamos a instalar
Otra extensión
Que está muy chula
Que se llama
GitBlame
Lo que pasa
Lo que no me gusta mucho
De GitBlame
Ah que la tengo
Ay porque no me aparece
A ver
GitBlame
Hostia
Que raro
Pensaba
Pensaba que no la tenía activada
GitBlame
GitShow
For CopyHash
CopyTool
Hostia que raro
Que raro
Bueno lo ha hecho Diego
Con todo
No pasa nada
Pero esto
Este código no lo he hecho yo
Se hizo en una PR
Que raro
Porque pensaba que
GitBlame
GitInLineBlame
Ah es esta
Hostia
Puede ser
Ah la pone status bar
Vale vale
Yo quiero esta
Entonces
Quiero
Es que no quiero
Instalar GitLens
Porque es demasiado
GitLens
Ah fíjate
Pues nada
Vamos a desinstalar esta
Porque esta no interesa
Puede ser esta
Una de las dos
Quiero que
Salga en línea
Me gustaría una
Que
A ver
Una que sea pequeñita
Que solo haga una cosa
Es que
Lo malo de GitLens
Es que hace demasiadas cosas
Tío
Sabes
Me gustaría
Ah no
Better GitBlame
Better GitBlame
Y es premium ahora
Vaya
Estoy que la
Estoy que creamos esta extensión
Porque mira que es fácil
Y me da mucha rabia
El hecho de que
Ahora te quieran pagar
Y todo
No me digas que
Better GitBlame
Ahora es premium
GitGraph
Pero GitGraph
Está medio abandonada
Hombre
GitStory
Como sois
Bueno
En fin
Que esto en realidad
No lo hice yo
No pasa nada
Podemos poner
Update Colors
Y ya está
Para que nadie le moleste
Vale
Pues entonces
Ay espera
Que esto
Que no lo he arreglado
Que cual es el problema
Que cual es el problema
De esto
Que he hecho aquí
Que ha pasado
Que no le ha gustado
Aquí
Pero si esto está bien
No
Que he puesto aquí
Que ha pasado
A ver
Formulario
O sea
Está bien el código
Ah no
Espérate
Espérate
Vale
Vale
Espérate
Espérate
Algo
Alguna
Alguna cosa
Se me está escapando aquí
Vale
Por aquí dentro
Bien
Vale
Aquí bien
O sea
Este console lock
Tío
Algo le pasa a ese console lock
Pero por qué
No entiendo
Pero si no tiene nada
No tiene nada raro
O sea
Es muy raro
Es como que ese console lock
Puede ser que sea el console ninja
Puede ser que sea el console ninja este
Porque
Por lo que sea
Tengo una extensión
Que es el console ninja
Bueno
A ver
Vamos a poner esto
Esto por aquí
Vale
10
Vale
Perfecto
Eso es lo que queríamos
Ya está
Ya sabemos esto
No sé
A ver
Voy a ver si hay alguna
¿No?
Console
A ver
Console ninja
La voy a desactivar un momento
Qué lástima
Con lo que me gusta
Console ninja
Cajo en la leche
A ver
A ver si es eso
A ver
No creo que esté
Astro
Si si es eso
Ahora ya está
Ya está
O sea
Era console ninja
La madre que parió a la extensión
Pues joder
Por la niña parda
Porque imagínate que no te funciona algo
Y no tienes ni idea de dónde sale el error
Y es el maldito console ninja que está haciendo
Claro
Tiene que hacer algo con el console lock
Para poder mostrarte
La salida de la consola
Pero ostras
Qué peligroso
Bastante
Bastante peligroso
Bueno
Qué le vamos a hacer
Bueno
La url base
Digamos que
La tengo por aquí
Que es
Infojobs
Search
Bla bla bla
Todo esto
¿No?
Vale
Entonces
Vamos a poner
New url
Claro
Que ahora
Esto
Va a tener que ser
Infojobs
O search url
Search url
Vale
Vamos a poner
Search url
Punto
Search params
Punto set
Vale
Pues
Vale
Segment id
No
Segment id no es
Tendríamos la keyword
Tendríamos
Education id
Vale
Education id
Mira
De hecho
Lo puedo sacar de aquí
Vale
Level
Vale
Que el level
Vamos a decir que
Por ahora sea vacío
Hostia
Dice
No se puede asignar
Al parámetro
Tipo
Tipo file
¿Cómo que file?
La madre que te parió
Pero si
Ah amigo
Fíjate
Vale
Bueno
Lo malo es que también puede ser
Estas son las cosas malas
De
TypeScript
Que te obliga ahí
A que te
Vamos
Que esto tiene que estar bien
Si no
No lo hago
Vale
Venga
Ahí está
La keyword
Y luego
No la página no
Pero
Por cierto
Esto es un buena
Es una buena idea
Para que
Siempre que podáis
Construyáis urls así
Una cosa que a veces hacéis
Que no está mal
No pasa absolutamente nada
Es
Yo lo he hecho muchas veces
Es el hecho de
Crear urls así
No pasa nada
O sea
Tampoco está mal
Como tal
No pasa nada
Se podría hacer
Pero es verdad
Que
A ver
La
JavaScript y una web API
Que lo que te permite
Justamente
Es construir urls
A partir de un objeto
Hay gente que te podría decir
Que la forma correcta
De tratar ese objeto
Sería creándolo
Y luego
Pues seteando los search params
Y tal
Y luego al final
Convertirlo en un string
Bueno
No voy a ser esa persona
Creo que también funciona así
Sin ningún problema
Y podemos convivir con ello
Tampoco me parece tan grave
Lo bueno
Lo bueno que puedes tener
Es que
Esta construcción
De la url
Lo puedes hacer
Con por ejemplo
Un try catch
Y que si hubiese
Cualquier error
Pues aquí
Tendrías la información
De que está generando
Mal la url
Te podría decir
Oye
La url
Que está generando
Es incorrecta
Por lo que sea
En cambio
Si tú haces un template string
Te la vas a comer doblada
Y no vas a tener ningún problema
A la hora de generarla
Y es manual
O sea
Vas a tener que poner
Los query params
De forma manual
Vas a poder tener errores
De si has puesto
El query sting una vez
Si has puesto
El ampersand
Si lo has puesto dos veces
Y lo que sea
Entonces bueno
Eso serían
Las razones
Para que lo sepáis
Vamos a probar con esta
A ver si soy capaz
Porque hace mil años
Que no lo hago
Y luego
Vemos a ver
Qué tal
Vale
El otro sería
Tenemos education id
El page 1
Bueno que el page
Yo entiendo que
Tampoco
Necesite el page 1
Relevancia
Sort
Relevance
Only foreign country
Vale
Entiendo que estas dos
Se las vamos a añadir
Vale
Search
Url
Sort by
Publication date
Esto no es publication date
Es relevance
¿Por qué te inventas
Estas cosas?
¿Por qué?
¿Por qué?
La madre que la parió
¿Se esperaban dos argumentos?
Ah
Porque esto no lo he cerrado
Vale
Esto fuera
¿Y qué más tendríamos
Que crear por aquí?
Desde cualquier
Yo me voy a imaginar
Que en realidad
No es necesario
Muchas de estas cosas
Las voy a poner por ahora
Pero algo me dice a mí
Que esto no es necesario
Esto luego lo
Lo sacaremos
En un string
¿Vale?
O sea lo sacaremos
En constantes y tal
Pero bueno
Para que más o menos
Al menos tengamos
Y se supone que luego
Lo puedes convertir a string
Y aquí deberíamos tener
El problema
Vale
Navigator.push
A ver
Si esto
Ahí
Ahora no me hace
¿Cómo era?
Navigator
Joder
Ah no me acuerdo
Navigator
No
Navigator no era
Joder
Ah
Navigate
Push
Ah no me acuerdo
¿Veis?
¿Veis?
Es normal
No sabes esas cosas de memoria
Hostia
Se me ha olvidado
Navigate
Joder
Navigate
Mira
Navigate.push
Navigate
Navigate
Punto push
No es que
No es navigate
Ah no me acuerdo
¿Cómo era?
No
Window.location
Este es uno
¿No?
Pero yo quiero el
Navigator
No
Navigator
No es que no
Acuerdo
La leche
Use navigate
Anda hombre
Use navigate
No
Eso
Location.push
Hostia es que
¿Sabes que me está pasando?
Que estoy mezclando
Tampoco
Javascript
No
La madre
Este
Este es el que quiero
Navigate
Interferen
Detener
The problem
Staring the story
Vale
Si
Y este
¿De dónde sale?
Del navigator
O de
Navigation
Navigation
Punto
Push
Navigate
Vale
Del navigation
Si si
Del navigation
Pero
Navigate
History.push
Bueno pero quería utilizar
La history
Es navigate
Navigate
Pero porque no me la he encontrado
Antes
No
¿Ves?
Me dice que no
No está
Navigate
Bueno
Puede ser porque no esté
Bueno pues nada
Utilizamos la history
Seguramente
Lo estoy mezclando
Por culpa del
De Next.js
¿Vale?
Pero bueno
Si no
Vamos a probar esta
Y ya está
No pasa nada
Vale
Vamos por aquí
Por acá
Aquí
Tam
Pam
Pam
Vale
No le va a gustar
Porque
Porque no es del mismo
O sea que además
Vamos a tener que hacerlo
A la bestia
A ver
Yo me imagino
Que tiene sentido
Que total
Si es una landing
Pues que vaya
A la misma página
¿No?
O sea que no lo abra
En una nueva
Tiene sentido
¿No?
Porque si no
O sea
Si es la misma página
¿Qué sentido tendría
Abrirte una nueva pestaña?
¿Cómo lo veis?
Lo hacemos en una nueva pestaña
Yo creo que te he sentido
En la misma ¿No?
Yo creo que te he sentido
En la misma
Al final es que quieres navegar
En la misma página
Y dentro de una vez
Que sea la misma página
Pues ya lo tendrías
¿No?
No sería mandar el formulario
Por get
Podríamos hacerlo también
Pero es un poco más
Rayo
Con location.replace
Navega
Bueno pero es que
Al final
En la misma ¿No?
Vale
Pues ya está
Pues lo hacemos así
Vale
Ahora que ya tenemos
Todo esto
Vamos a hacer cositas
De hecho
Vamos a crear una
Vamos a crear por aquí
Teníamos una librería ¿No?
Sí
Lib
Vamos a poner aquí
Generate
Infojobs
URL.ts
Y muchas de las cosas
Que hemos hecho aquí
Las vamos a sacar
Y las vamos a hacer fuera
¿Vale?
Así que
Vamos a poner
Todo esto
Vamos a poner por aquí
Vamos a poner
El
Pondríamos
Default
Search
URL
Que va a ser todo esto
Y aquí vamos a poner
Export
Const
Generate
Infojobs
URL
Con keyword
String
¿Vale?
Esta es la información
Bueno
Page no
Page
Y country
Claro es que pone
Country ID
Claro
Aquí luego le tendríamos que ver
Si aquí ponemos
Barcelona
La URL
Que nos genera
Que pone por aquí
Province IDs
Claro
Y como sé
Cuando son provincia
Y cuando son
Bueno
Por ahora vamos a poner
Province ID
Y esto tendría que ser
Province ID
Es que la página
Siempre va a ser la primera
Esto va a ser también
Un ID
String
Vale
Vamos a hacer
Una cosa que está chula
De hacerlo
Con el search URL este
Es que cuando haces condiciones
Pues te queda mucho más legible
O sea
Por ejemplo
Tú creas aquí la URL
Que aquí al final
Devolveríamos la URL
Search URL
To string
Vale
Y lo que está bien
Es que aquí
Podríamos decir
Bueno pues si tenemos
Keyword
Entonces haces esto
Si tenemos
Level
Entonces haces esto
Sabes que esto
Pues bueno
Queda un poco más
Que en un template string
Sería un poco más rollo
Lo puedes hacer así
O lo puedes hacer con un if
Vale
Que hay gente que odia esto
Bueno pues lo puedes hacer con un if
Si no te gusta
Lo haces así con tu if
Que queda mucho más legible
También es verdad
Te digo
No pasa nada
Y ya está
A veces lo hago de la otra forma
Pero bueno
Y queda mucho más condicional
Con utilizando esto
Que no de la
De otra manera
Vale
Tenemos aquí
Search params
Esto siempre va a ser así
Este también
Este es el que sería
Un poco condicional
¿No?
En el caso de que
Decir
Si tenemos province ID
Entonces hacemos
Hacemos esto
No
Hacemos esto
Esto si no tenemos
¿Vale?
Entonces hacemos esto
Y si no tenemos esto
Hacemos esto
Y aquí tendríamos
Province IDs
Y
Province IDs
Vamos a poner aquí también
Utilizar la constante
Que hemos puesto aquí
Default search URL
Vamos a poner por aquí también
La
Spain
Country ID
Que esto es 17
Así tendríamos esto por acá
Vamos a poner aquí
First page
Uno
Estoy pensando
Si poner todo constante
O poner un objeto ahí
Pero bueno
Vamos a poner
Default
Sort
By
Relevance
Relevance
Relevance
Y
Es que este yo creo que no es necesario
Este lo vamos a poder quitar
Sort
By
Relevance
La página
First page
Y ya está
Entonces
Esto lo eliminamos
Esto también lo eliminamos
Y esto lo hacemos solo
En el caso que lo tengamos
El level igual
Esto por aquí
Ya tendríamos aquí
La forma de generar
Todo lo que habíamos hecho
Como este search URL
Es
Una API
De
La web API
O sea esto funciona
En el servidor en clientes
Sin problemas
Debería funcionar todo bien
Y todo lo que habíamos hecho aquí
Pues ya lo simplificamos
Tenemos este
Hostia importante
Que esto
Infojobs
Se escribe así
Que si no
Se pueden enfadar
No pero que es importante
Poner bien las letras
Como encajan
Vale
Y aquí ya tendríamos la
Search URL
Generate
Y aquí le pasamos
Por un lado
La
Keyword
Le pasamos
El level
Y el province
Id
Que el
Bueno le he llamado
Province Id
Cuando en realidad
Ya ves tú
O sea esto al final
Tú
Tú
Tú
Yo le he llamado
Geolocation
Geolocation
Tu string
Y si no
Lo dejamos vacío
Y ya está
Y aquí lo podemos dejar así
Porque si es vacío
Y tal
Los levels
Son todos strings
O sea que como mucho será
Cero
Diez y tal
Y eso no es vacío
La keyword
Si que puede ser vacía
Y si es vacía
No la queremos enviar
Vale
Esto lo vamos a importar
Agregamos la importación
Que falta
Lo podemos importar aquí
No se puede asignar
Vale
String level
String
String
String
Porque
Vale
Porque
Que le falta aquí
A ver
Voy a quitar un poquito
Aquí de ruido
Vamos a quitar esto
Este tu string
Lo podemos quitar
Porque eso lo hacemos
Dentro de aquí
Vale
Dice
No se puede asignar
Un argumento
Keyword
String
String
String
Que devuelvan String
¿Por qué?
Porque esto es un string
Esto es un string
Y el previous ID
Es un string
¿Y qué le pasa?
Pues si son todos strings
Y te he dicho
Que todos son strings
¿Por qué no me dejas
Que esto sea un string?
¿Se esperaban
Tres argumentos?
Ah
Que no he puesto
Que este es un objeto
Perdón
Ahora
Vale
Vale
Ahora sí
Ahora sí
Esto lo ponemos por aquí
Esto lo ponemos para acá
Esto
Esto por aquí
Esto por acá
Ahora sí
Vale
Pues ya lo tendríamos ahí
Extraído
Ya podemos ir otra vez
A nuestra landing page
Que estará por aquí
Ya podemos
Buscar con
Sin estudios
Y
Country ID
17
Education IDs
17
Sort by relevance
Vale
Y se supone
Que
Si le ponemos sin estudios
Y le digo aquí
Frontend
Vale
Y le doy aquí
Vale
Nueve ofertas de frontend
En España
Para gente
Sin estudios
Perfecto
Si le ponemos
Que tengo educación secundaria
Y buscamos
Vale
Nueve ofertas
¿Por qué?
Porque sí
Porque educación secundaria
Y además aquí lo tenemos ya bien
Si le ponemos bachillerato
Vale
Cuatro
Y aquí
Bachillerato
Activo
Vale
Pues lo que nos faltaría es
Ya el tema de la localización
¿Vale?
Así que ahí tenemos
Bastante cosita
Vamos a crear
Este
Esta utilidad
Vamos aquí
Este formulario
Me encanta
Lo de los cómics
Es el mejor invento
Del universo
El mejor
¿Y sabéis lo mejor
De todo lo que esto
De todo lo que hemos hecho
Lo mejor?
Que ahora me voy aquí
Y podemos ver
El despliegue
Como ocurre
En tiempo real aquí
Y puedes ver hasta los builds aquí
Buah
Si esto se actualizase
Sería increíble
Pero no lo hace
Por desgracia
Por desgracia
Pero en lugar de tener que ir a la página
Ver si funciona
Aquí puedo ver
Si está pasando todo
Eso está muy chulo
Eso está muy chulo
Las cosas como son
Eso está muy bien
Buena gente
¿Alguien sabe cómo pasa una verificación de Cloudflare?
Buf
Lo estoy complicado
Hay formas
Saludos a Midu
Un poco de fuera de tema
Vaya
Pero voy desde Costa Rica
A verte en la Medellín
Voy a estar en Medellín
Voy a estar en Medellín
Este fin de semana
Soy desarrollador y profesor de universidad
Y nada
Me haría más feliz
Que poder saludarte
Pues no te preocupes amigo
Porque voy a estar
Este viernes
Y sábado
Si no me equivoco
En Medellín
En la CityGS
Así que voy a estar allí
Todo el día
Para saludar a todo el mundo
Y si os traéis el libro
De Aprendiendo Guitos
Lo firmo
En ese momento
¡Wow!
Mira ahí está
56 segundos
Y ya podemos ir a la página web
Que bueno
Esto es porque
Debe estar ahí filtrado
Podemos buscar aquí
Por bachillerato
Frontend
Le damos al Enter
Funciona
Nos vamos para atrás
Vamos a buscar Backend
Le damos al Enter
Funciona
Importante que funcione
El Enter
En el formulario
Importante
Oye pues
Ahí hemos avanzado
Hemos avanzado
Cositas
Que bien
Vale
Ya está pusheado
Perfecto
Perdón
Cada fin his
Uněl
Hemos de
Les
Haraj
Hemos de
Hemos de
Hemos de
Hemos de
No
No
No
Eso
On
Es
Ch emphasizes