bienvenido, bienvenida a este
directo, como siempre, de tu web a juicio
donde revisamos las webs y aplicaciones
de la comunidad que dejan en el
Discord, y de hecho quería enseñarte el Discord
para que vieras donde se hace
mira, aquí tenemos a Angelo Zambrano que acaba de entrar
mira, Midu, bueno, Angelo, vas a tener
que tener paciencia, porque
si subimos para arriba verás que hay un montón
de gente que ya ha puesto los suyos
y vamos a ver donde nos quedamos, porque
nos quedamos bastante arriba, tenemos que darle
un poco de cañita, efectivamente, esta
no la hemos visto, vale, pues esta es la que veremos
ahora, que no la hemos visto
vamos a ponerla por aquí, me encanta tu web
a juicio, dice Alex, muchas, muchas, muchas gracias
me gustaría saber donde sacas las ideas para tus diseños
web, pues Franco, mira
mis diseños, tengo que reconocer que no
soy muy buen diseñador, y por eso lo que hago
es hacer diseños muy simples
todos los diseños que hago, te puedo enseñar
un par que he hecho yo, así de la mente
son muy simples, por ejemplo
este es mi blog, y mi blog es muy, muy
simple, muy simple, ¿por qué?
porque cuanto más simple salgo, más difícil
es que la cagues, el COVID vacuna
pues también, muy simple, son
diseños simples, pero bueno, yo creo que
el hecho que sea simple, también lo hace
llamativo, pero no soy muy buen diseñador
igualmente, si necesitas ideas
que digas, ostras, necesito ideas
pues mira, un sitio
que a mi me gusta mucho, revisar
es este, el de Dribble, con 3B
con 3B, y podéis buscar
por ejemplo, dices, user form
o user register form, lo buscas
aquí, y suelen salir ideas
bastante interesantes, ¿ves? aquí tenemos uno
y entonces, pues mira, pillas una idea
y puedes ir navegando con las teclas
yo es una cosa que hago mucho, ¿ves?
welcome back to user wise
pues mira, aquí tenemos un efecto
un diseño bastante sencillo, pero que
bueno, pues de aquí pillo ideas
más o menos, de esa forma
yellowing, jennifer, muchas gracias
por tu suscripción con prime, 5 meses
también, muchísimas, muchísimas gracias
bueno, ya me están pagando la hidratación, venga
bebe, midu, midu te amo, crack
Jorge, gracias, hombre
que vuele el amor
gracias, Jorge
Raúl Armas
hola amigos, comparto mi porfolio
me gustaría que fuese revisado por Miguel Ángel
ese soy yo
pero bueno, que sepas Raúl
que no solo yo, sino
los 200 que estamos aquí
lo vamos a ver
ya que he tenido dificultades para conseguir
mi primer empleo como desarrollador
ay Raúl, cago la leche
no te preocupes
que te vamos a ayudar
claro que sí, Raúl
venga, este es el porfolio de Raúl
vale, Raúl Armas
no entiendo que es esto
ah
bueno, esto
esto yo lo cambiaría
Raúl, porque esto no se entiende
esto de que tenga aquí la ñ
bueno, es curioso
porque es un sistema muy minimalista
pero no se entiende muy bien
que esto es
muchas veces es mejor poner inglés, castellano
y eso lo entiende cualquiera
bueno, muy bien
que te dé su foto
Kunreli, dedicated to building websites
vamos a ponerlo en castellano
actualmente dedicado a construir sitios web
que incremente la tasa de venta
y el poder de alcance
para pequeños y mediados negocios
muy bien
me gusta mucho la descripción
tengo que decir que el line height
es muy exagerado
o sea, se ha pasado ahí
unos cuantos pueblos
yo creo que debería ser
un poquito menos bestia
algo así
¿vale?
que se lee un poquito mejor
igual incluso hacerla un poco
más grande la letra
que se lea mejor
esto de precios
que está tan arriba
aunque es muy interesante
el poner ya
cuanto antes
el
claro
lo que te va a convertir
me parece súper genial
que tenga dos botones
y que al final
te lleva a la misma página
pero bueno
que esto
supongo que te llevará
a la página de contacto
esto está muy bien
pero Raúl
fallos de ortografía
están prohibidos
¿vale?
Raúl
esto está prohibido
¿depiendo?
no
dependiendo
dependiendo de los requerimientos
el precio puede variar
¿vale?
así que esto
esto prohibidísimo
no sé si
una página 120 dólares
no incluye dominio
ni base de datos
pequeño negocio
o sea entiendo que es bastante freelance
no sé si pondría el porfolio
incluso antes
extensión
lo que pasa es que le falta
porfolio
pero muy bien
con referencias
súper bien
reclútame
a ver reclútame
descargar
chatea conmigo en telegram
muy buena idea
esto de poner el chatea conmigo en telegram
¿eh?
muy buena idea
muy buena idea
lo que pasa
lo que no me gusta de esto
es que yo estos dos botones
yo los pondría directamente aquí
en lugar de
este reclútame
no sé
o sea
queda ahí muy vacío
¿sabes?
casi no se ve
casi no se ve
pero Raúl
¿qué te pasa?
no sé si es que tienes hambre
o qué pasa
pero te comes las letras
hijo
esto no puede ser
el telegram
telegram
chatea conmigo en telegram
¿vale?
esto tendría que ser más grande
una cosa que le veo a la página
aunque me gusta
a mí me suele gustar mucho la sencillez
ya lo sabéis
creo que lo que le faltaría
es un poco de punch
¿sabes?
un poco de
hostia
que te llame mucho
mucho mucho la atención
algo
algo que ponga ahí tu
la visión
a lo mejor la parte de arriba
es demasiado sencilla
no sé si
le daría un poco más de espacio
a todo esto
esta parte de aquí
de
y además un poco más de hype
¿no?
o sea yo que sé
haríamos algo más así
un poco más grande
y algo más hype
¿no?
actualmente dedicado
de
no
incremento
¿sabes?
digo
construyo
más bestia
¿no?
actualmente dedicado a
no
algo así como
hago que tu página web
incremente la tasa de venta
y el poder de alcance
para pequeños y medianos negocios
¿sabes?
más
pam
toma
no
actualmente dedicado a construir
no
hago páginas web
que incrementan tus ventas
y además
llega a más usuarios
para pequeños y medianos negocios
algo así más
con más punch
y más grande ¿sabes?
que queda un poco ahí diluido
y en lugar de precios
pues a lo mejor todavía
otro más
otro
otra vendida más de
a lo mejor un porfolio este
el de Beer House
¿no?
pues hacerlo más grande
la página de Beer House
consiguió
una tasa de leads
del 30%
después de que no sé qué
no sé cuánto
¿sabes?
un poco más de venta
si tienes datos
de lo que hizo Beer House
pues te quitas del porfolio esto
lo pones aquí
y pones caso de éxito
¿sabes cómo suena eso?
pam
caso de éxito
¿qué caso de éxito?
pues
Beer House consiguió
un 25% más
de leads
a partir del reseño
de la web
y al hacer la responsive
gracias a no sé qué
pam
y ahí grande
¿vale?
esto no está mal
pero bueno
ya te digo que
en los line highs
estos hay que hacerlo
un poco más apretados
un poco más apretados
reclútame este
yo pondría
lo que decía
aquí los dos botones
directamente
y de otro color
que no sea el negro
¿sabes qué te está pasando Raúl?
también
que tu página es muy plana
al ser tan simple
veo blanco negro
blanco negro
blanco negro
y a lo mejor te falta
alguno
que sea un call to action
que dices
coño un azul
o un rojo
y dices hostia
te falta un color
que fíjate
que incluso diseños
muy sencillos
como el de Bersel
pues hay un botón
siempre
¿vale?
así aquí tienes el blanco
claro
ves es que aquí
ya te está generando
algún contraste
pero aunque sea una página
que parece que es blanco y negro
lo que consiguen
es que cuando pone color
flipas
¿sabes?
es ese de que dices
hostia color
y el color
es lo que le da
ese toque
de ese todo
en blanco y negro
pero el color
te llama la atención
pues eso es lo que tienes que hacer
eso es lo que yo creo
que le falta un poco a esto
¿no?
porque fíjate
que yo mirando esta página
una cosa
a lo que se me va a la vista
es a los logos
a los logos
de las empresas
imagínate
así que eso
eso yo creo que
eso te puede ayudar
te puede ayudar
vamos a ver
en el responsive
bueno responsive bien
vale
responsive bien
esta sombrita
no me termina mucho
de convencer
la sombrita que tienes
de estos
no sé
es como que no termina
de verse muy bien
no sé si es mi sensación
pero
igual
ves
yo la subiría
un pelín
un pelín para arriba
yo creo que se ve así
un pelín mejor
que como está
es que la otra no
creo que se ve mejor así
que no de la otra forma
para que veáis la diferencia
¿veis así?
que no se nota
es un poco raro
¿no?
es un efecto muy extraño
me gusta más
que esté un poco para arriba
y que se vea
que sobresale
¿no?
pues eso
pero bueno Raúl
es una página
que yo creo que es
una buena base
para seguir
creando cosas
pero ya te digo
que le falta
no sé
le falta como
un poquito más de mordiente
¿sabes?
por ejemplo el prices
además
no pongas precios
o sea el precio
el precio es esto
esto es el precio
no esto
esto es
no es el precio
esto es lo que tiene que ser
contrata
mis servicios
yo que sé
algo así
¿no?
o sea
más
porque el precio
está aquí
esto en realidad
son servicios
que está vendiendo
y si le dices precios
la gente se va a quedar
como ¿cómo que precios?
que ya me quieres cobrar
¿verdad?
yo cambiaría
si os voy a leer
perdonad
que yo es que me he metido
yo aquí
el midu slogan
¿qué te parece?
es que es eso
es que el
alto alimento
dedicado a construir
no
construyo sitios web
que incrementan
las tasas de ventas
y el poder de alcance
es que suena de otra forma
y todo
¿sabes?
que es que así parece que estás pidiendo hasta disculpas
¿cómo hago para que revises mi web?
te vas al discord
y dejas tu página
muchísimas gracias
Tatak Yalef
muchas gracias
Imanol D
y muchas gracias
Mendoza
Josué
710
y a Chamorro
por suscribiros con Prime
muchas gracias
ay Raúl
la ortografía
si la ortografía
por favor
la tenéis que tener
ahí a fuego
no sé si os puede escapar
vale
¿retomarás el podcast?
sí hombre sí
lo retomaré
de hecho
quería grabar uno
esta semana
de un temita interesante
vale
mandar los links
en el discord
esperar que lo vean
cientos de proyectos
tengo escrito un montón
tácticas de marketing
a ver
os voy a decir una cosa
os voy a decir una cosa
que
que
que
sé que
puede sonar un poco
impopular
¿vale?
porque muchas veces
técnicas de marketing y tal
os voy a decir una cosa
en el mundo del desarrollo
el marketing
es
clave
es
la vida
especialmente
cuanto más senior eres
¿por qué?
no sólo por
al hacer un portfolio
o al crear cualquier contenido
lo que sea
¿no?
el hecho de llamar la atención
porque hay muchísima competencia
no sólo eso
es que
yo en mi día a día
hago muchísimo marketing
mucho marketing
en mi empresa
me tengo que enfrentar
a Product Owners
me tengo que enfrentar
a
a decisiones
de
de la empresa
tengo que intentar
convencer
a compañeros
de
de ideas que tengo
o de soluciones técnicas
y el marketing
que parece mentira
el marketing
es súper importante
¿vale?
hay que tenerlo eso
súper en cuenta
hay mucho politiqueo
y hay que saber vender
saber vender las ideas
esto realmente
es algo que tiene que saber
un desarrollador
porque no es
no es suficiente
con saber hacerlo
tú puedes ser muy listo
saber hacer las cosas
y si no eres capaz
de convencer a alguien
de que esa es la mejor forma
o incluso
ojo con esto
que aunque no es la mejor forma
no es la mejor forma técnicamente
sí que es la forma
como lo tienes que hacer
por X motivo
¿sabes?
hay veces
que
a mi empresa ocurre
¿no?
de que tenemos
confrontaciones
amigables
porque
yo apuesto
por una solución
que técnicamente
es peor
pero es que
muchas veces
como desarrolladores
también tenemos que pensar
que no solo
es un mundo técnico
sino que hay humanos
o usuarios
o conformación de los equipos
un montón de historias
así que en nuestro día a día
la mercadotecnia
saber de marketing
de
cómo venderse
cómo
explicar
trasladar las ideas
es súper importante
y esto
es una pena
porque la gente
no te lo explica
pero
el hablar en público
en cómo
defenderte
o sea
todo eso
es súper importante
o sea
que no lo dejes de lado
no pienses
que no te vas a tener
que preocupar nunca
por ejemplo
es que cosas tan sencillas
como
cuando te van a
echar bronca
porque
a lo mejor
vas a tardar más
de lo que se había planeado
¿no?
el tú ser capaz
de hacer
una campaña de marketing
a tu favor
pero con razón
no porque sea algo
artificioso
sino porque realmente
tienen motivos
pues saber explicar
las razones
de por qué
ha pasado eso
pues
que eso es súper básico
súper importante
vale
pues eso
que lo tengáis en cuenta
tácticas de marketing
súper importante
vale
mi doslogan
pibe
podría mandar un saludo
a mis primos
Juan de Itiao
claro que sí
Ninjax
un saludo a Juan de Itiao
vale
que espero que esté muy bien
vale
en idioma
que ponga banderas
o lenguaje
si yo aquí
pondría
pondría más bien
yo evitaría
sé que lo has hecho
por un tema minimalista
quizá la bandera
yo incluso
la bandera
no es una cosa
que me gusta mucho
pero bueno
puedes poner español
o castellano
el que te guste más
yo diría que
español es lo que se suele
poner más
pues eso
español
y a lo mejor
al darle aquí
no sé
hacerlo de otra forma
a lo mejor
un desplegable
o algo así
vale
por ejemplo
por poner un ejemplo
en el COVID-19
una vez que pone aquí
castellano
pues catalán
galego
y una vez que lo activas
bueno
pues sí que cambia la banderita
pero yo creo que como
el mejor
la mejor forma con esto
sería el tema de
lo de la ñ
que es
pues castellano
yo haría un divider
entre apartados
mira eso es interesante
sí es que creo que están
como muy juntos
los apartados
es un poco
sí sí
muy bien
vale
eso CSS puro
o Tailwind
buena pregunta
yo creo que es Tailwind
me das
bueno
creo que sí que es Tailwind
o al menos lo parece
mis servicios
sí
o mis servicios
que yo iría más
ahí a saco
Midu
¿serías capaz de hacer un directo
hablando un poco sobre tu rol?
pues claro
si he hablado un montón de veces
Chávez
muchísimas gracias
por regalar una suscripción
que le ha tocado
a Roland98
muchísimas gracias
hombre
qué crack
tendrías que hacer
un nuevo canal de YouTube
el marketing con Midu
ya te digo
yo
y yo no tengo miedo
¿sabes?
es que hay gente
que además le da vergüenza
no
no tengas vergüenza
yo lo digo
yo soy un
vendemotos
no un vendehumos
importante
lo que no hay que ser
es un vendehumos
un vendehumos
sí que es algo negativo
pero si tú tienes una moto
y quieres
sabes
y tienes que saber vender tu moto
claro que sí
es súper importante
y es que eso va a hacer
que evoluciones en tu carrera
es que es súper importante
¿no será el marketing
engañados con subidores?
claro que no
es que es lo que os digo
el marketing
no siempre tiene que ser
engañar
no es engañar
hay veces que es simplemente
saber defender
algo
en lo que tienes razón
el marketing no tiene por qué ser
para engañar
otra cosa es que haya marketing
para engañar
que puedes saber
sino que hay que saber venderse
cosas que sobre todo
sean verdad
pero es que hay gente que
a lo mejor
son cosas que son verdad
y no sabe venderlas
que suele pasar
o que cree que no tiene que venderlas
que eso es lo peor
que te puede ocurrir
lo peor que te puede ocurrir
es
no
yo es que soy tan listo
que mi idea
si no estás de acuerdo conmigo
eres tonto
que eso lo he escuchado
¿sabes?
pues eso
mira
está hecho con
react
ya fijaos
vamos a echarle un vistazo
un momento
al código
va
yo he tenido compañeros
a lo largo de mi vida
¿vale?
que me decía
me decía
es que a ver
si no estás de acuerdo conmigo
pues tú mismo
es que
pues es que
no lo entiendes
o
o
o
que se lo vas a explicar a alguien
y dice
es que no lo va a entender
es que
pues claro
¿cómo no se te va a poner en contra
luego con tus ideas?
pues claro que se te va a poner en contra
si no eres capaz
¡uh!
qué complicado esto
qué complicado esto
¡no!
no, no, no, no
Raúl no
no, esto no
Raúl
a ver
vamos a abrirlo con
a ver que vea eso bien
ahí Raúl
a ver que vea eso bien
con mis ojitos
vale
sí que tengo un montón de
Codespaces ya
New Codespace
que tengo el límite ya a tope
Open with Codespaces
New Codespace
Raúl
que te me comes las letras
pero luego a la hora de escribir líneas
las que quieras y más
¿eh?
las que quieras y más
tienes ahí un
callback el de if
yo creo que el mejor
marketing es el resultado del producto
que uno desarrolla
sí ¿eh?
pero cuidado con eso
cuidado con eso
porque claro
esa es una falsa trampa también
que muchas veces hay
de no
tienes que confiar en mí
y ya verás
ya verás
bueno
el resultado
está muy bien
porque vende muy bien
pero
¡uf!
esto
esto
esta forma de hacer esto
esto está mal
esto está mal
vamos a ver
este set lang
que hay aquí
para empezar
sí
que esto está mal
pero bueno
ya que está mal
al menos
se puede hacer un poco mejor
por ejemplo
esto pues
lo sacas a una constante
que es gratis
las constantes son gratis
pones aquí
el botón Spanish
este
luego aparte de esto
pues es que el Spanish
este
el set Spanish
es que si ya lo tienes aquí
si este Spanish false
todo esto se puede
se puede hacer de otra forma
de hecho esto
con un estado de React
deberías poder hacerlo
que veo que estás utilizando aquí
query selectors
para los formularios
no sé
esto
no lo sé
suena un poco mal
y luego esto
pues esto lo que puedes hacer
son las cláusulas estas de
las work clauses
o el exit
o sea salir antes de la función
en lugar de hacer esto
pues dices
si el email es vacío
y el email no incluye
el arroba
por ejemplo
pues haces esto
y ya haces el return
del error email
este que habías hecho aquí
haces un return
a ver que hay más
porque también estaría todo esto
si
pero ya me entendéis
lo que pasa es que no quiero hacer
y esto y esto
y esto y lo otro
bueno pues haces el return email
y de esta forma
este tipo de chequeos
ya no los tienes que hacer después
este ya no lo tienes que hacer
el de sacar las partes
esta
bueno ahora sí que habría que hacerlo
pero de esta forma
te empiezas a quitar
todos estos sales
que tenías por aquí
y lo dejas todo
mucho más fácil
dejas
lo de dentro
y ya estaría
aunque ya te digo
que si estás utilizando React
muchas de las cosas
que estás haciendo aquí
las deberías poder hacer
de otra forma diferente
mucho document query selector
veo aquí
veo query selector
por encima de
de las posibilidades
de React
me parece a mí
vale
Spanish false
bueno
bueno bueno
básicamente
me da la sensación
que estás utilizando más
React
como un template engine
que no como una biblioteca
y de hecho esto
también con un
i18n
también lo podrías arreglar
pero bueno
poco a poco
poco a poco
Raúl
poco a poco
muy bien
pues ya hemos visto la de Raúl
vamos
hemos visto la de Raúl
vamos a darle un check
check Raúl
check
check Raúl
vamos
este chat
no acepta imágenes
si porque si no sabéis la historia
a ver lo que ha puesto aquí Coca
si no sabéis la historia
alguien
nos puso
una
una foto guarra
mientras estamos haciendo un directo
venga
vamos a ver
ya vemos que está hecho con Vercell
uff
cuántos singin
no sé ni con cuál
venga
GitHub
me da un poco de miedo
espero que solo me pida el correo
que quiere acceso a mi cuenta
vale
solo el correo
venga
perfecto
vamos a darle
solo el correo
no sé
ah
digo que ha pasado
uy que bonito
uy
madre mía
cuánta gente aquí
mira Harrison Cano está por aquí
que pacha
uy que bien ¿no?
miembros
mira paso
paso el enlace
para ver
oye pero yo he escrito
hola
¿qué ha pasado?
hola
mira ves
esto
esto es un
no un fallo
pero esto es una cosa que
en experiencia de usuario es súper importante
cuando yo escribo
escribo
aquí
lo que sea
claro
cuando le doy al enter
ves yo me he quedado como que ha pasado
y no lo que
esto
constantemente debería estar abajo del todo
esto no debería ser difícil
el hecho de decir
bueno pues cuando llegue uno nuevo
hago el scroll
lo tiro para abajo
y ya está
y además lo puedes hacer con una animación
con scroll behavior
le puedes hacer que tenga una animación
no debería ser muy complicado
me sorprende que aquí
quedan todos los miembros
que en algún momento se han metido aquí
lo cual está bastante interesante
a ver
mira ves
aquí la gente está escribiendo
y no me doy
no me doy cuenta
consígueme empleo
midu
hostia Luis
pero que soy yo aquí
infojobs
soy linkedin
no sé
cuidado que puedes enviar mensajes vacíos
si se puede enviar mensajes
que onda a mi duda
pues nada por aquí
vamos a poner un script
a ver si esto se lo come
venga
alert script
uy
bueno
lo ha superado
lo ha superado
muy bien
no lo hemos pedido
leave o logout
hostia
hostia aquí
no sé
las dos cosas parecen malas
parecen que me voy a ir
de las dos formas
tengo sus cuentas corrientes
si bueno
y que más
midu jobs
let's go
bueno
aquí con los miembros
lo que pasa es que en miembros
no veo quien está online
además veo aquí unos huecos vacíos
un poco extraños
está bien pero
no sé
ahora mismo no sé quién está en línea
me lo haría saber
cuánta gente hay en línea
qué están haciendo
¿sabes?
rooms
ah mira
en la welcome
y puedo crear una room aquí
vamos a llamar
midu jobs
aquí
te consigo
empleo
garantizado
bueno
enter
vale
el enter no funciona
save
bueno
midu jobs
me voy a mi
a midu jobs
ole
sale de aquí arriba
hostia
también se ha ido
el primer chat
pero bueno
está bien
vamos a ver un poco de código
a ver qué tiene
create a new channel
select a channel for my choice
bueno
lo que no he visto
supongo
cómo funciona esto
bueno
muy bien
me gusta
no está mal
no está mal
a ver
no está mal
bien bien
a ver
vamos a poner
aquí
ves
esto tiene que hacer scroll
si no
ah mira
ahora sí que lo ha hecho
¿qué ha pasado aquí?
ahora sí que lo ha hecho
parece algo
a ver
cuando estoy abajo
pero muy abajo
sí que lo hace
con que estés un poquito
arriba
y hay veces
que parece que se queda
solo
se queda un poquito arriba
entonces no lo hace
bueno
o sea que sí que lo tiene
solo que parece un poco
de aquella forma
hay alguna cosilla ahí
bueno
un montón
un montón
un montón
de componentes
Marcos
le has dado cañita
te has vuelto aquí
y
vamos a ver un poco
el código
así por encima
check
use state
bolean
vale
set aside
si no tiene
bolean room id
aside
check
set aside
previous site
handle change
vale
no estaba viendo
a ver
bueno
tiene buena pinta
un montón de
¿qué router está utilizando?
next router
porque está utilizando
next.js
vamos a ver si tiene
api
pages
api
hello
bueno
esto la podría haber eliminado
que la de hello
vale
login
email
¿con qué está haciendo el login?
services
out
vamos a ver services
out
con firebase
está haciendo todo con firebase
bueno pues está bastante bien
muy bien
muy bien
o sea que está hecho con firebase
el chat
aquí tenemos el chat
enviar un mensaje
va
collection messages
muy bien
límite
messages getter
window
uff
esto
si tiene window
esto suena un poco raro
este messages getter
con el window
mirando el window
mirando la altura del window
start after
dock limit
order by start after
vale
eso lo puedo entender
bueno
pues tiene buena pinta
a ver
tiene buena pinta
a ver aquí en client
aquí estamos todo el cliente
entiendo que esta es la del cliente
no es la importante
oye pues está bien
me gusta
y además aquí se puede
se puede aprender bastante
a la hora de
utilizar firebase
con
con next.js
mira incluso tiene 404
en el caso de que no
exista
muy bien
props room
muy bien
muy bien
está completa
mira esto para los estilos globales
hombre este alert
igual si que lo podrías quitar
además llegué
porque llegaste
que suena muy mal eso
llegué
suena fatal
use state
tries
cero
use redirect on oath
este debugger
se te ha colado aquí también
esto con un linter
no te pasa
esto con un linter
aquí esto se te queja
y te dice
no dejo
no dejes debuggers
así que ya sabes
ponte un linter
pon un linter en tu vida
o un linter
que te avise de esto
que igual
si que tienes un linter
pero no tienes uno
que te avise de este tipo de cosas
vale
local storage
bueno pues
me gusta en general
igual todo esto
de local
estos efectos
al menos
yo veo que estaría bien
tener algún custom hook
pero bueno
si que veo que tiene custom hooks
vale
este es súper típico
el de los inputs
use messages
muy bien
o sea que está
mira
use near screen
este maravilloso
el use time ago
no sé si este
está basado en el que
en el que hice yo
creo que sí
creo que sí
no sé
no lo podría hacer marcos
o lo ha sacado por ahí
rtf time
no sé por qué aquí lo pone en inglés
no sé si lo hace por algún motivo
en concreto
bueno es que siempre
es que está todo en inglés
vale vale
oye pues muy bien
me ha gustado
me ha gustado
la
me ha gustado
me ha gustado
muy bien
está
es muy completo
no sé por qué tiene aquí
high order components
no sé por qué
es un poco raro
este high order component
que además
mezcla con
con jsx
de hecho este
belón room
que es en minúscula
es muy raro
este high order component
es muy extraño
ah vale
claro
porque le pasa room
y luego hace todo esto
tendría que mirármelo bien
pero estoy bastante convencido
que ese tipo de
high order component
seguramente se puede escribir
mejor que un custom hook
me da la sensación
pero bueno
o sea
componer más con componentes
y con un custom hook
y separar
lo que sería
la vista
en un componente
con la lógica
en un custom hook
me da la sensación
pero pinta bien
pinta bien
muy bien
marcos
muy bien
a marcos
marcos coca
mira marcos coca
además
que tiene
pues la cara de felicidad
de mira que he hecho
pero está en el
en el instituto
y está con el móvil
marcos
eso no puede ser
pero bien
bien me ha gustado
me ha gustado
venga os voy a leer
mientras
ahora que
ya hemos visto
lo de marcos
que uses presiones reguladas
para validar su email
existen web
que te generan
te desgenan todo
yo no uso
code selector en react
no tienes
a ver
alguna vez
puede tener sentido
pero no suele tener sentido
he llegado a la conclusión
que solo los github
estar lo tienen
el github copilot
no
ese chat es la hostia
yo estuve revisando el código
y está pro
la verdad que está bastante bien
está bastante bastante bien
apenas vi lo del sur
muchas gracias
muy bien
a roland
que se ha llevado el sub
que le han regalado
por ahí
en react
si quieres animación
basada en estado
como lo harías
bueno hay librerías
o sea que yo utilizaría
una biblioteca
porque si no es un coñazo
es un coñazo
el código está cool
como se logra el efecto
de scroll automático
bueno scroll automático
lo que puedes hacer
a ver
a ver como lo
lo hacemos
a ver
a ver como lo enseño
como lo enseño
como lo puedo enseñar
pero básicamente
a ver si
bueno es que lo podemos hacer
en cualquier página
a ver
en esta misma
o sea
podríamos decirle
mira
imagínate que yo quiero
ir a este sitio
¿no?
a esta de aquí
que es el newsletter form
tú te vas aquí
a la consola
imagínate que yo estoy
arriba del todo
y lo que quiero
es justamente
hacer un scroll automático
cuando viene un mensaje
por lo que sea
digo
venga llévame
abajo del todo
por equimotivo
bueno pues haces un window
punto scroll to
otra cosa que podría ser interesante
que me estaba acordando antes
en lugar de hacer scroll to
si tú estás muy arriba
y no quieres que baje
automáticamente
sería al menos
lo que hace
whatsapp
o twitter
sabes que te pone
un mensaje nuevo
dos mensajes nuevos
y te lo pone abajo
para que te des cuenta
que alguien ha escrito
pero si no lo que puedes hacer
vale esto sea la x
pues aquí tú dices
document.query selector
y le ponemos
el newsletter form
no sé si esto necesita
algo
bueno sí claro
esto necesitará
scroll height
¿no?
para llevarlo hasta ahí
y a ver
en este caso
está funcionando
un poco raro
no sé si
sea scroll height
claro es que a lo mejor
en este caso
a ver
vamos a
no
no me está llevando
no me está llevando
donde sea
no me está llevando
en el sitio correcto
si no es scroll height
a ver si no
deberíamos recuperar
el punto
tampoco debería ser
muy difícil
call get bounding client reg
punto
botón
vale
pues ya está
entonces
ves que además
ha hecho la animación
eso es porque
tienes diferentes opciones
una
podrías pasarle
la
al window scroll to
le puedes pasar
un objeto
para decirle
no solo la x
y la y
ah no
el scroll to no
ah pues el scroll
como es este
scroll
scroll behavior
es lo que hay que hacer
scroll into view
esto también
ah mira
esto también
es otra
otra opción
scroll into view
scroll into view
esto es lo que crea
el behavior smooth
aunque el behavior smooth
lo puedes hacer con css
que yo es una cosa que tengo
behavior smooth
este es el que tengo
vale
tú con css
puedes hacer
scroll behavior smooth
y entonces te hace el efecto este
que hemos hecho aquí
tú le dices
vale pues viaja hasta ahí
pum
y viaja hasta ahí
y ya está
y luego que si quieres
por lo que sea
que vuelva hasta arriba
pues le pones aquí a cero
y debería subir para arriba
y ya está
así es como se hace también
el scroll to top
y estas cosas
no sé si ha quedado claro
pero bueno
ahí va eso
con algo de javascript
sí
muy poquito de javascript
mira si alguien le ha puesto
tres demonios
pero veis que scroll height
claro scroll height
sería para ir abajo del todo
esto sería para ir
un elemento en concreto
yo hace poco conocí eso
de exportar por default
un componente
pasándose a otra función
mis dieces
hay gente que se está
felicitando
marcos
que tal documental código
con comentarios
yo siempre lo hago
pues bien
a ver
siempre que no te vuelvas
demasiado breve
soy mejor tener
un buen código
que no
unos buenos comentarios
vale
lo tomaste de un total
de un tal
midudev
y coca
genial hombre
sí los comentarios
son gratis
y no
o sea
mira
a mí me encantan
los comentarios
o sea
de verdad
me encantan
los comentarios
de hecho
a ver
os quería enseñar
código
pero
me encantan
los comentarios
pero hay que tener en cuenta
que los comentarios
luego también
aunque son gratis
hay que mantenerlos
así que
es mejor
que el código
se pueda leer solo
y obviamente
donde necesites un contexto
pues poner los comentarios
vale
vale
midu
alguna vez has trabajado
con java
que opinas del backend
trabajando con este lenguaje
sí trabajé en la universidad
java
y no quiero volver
tengo el scroll
pero solo si estás abajo del todo
lo he visto después
efectivamente
lo que pasa es que era raro
porque yo no me había tocado el scroll
y estaba como un poquito de arriba
pero está bien
hay navegadores
que por defecto
lo tienes activado
efectivamente
¿qué herramientas de low count
recomiendas?
ahora se me ocurre
air table
que está bastante bien
vale
bueno
ya estoy al día
muy bien
¿qué tal jcdoc?
para documentar
muy bien
a mí me gusta mucho
pero me encantaría
que hubiese un linter
de jcdoc
que creo que no lo hay
o yo estuve buscando
y no lo encontré
muy bien coca
vamos ahí
con un check
le damos un check
vale
lo edité
porque la página cambió
vamos a ver
cithroid
ojo
ojo
y el código
vamos
que me gustan
los porfolios
que os lo curráis
muy bien
a ver
no soy muy fan
de poner monigotes
vale
el dibujo
está chulo
está muy chulo
pero no soy muy fan
normalmente
o sea que
pero no pasa nada
está bien
a junior web developer
me gusta
me gusta
hay grande
sí
chan
making awesome things
a 13 years old
¿cómo?
¿que tienes 13 años?
¿qué dices?
¿qué me estás contando?
¿cómo que tienes 13 años?
o sea
podría ser
tu abuelo
joder
podría ser tu abuelo
directamente
me cago en la hostia
pues está bien
deja el monigote
porque es que te pueden meter
en la cárcel y todo
por tener una página web
claro
es demasiado joven
pero me parece muy bien
que te dediques
a crear páginas web
y no hacer bailecitos
en tiktok
tienen mis 10s
tienen mis 10s
a junior web developer
making awesome things
a ver
también
amigo
¿cómo te llamabas?
cidroid
no sé si puedo ver
tu nombre por algún lado
a ver
vamos con la modestia
¿vale?
humildad
humildad
making awesome things
a ver
tienes 13 años
yo lo más awesome
que hacía con 13 años
era pasarme Super Mario Bros
lo cual no está nada mal
pero hombre
vamos con la calma
joder
13 años
years old
junior developer
from Colombia
Colombia con mayúscula
me especializo
o sea
ya se especializa
de este hombre
I specialize
I am specialized
me especializo
es que es un poco raro
I specialize
in responsive web development
backend systems
and much more
joder
encima deja aquí
un cliffhanger
el cabrón
¿sabes?
un cliffhanger
y mucho más
vamos a ver
que tiene por aquí
connect with me
venga quiero conectar
ya con este chico
contact me
hello
we have been waiting for you
joder
encima me ha estado esperando
fill the form
or send me an email
what's your name
muy bien
enter your email
tell me about your
you console
bueno esto está mal escrito
hay pequeños fallos
que habría que revisar
te digo una cosa
cidroid
que me parece súper bien
la página
no sé si tu mercado
ya que estás en Colombia
yo no sé si quieres ir
a por un mercado
inglés
o español
o sea
no sé hasta qué punto
te vale la pena
hacerlo en inglés
y que por lo que veo
hay pequeños
pequeños errores
no muy graves
pero bueno
que te puedes revisar
igual te vale la pena
hacerlo en castellano
y a lo mejor
poner la banderita
lo que dijimos antes
este line height
está un poquito
demasiado junto
creo que lo separaría
un pelín
me da la sensación
que está
el de arriba
por ejemplo
está súper bien
mira ya
de esto ya vemos
el
vale
aquí tienes demasiado
espacio
demasiado espacio
ves
ves que tienes
demasiado padding
aquí
ahí hay que darle
un poquito menos
de
hay que darle
que aguante
que aguante un poco
a ver
header
sí
un poquito mejor
porque si no
lo estás
estrangulando ahí
en móvil
lo estás estrangulando
esto un poquito
más despacio
connect with me
tampoco se lee mucho
yo
es como demasiado
botón para tan poco
texto
como que el texto
es como demasiado
pequeño
yo lo pondría
bastante más grande
bastante más grande
o haces que los padding
sean más pequeños
algo así
un poquito más grande
que cuesta leer
sobre todo yo
que tengo una edad
joder
vale
projects
biblioteca
et ortus
hostia
el ortus
de verdad
el ortus
me suena al orto
pero
no sé si
biblioteca
et ortus
es a showcase
for free
and legal books
related to computer science
joder
que bien
esto está genial
muy bien
mira esto está hecho
coño
esto
este diseño
esto es de mi curso
de react de udemy
esto es de mi curso
de react de udemy
creo yo
vamos
se juraría
lo cual me parece
me parece
muy bien
no me estoy quejando
ni mucho menos
sino que parece fantástico
pero estoy bastante seguro
que es de la búsqueda
de películas
de udemy
un google clone
joder
mira
joder
me gusta hasta más
que el de google
imagínate
hostia
mira
que bueno
que bueno
este error que tienes
me encanta este error
me encanta este error
porque os voy a poder explicar
un truco
un truco
para evitar
este error
este
este
pero bueno
que tienes 13 años
se te perdona todo
vale
se te perdona todo
no te preocupes
que está súper bien
pero este error
esto lo comete
lo comete todo el mundo
de hecho
yo lo comento de vez en cuando
ves esto que pasa
que se vuelve muy loco
como lo del hover
y todo esto
este
hay un truco
que es muy muy muy sencillo
lo que puedes hacer
es
primero
una cosa que te recomiendo
es que el cursor
de hecho google
como lo tiene
en google
ves que google
le pone el cursor
como si fuese un click
es que
es la clave
lo voy a poner como un click
así que en el botón
le pones aquí un cursor pointer
eso para empezar
y bueno
ahora porque estamos en modo mobile
pero pongo responsive
vale
y pan
ahora el error este
el truquito
de este error
es que claro
cuando está en modo hover
tú le estás añadiendo
un border
cuando le añades el borde
pues claro
es de dos píxeles
y te está generando
este problema
lo que tú tienes que hacer
es decir
desde el principio
tienes que tener
un borde
de dos píxeles
bueno
espérate
que esto
no quiere que os lo enseñe
vale
aquí
ponéis un borde
de dos píxeles
y le ponéis que es transparente
le vamos a quitar este
y ahora con esto
pues ya tendría a ser la solución
ahora queda esto
vamos
fíjate
y no se nota
¿sabes?
no se nota
de ningún problema
ya está
ahora no tienes el salto
y queda muchísimo mejor
¿qué te parece?
bueno
sí
como dices de Juliox
otra opción
sería si agregas
el box sizing border box
no siempre
a ver
vamos a ponerlo
box sizing
border box
border
cero
no
no
no
no soluciona
el problema
el box sizing border box
porque es que realmente
está cambiando
no solo por cuanto ocupa
si no
ves
si es que de hecho
está aquí
el border box
se está utilizando
yo os digo
que la mejor forma
de solucionar esto
es ponerle
el border box
del transparent
con eso
y ahora que
ahora me la he cargado
no sé que he hecho
que me lo he cargado
que he hecho ya
que me lo he cargado
si hace un momento
lo he hecho
que funcionaba bien
border
dos pixels
solid
transparent
y
hemos dicho
el cursor point
pero bueno
mira
así
pero está muy bonito
me ha gustado
me ha gustado
me ha gustado
pues sí
o del mismo color
que el botón
no
no lo hagáis
del mismo color
que el botón
no lo hagáis
ni del mismo color
que el botón
ni del mismo color
que el background
si lo hacéis
del mismo color
que el botón
el problema
es que el botón
se va a ver más grande
al principio
y no es lo que queréis
veis que ahora el botón
se ve un poco más grande
y luego se pone
en este caso
no se nota mucho
porque
bueno
porque hemos puesto
porque estamos poniendo
otro color
y tal
o sea
es un color
que casi no se diferencia
pero
lo mejor
es ponerlo
que sea transparente
para que pille el color
del fondo
sea el que sea
y si tenéis un
si por ejemplo
claro
hay gente que dice
no lo pongo el color
del fondo
ya
pero el color del fondo
puede ser un degradado
¿sabes?
entonces no lo hagáis
¿vale?
y si no puedes usar online
no utilicéis online
y tal
o sea
con esto
con la solución
que os he dado yo
es la más sencilla
y la más efectiva
lo puedo asegurar
google clone
links
mira esto está muy bien
retro gamers landing
ah mira esto es
con nest.css
¿no?
este framework está muy chulo
muy muy chulo
me gusta un montón
quiero hacer algún proyectillo
con esto
a ver si un día
nos animamos
comunidad de jugadores retro
que bien
oye muy bien
días para retro con 95 días
mira de código abierto
ah pero este hombre
está todas
están todas
muy bien
muy bien
mira
otra vez el mismo problema
del botón
muy pequeñito
¿vale?
o sea el botón
es como demasiado espacio
el texto demasiado pequeño
o sea
hay que darle más
hay que ser más grande eso
¿eh?
vale
esto
si son enlaces
no solo hagas clic
clicable esto
haz clicable la imagen
toda la car
haz que toda la car
sea clicable
porque es que ves
yo este blog
artículos
¿dónde?
¿dónde clico?
¿dónde clico?
ahora
ya por fin
así que mejor
si lo haces todo clicable
what can I do?
frontend
backend
vale
¿te gusta lo que ves?
joder
me va a ser chico
¿eh?
¿te gusta lo que ves?
¿te gusta lo que ves?
you like what you see
and want to contact me?
click here
hostia
suelo odiar bastante
los click here
¿vale?
no me suele
en
o sea
click here
es como
como un poco raro
porque además
igual no hace clic
sino por un tema
de accesibilidad
pero bueno
¿sabes?
es un tema que no me
pero eso
que no tengas miedo
es que veo que tiene
demasiado padding esto
¿sabes?
es como que el botón
es demasiado grande
y yo haría algo
más así
contact me
no sé
o sea
que el botón
se llene mejor
con el texto
que no con tanto espacio
mira creo que
de hecho me gusta más así
pero brutal
¿eh?
Cythroid
tienes mis respetos
chaval
13 años
yo con 13 años
de verdad
¿qué estaba haciendo yo
con 13 años?
o sea
seguro que nada bueno
jugar al fútbol
estaría
pensando que iba a llegar
a algo en el fútbol
y no
pero muy bien
además
con 13 años
efectivamente
como dice
Santitobi
no
Santitobi no
Santitobi hizo otras cosas
Andrés dice
domina las técnicas
prohibidas del
mido eslogan
a los 13
¿eh?
developer
haciendo awesome things
muy bien
me ha gustado
me ha gustado
miramos el
el código
¿qué?
vamos a mirar el código
vamos a mirar el código
de
vamos a mirar el código
a ver qué
mira
assets
estructura
fuentes
RAM
¿qué es RAM?
¿qué significa RAM?
no sé qué es RAM
RAM
contact
mira además
está hecho todo con HTML
simple porfolio
para que veáis
un porfolio
que está hecho con React
con HTML
puro y duro
y muy bien
así son las cosas
me parece fantástico
mira aquí tiene el avatar
este
link.sidroid.me
muy bien
el title
mira con todas sus metadescripciones
y todo
joder
la leche
a las imágenes
le podrías meter
ya que estás
en lazy
que es gratis
y te va a mejorar
la performance
aquí en la imagen
pues harías
tengo por aquí esto
en lugar de hacer
bueno aparte de hacer esto
pues poner lazy
ahí
loading
poner lazy
y así te descargan las imágenes
de forma lazy
de forma automática
vale
mira pero tiene esto
madre mía
muy bien
muy bien
ah sí
sí que tiene un script
vamos a ver
vamos a ver ese script
a ver qué hace
qué hacen sus javascript
ya este chico con 13 años
pues muy bien
muy bien
me gusta
el at-element
insertando
guys en HTML
muy bien
el fetch
después de la respuesta
esto es para recuperar
los cuatro primeros
bueno haz un for
at-element
muy bien
bueno
no sé para qué
está recuperando esto
ah estos son
sus artículos
del dev2
ves la performance
que se queja
la verdad es que
se queja
porque tarda un montón
pero es
también un tema
de las imágenes
que son muy grandes
y estas imágenes
que se está quejando
estas imágenes
con el lazy
pues mira
no te las quita gratis
pero que seguramente
te podría mejorar bastante
así que echan un vistazo
pero muy bien
madre mía
las sorpresas
que nos llevamos
en este mundo
dios mío
la gente
que joven
antes de que
crecerle ya
los dientes
ya están haciendo
una página web
a ver qué hacía la gente
con 13 años
a ver voy a leer
voy a leer
lo que hacía la gente
con 13 años
vamos a ver
vamos a ver
me da miedo leer
eh
mira Raimundo dice
que con un space letter
si no el texto
está muy justo
vale
yo con 13 años
estaba con mi prima
nefasto
hostia
me da miedo
lo que voy a leer
13 años
y abría solo youtube
vale
vedasquies
estaba fumando porros
joder
la hostia
también
menuda infancia
menuda infancia
habéis tenido
algún consejillo
para maquetar fino
estoy haciendo una web
desde cero
me refiero
pues eso
que la hagan
lo suficientemente simple
es un capo
totalmente
hay gente que está jugando
al gta san andreas
ese chico
con 5 años
ya será un desarrollador
senior
de cualquier herramienta
dice style radical
muy bien
eh
jacón
con 13 años
estaba viendo
pokemon
otros
como franco perfil
estaba jugando al fifa
todas las noches
pensando a quien fichar
el próximo mercado
con 13 años
monroy
no sabía ni que era
la computadora
vamos a ver
que más
q2 para
cithroy
totalmente
totalmente
ram al final
me he imaginado
que es rica morty
y es que estaba
haciendo alguna cosa
con rica morty
yo con 13 años
jugaba al mario bros 3
a ver
que más
yo creo que tiene
13 años en cada pata
dice vaya usted con dios
bueno no sé
que nos diga a él
a ver que pasa con eso
a ver
13 años
pero son 13 años
de experiencia
jaja
pura vainilla
o sea
pura vainilla
13 años
parece falso
no sé ricardo
gente de poca fe
muy de acuerdo
en mis 13 años
podía editar el html
de myspace
13 años
gente como portutatis
jugando al wow
con 13 años
había
santitobi
decía que
utilizaba su mano
para una cosa
diferente a programar
jugar al fútbol
eso soy yo
yo jugaba muchísimo
al fútbol
a mí me encantaba
jugar al fútbol
y me iba
todo el día
con mis colegas
a jugar al fútbol
y estábamos como
4 o 5 horas
jugando al fútbol
acababa reventado
pero bueno
así estaba súper en forma
no como ahora
que estoy en modo bola
ahora estoy en modo bola
algo que no se puede decir
en este chat
es lo que
mejor no respondo
lo que hacía a los 13 años
a los 13 años
me hacía el programador
había gente
como Katy
que
bueno
se autoconocía
vale
yo con 13
con 13 años
comía tierra
dice
Dios león
comía tierra
comía tierra
jugar a la PSP
inspectar una página
y cambiaba un H1
jugaba a la Play 2
jugaba al fútbol
todo el día
había gente
que se comía los mocos
creerme hacker
con Facebook
programar
una calculadora gasolina
en C++
joder
no estaba mal
Jellowin
con 13 años
jugaba a Pokémon
ya te digo
yo creo que estábamos
yo también
estaba jugando a Pokémon
Pokémon rojo seguramente
13 años
solo viendo vídeos
de duendes
no creo
ni sabe lo que es
no hombre
yo creo que sí
que tiene 13 años
estoy seguro
que es de verdad
gente que con 13 años
estaba viendo
Dragon Ball
a ver
yo con 13 años
y tengo amigos
que tienen 36
y lo siguen viendo
también os digo
ay Dios
a ver
me he ido
apenas de estar puberto
y el chico
sabe programar
ya te digo
pero bueno
está bien
yo con 13 años
tocando trombón
todo el día
pensando que sería
músico
yo no me acuerdo
ni lo que hice
el año pasado
ay que bueno
con 13 años
todavía ni nacía
ya ves
ay venga
vamos a continuar
que risa
que risa
que bueno
muy crack
tienes mis
tienes mi respeto
chaval
Rakatash
vamos con Rakatash
mi primer proyecto
en React
y React Native
o sea el chaval
dos por uno
ahí a tope
y
GraphQL
Apollo
TypeScript
algo más
Rakatash
hay algo que no has metido
que
que
viera que faltaba
por introducir
a ver
vamos a darle
a ver si me lo abre
porque me lo abre
en el otro monitor
me ponen los nervios
uy uy uy
Heroku
está levantando
la
la aplicación
bueno
mientras vamos a ver
no sé qué es esto
challenge
challenge
challenge
Rick and Morty
searcher
como nos gustan
los searchers
de Rick and Morty
hostia amigo
amigo amigo
amigo
es que Heroku
no me quiere enseñar
la página
va
pero vamos a ver
a ver
oficial
Degui Martín
esto
no sé si es el nombre
de la persona
me imagino que sí
vale
vamos a buscar aquí
Morty
bueno
muy bien
Morty
Morty Smith
mira ahí con
oh y unos efectos
además el efecto
viene de
bueno a ver
sencilla
hace falta
darle cañita
a lo que es
el tema estilos
o sea
el tema estilos
sabes que pasa
que
es mejor
es mejor
cuanto menos
es más
vale
menos es más
entonces
yo todos estos colores
así
que
que bueno
entiendo que son los colores
de Rick and Morty
que por cierto es una serie brutal
que si no has visto
la tienes que ver
me imagino más o menos
que son los colores
de Rick and Morty
bueno tampoco veo mucho
lila aquí
pero bueno
pero entonces a lo mejor
podrías tener solo uno
solo un color
pero un degradado
aquí
aquí el verde
este
aquí el lila
luego
también
hay cosas
que ya os tienen que salir
automáticas
por ejemplo
que tengan padding
los
un poquito de padding
como de hecho
es que aquí
tiene el height
lo tiene a muerte
este height
y entonces
no pilla ni padding
ni nada
hay unas cuantas cosas
aquí que habría que
darle
mucho height
esto
mira esto
mira para que te sirva
esto de
aprendizaje
esto de utilizar
height aquí
a muerte
esto es como se maquetaba
en las revistas
antiguamente
vale
o sea el decir
no
esto ocupa
60
que pasa
que tú lo que estás haciendo aquí
lo que estás consiguiendo
es ser demasiado estricto
ahora tú pones aquí
height
60
y si tú consigues 60
pero esto no es lo que tienes que hacer
tú
tienes que pensar
cuando estás
justamente
maquetando
es evitar
el ser tan estricto
o sea tú lo que tienes que hacer es
bueno
esto que ocupe
lo que tenga que ocupar
pero lo que sí que quiero
es que tenga espacios
pues por debajo
y por debajo
tiene un espacio
de tal
de hecho
en lugar de
esta parte de aquí
este float
que no sé
ni el float este
para que
floats
cero eh
no utilicéis más floats en vuestra vida
eso lo quitáis
pero
lo que hay que intentar
pues sería un poco más bien
decir
bueno pues esto es un display flex
y lo alineáis al centro
justify content center
que luego habría que ver
porque pasan todas las cosas que pasan
porque habrá un montón de márgenes
historias raras
pero es que
todo esto
todos estos márgenes
aquí a fuego
40%
¿sabes?
35 píxeles
muchas de estas cosas
te están limitando
a la hora de poder trabajar bien el diseño
es mucho mejor
que lo tengas así
a ver aquí
porque aquí hay un padding
un margen
o algo que
¿ves?
pues le quita
este margin top
de 20
y entonces lo que haces en el form
es aquí controlar mejor
el espacio
que tiene que dejar
entre arriba y abajo
y ahora que está como más suelto
lo que vas a conseguir aquí
es que le puedas poner el padding
y entonces ahora sí que funcione correctamente
de hecho puedes hacer
pues que esto tenga
arriba abajo
¿vale?
pues algo así
luego el width
le pasa un poco lo mismo
pues el width es que lo tiene demasiado
¿no?
demasiado fuego
bueno pues al menos así ya va
va un poquito mejor
si lo que quieres es hacer esto
con display grid
a lo mejor te iría mejor
que hacerlo con floats
y cosas así
que es lo que estabas haciendo antes
luego además
los colores
o sea
yo por ejemplo
intentaría
yo es que me cargaría casi que
todos los colores
me los cargaría todos
y lo haría más bien al revés
o sea mejor
lo que puedes hacer
es que esta parte de aquí
sea flotante
mira vamos a intentarlo
¿vale?
para que veas
esto como
como podrías hacerlo
y a lo mejor
solo tener un color
en lugar de tener tantos
esta parte de aquí
en lugar de hacerla tan
tan bestia
vale
le vamos a poner este color
ves es que tienes el position fix
de hecho
y ves que el position fix
además hace como cosas raras
pues pues eso
podrías hacer
es que el borde
bueno
podréis dejarle la gracia a esta
le quitamos el borde
el borde es demasiado exagerado
el margin
vale
le pones ahí un margen así
un poquito
el padding
ves padding left
no
los padding siempre tienen que estar
para todos los lados
porque el padding
es lo que le va
va a oxigenar toda la parte
luego claro
te deberías darle un poco más de espacio
porque si no
no tiene espacio suficiente
de hecho esto
esto también
el margen fuera
todo esto
esto es el padding que tiene
pues esto también
tendrías que ponerle aquí un espacio
bueno habría un montón de historias
¿vale?
pero el hecho de poner
pues a lo mejor esto
bueno
a lo mejor me he cargado algo
si me lo he cargado
bueno
pero
a lo mejor solo un color
y luego cuando te sale aquí
esos degradados
pues fuera también
pero claro
es que has puesto
has puesto todo
a lo mejor
¿qué pasa?
que a lo mejor me estoy enfocando más
en el
en lo visual
y a lo mejor él solo quería
pues hacer cualquier cosa
para que fuese más
más fácil
y quería hacer temas de
typescript y todo esto
vamos a verlo
typescript
mira con apollo provider
o sea que está haciendo
con graphql
vamos a ver los hooks
use modal
un
para
a esto le falta linter
esto le falta un linter
que esto
¿esto qué es?
esto no
esto no
rakatash
no
los espacios
¿vale?
hay que poner espacios
ponte un linter
ponte algo
que te diga que no
hagas esas cosas
porque es que
lo demás lo tienes bien
no entiendo
por qué
ese lo tienes ahí raro
pero eso con un linter
te lo dice
es súper fácil
location
esto suena a componentes
esto es una cosa
que veo mucho
a la gente
estos son componentes
diferentes
esto puede ser
pues un componente
que sea carácter
¿sabes?
no hace falta
hay que separar mejor
en react
hay que componentizar mejor
¿vale?
hay que componentizar mejor
para que justamente
no tengas aquí
todo el chorro
de lo que define un episodio
y de hecho
también habría que ver
qué diferencia hay
entre location
porque si al final
esto es un título
y esto es una descripción
si tú tuvieses aquí
un componente
que fuese
yo qué sé
search result
que le puedas pasar
el título
y la descripción
pues fíjate
y el type
tú le pasas el type
le pasas el título
descripción
y este componente
es exactamente lo mismo
que este de aquí
o sea que
pasándole
parametrizando
se pueden hacer mil cosas
a lo mejor
incluso este
¿por qué?
porque este
pasándole el type
y pasándole una imagen
pues la imagen
significa que no necesita
una descripción
por ejemplo
y estos breaks
nada
lo que hay que hacer
en este caso
es estilar
no hacer breaks
esto
los breaks
no sirven
vamos a ver
qué más hay por aquí
hostia
¿esto qué es?
character query
no sé qué
stars width
esto tiene pinta
también de que
se podría ser
un objeto
un diccionario
para facilitar
este tipo de cosas
este query type
además
que esto es tan mayúscula
como si fuese un componente
use query
no pues query type
además
esto tendría que ser
get query type
pero bueno
ahí bien
no utilizáis bar
o const
bueno
esto debería ser
un let
en todo caso
¿vale?
vale
vale
uy
qué raro esto
¿no?
si
character
no sé qué
no sé cuánto
ah
porque si es uno
entonces es al revés
vale
constantes
bueno
otro efecto
manute power
muchas gracias
hombre
por esa suscripción
con prime
cuatro meses ya
vale
loader
bla
card
vale
venga
vamos a ver
filtros
bueno
falta componentizar
hostia
si no
y si necesitasen
más especio
pues pondrías
50 breaks
o sea
si la cuestión
es poner ahí
etiquetas
no
esto no se hace
¿vale?
esto de los breaks
están prohibidos
a veces no están prohibidos
pero no los uses
esto al formulario
le pones un espacio
y ya está
los estilas
¿no?
o sea
si te dicen
no
ponle más espacio
¿qué vas a poner?
hasta que revienten
los breaks
si necesitas un break
te tomas un break
pero hombre
eso no
¿vale?
a ver
lo que veo
esto es un
esto es un
mira os voy a comentar
qué malo
como reís
tómate un break
no te tomes muchos breaks
mira
un problema
no un problema
una cosa que veo
mucho
con gente
trabajando
en React
es que
utilizan React
como un template
engine
y se olvidan
justamente
de la composición
la gracia de React
no es ser un template
engine
la gracia de React
es componentizar
la UI
de forma que no repita
dos veces lo mismo
y hay cosas
que es que saltan
a fuego
o sea
por ejemplo
el código este
de nuestro amigo
esta parte de aquí
este input label
que tiene todo esto
no sé
o sea
es que
veis que
si es que está repetido
aquí debajo
o yo que sé
es que aquí otra vez
entonces
hay que
hay que componentizar
y hay que enfocarse
en ese componente
de forma aislada
al resto
porque es que si no
estáis repitiendo
todo el rato
el mismo código
y estáis perdiendo
la gracia que tiene React
esto es
utilizar pseudo React
le diría yo
un pseudo React
¿vale?
todo componente
que se pueda reutilizar
se tiene que poner
Albert Zach
muchas gracias
por esos tres meses ya
muchas gracias
crack
crack crack crack
muchas gracias a todos
muchas gracias por
claro
podéis componentizar
el break
y entonces
claro
mira que buena idea
o sea tú
no lo habíamos pensado nunca
podríamos hacer esto
mira
vamos aquí
a React
y podemos
hacer
esto
break
que esto
renderice
br
y así pues ya
lo utilizamos así
y hacemos así
o incluso
podríamos decir
breaks
le pasamos el times
y aquí en el times
lo que podemos hacer
es return
podríamos hacer
un array
de
times
que sean las keys
map
y aquí devolvemos
el break
entonces ya podéis
hacer break
times
y le puedes decir
que te haga
100 breaks
y así
así ya nos tienes
que poner más a mano
hostia
pues no es mala idea
no es mala idea
es mentira
no lo hagas
vale
no lo hagas
vale
venga
vamos a continuar
vamos a continuar
pero
está
está bien
Rakatas
no hemos visto
la de
hay que mejorar
el tema visual
y hay que mejorar
el tema de
reutilizar
componentes
vale
vean
un porfolio
de
lolco
hostia
se ha eliminado
el mensaje original
que pasó
me he quedado con ganas
que locura bro
está guapísimo
y lo han eliminado
por qué
ahora me he quedado
con ganas
de saber
vale
lolco
vamos a por ti
vamos a por ti
lolco
samu gonzález
alonso
ok
vale
parece un editor
bueno
me gusta
me gusta
vale
es como un editor
coronavirus
stats
package
oh que bonito
esto
que bonito
que bonito
el porfolio este
a ver
es un poco raro
¿no?
porque es como
el proyecto
telefarma
vale
porfolio
bueno
está bien
pero
no me dice mucho
¿eh?
está bien
este proyecto
o sea
me parece guay
la idea
me gusta mucho
la UI
pero el hecho
que te abra
el package
JSON
como que me quedo
un poco
como
bueno
bueno
aquí
ah mira
como si fuese
está bastante gracioso
esto
que estudió
aquí
en punta larga
en bachillerato
ya está trabajando
aquí
está bastante
curiosa
la UI
me gusta
estas son las extensiones
y mira
me ha abierto aquí
y esto es como lo que sabe
¿no?
bueno
estas cosas no las hagáis
esto de poneros estrellitas
como si fueseis películas
de IMDB
no
no pongáis
pero bueno
es verdad que es un poco
mira
React
Vue
Figma
Git
GraphQL
pero está muy graciosa
la UI
está muy
muy muy graciosa
vamos a ver
este coronavirus
status
también
aquí
vamos a
curiosearlo
todo
coronavirus
yo creo que he visto
esta web
en algún sitio
me suena
a ver
que más
y esto ya
esto es la home
de hecho
es un poco raro
o sea la home
está chula
me gusta el estilo
¿no?
que es como un editor
lo que pasa es que
una de dos
una de dos
hay veces que cuando tú haces el tema del editor
ah mira aquí tiene para cambiarlo
¿qué pasa?
que se ve muy
o sea muy pequeño todo
es como que demasiado
no sé
no sé si da esa sensación
¿no?
como que
al menos en mi monitor
como que pam
todo muy grande
hay mucho espacio
pero luego el contenido es como
pequeñito
y como que la información aquí
de proyectos
del package.json
pues como que he hecho falta un poco
bueno sí
al menos tengo
pero es que claro
ver aquí las dependencias
es como tanto ruido y tal
no sé
es como que me gusta la idea
pero no me termina de encajar
I'm a junior from the web developer
I love a challenge
and I don't give up easily
I'm very detailed
and I never stop learning
muy bien
nadie termina de
de terminar de aprender
y aquí tenemos el currículum
muy bien
el hecho de que tenga el currículum aquí
grande
y estos dos iconos
que son los importantes
especialmente el de linkedin
perfecto
este es muy típico
pero bueno
está bien
faltan conexiones
hay que conectar
mira
Tenerife
que suerte tiene
que suerte
pero si
no os pongáis estrellitas
no os pongáis estrellitas
me gusta mucho el currículum
el diseño del currículum
está muy chulo
muy chulo
muy limpio
y con lo importante
una página
tiene mi
tiene mi aprobado
creo que
le veo como
esta
no sé
me da la sensación
un poco desaprovechada
es como una idea
desaprovechada
no sé
no sé si a lo mejor
no sé
no sé
qué
qué podríamos hacer
vamos a verlo en responsive
como que me gusta la idea
pero
hostia
bueno
responsive
no es muy responsive
no es muy responsive
bueno
se abre así
y ya está
bueno
lo que pasa es que
como no se puede cerrar
al darle otra vez
de hecho
lo que es clicable aquí
es un poco raro
porque veis que
le estoy clicando aquí
y me tengo que acercar bastante
hay que darle
un cariño
creo que le puedes dar una vuelta
me ha gustado la idea
de verdad
me gusta la idea
me gusta el tema
que sea un editor
pero creo que
eso te permite
jugar con más cositas
y que le puedes
no sé
dar un poquito más
no sé
tener dos paneles
por ejemplo
en un editor
tú puedes tener dos paneles
pues esto puede ser gracioso
tener los dos paneles
y que en un panel
te ponga una cosa
y en otro otra
sobre todo aquí
en la home
yo creo que es que la home
nada más entrar
es que sería la clave
es que nada más entrar
a lo mejor tener los dos paneles
y que sea más visual
más impactante
ahí es donde
podría marcar la diferencia
hay que darle un poco
es buena idea
pero hay que darle la idea
hay que darle otra
ahí está
que está diciendo
que mola la idea
mola la idea
yo hubiese
centrado los iconos
de las redes sociales
sí
yo esto lo juntaría
porque están muy separados
muy muy muy separados
me imagino que esto es
efectivamente
yo esto
pues en lugar de full
pues yo que sé
seguro que tenéis algo ahí
pues lo juntáis
lo ponéis un poco más
así
¿vale?
por ejemplo
yo creo que
así quedaría
un poquito mejor
un poquito mejor
incluso un poco más grandes
tampoco haría daño a nadie
¿cómo se saca una rama
de tu vida?
ya ¿eh?
porque claro
es que las ramas
que pone aquí
son de arriba abajo
todo el rato
también me da la sensación
que se ve muy pequeñito
pero claro
cuando simulas un editor
ah mira
si tenemos aquí al lolco
muy bien ¿eh?
pero me gusta la idea
me gusta la idea
igual aquí
yo aquí
le puedes poner
como si fuesen
las extensiones de verdad
¿sabes?
que le das aquí
y te sale
con negrita
y tal
ah bueno
es que ya tiene negrita
lo que pasa es que
como siempre sale
Samuel González
como que se ve muy repetitivo
no sé
antes salía
o me lo he imaginado yo
antes salía aquí el icono
antes salían los iconos
¿verdad?
o sea tú buscabas slint
sí mira
cuando es muy grande
¿ves que sale el icono?
yo pondría el icono
yo aquí pondría los iconos
el de html, css, javascript, ria
y tal
pondría los iconos
y fíjate
no sé
si evitaría que fuese clicable
y todo
porque es que
a mí esta parte
como que tampoco me
no sé
no sé
pondría mejor el icono aquí
y a lo mejor
ponerías aquí algo
podrías poner aquí
¿ves?
a las estrellitas
que está aquí
por poner la gracia
y evitar que sea clicable
porque tampoco añade
mucha historia
aunque bueno
igual
si en lugar de poner esto
explicases más
por qué sabes eso
pues a lo mejor
eso sí que sería interesante
pero bueno
la idea está
está chula
está muy bonito
está chulo
¿puedo poner
en alguna sección
se van escribiendo
los textos
como si estuviera
programando?
eso estaría
también muy chulo
eso estaría muy bien
¿estes ese puro
o usas un framework?
quizás no es para
porfolio
pero sí para otra cosa
oye Sergio
muchas gracias
de estar regalando
ha regalado ya
6 suscripciones
es el canal
vaya crack
muchas gracias
la tocaba Nico
y TC
muchas gracias
está muy guapo
no suma
es por darle
un nivel de conocimiento
más ancho
también es Cyber
sí
yo lo haría más ancho
igual que pasa aquí
que salen así los links
Mido
dile que puede poner
la info
como una extensión
de Visual Studio
sí
claro
ya que estás
pues ya te copias
a la info
y la pones un poco así
así de ese estilo
ole
gracias por la sub
saludos de México
muchas gracias
a vosotros
muy bien
muy muy bien
a ver si le podemos
echar un vistazo
al porfolio
al código
así por encima
a ver que
tiene Tailwind
mira lo ha hecho con Vite
muy bien
hostia events
en mayúscula
porque
con Meet
Meet es una librería
de Jason Miller
muy chula
está genial
componentes
ah está hecha con View
por cierto
está hecha con View
main.js
vale
tiene las traducciones
perfecto
muy bien
pues nada
ahí tenéis el proyecto
por si le queréis
echar un vistazo
muy bien
Lolco
bien pensado
check
algo básico
reciente
venga vamos a ver
Jorge
vamos a ver Jorge
que nos tienes preparados
hostia
hostia Steve Jobs
en cursiva
a ver
tu tiempo es limitado
así que no malgastes
viviendo la vida
de otra persona
ilustración de Steve Jobs
pero mira
cuando lo mueves
se le pone bien
la cara
vale
Jorge Quintero
frontend
¿por qué?
¿por qué me pone
este cursor?
me dan ganas
de mover
¿sabes?
con este cursor
pienso que lo puedo mover
todo
saber más
vale
quiero saber más
me lleva
aquí
pero esto
¿qué pasa?
que yo cada vez
que refresco
no
o sea
esto es como
el tributo
a Steve Jobs
leete esto
Steve Jobs es Dios
y aquí se ha quedado
¿no?
un poco
aquí se ha quedado
vale
bueno
está bien
es muy raro
hacerle hover
a una cosa
que no se
que no se puede leer
yo la verdad
para hacer este
a ver
esta cursiva
no la entiendo muy bien
¿por qué está esto en cursiva?
es que es muy raro
pobre Steve Jobs
¿sabes?
Steve Jobs
el pobre
está como jodido
de lo suyo
sé
mira
es que pones
una cosa así
te cargas todo esto
si esto no importa
ya a nadie
si ya sabemos
que él
era muy
muy bestia
hay veces
que
cuando hacemos
hacemos cosas
que le ponemos
diseños
historias
mira
además tiene
mira
esto es lo mismo
que decía antes
esto es lo mismo
que decía antes
hay por aquí
algún sitio
que tiene
la altura
la tiene
a fuego
este height
no sé dónde
max width
tiene en algún sitio
o es que tiene algo
que es un position absolute
o tiene algo raro
tiene algo raro
por ahí
que lo tiene
mira
figure
¿ves?
tiene el height
de la
es que este tipo
de cosas
son un poco raras
pero este lo hace
la imagen
un poco más pequeña
vamos a ponerla
más pequeñas
20
ilustración
de Steve Jobs
a ver
es una página
un poco
pero mira
me gusta más
este diseño
que el otro
imagínate
¿por qué?
no es por nada
sino que
es un poco raro
la card
el box shadow
verde
al Steve Jobs
mirándote
así en diagonal
el hacer
que el hover
sobre texto
no tiene mucho sentido
y a lo mejor
aquí lo que podrías
hacer es que se moviese
un poquito
o algo así
o le podrías poner
un
a ver
¿cómo es esto?
filter
drop shadow
no
drop shadow
no
¿cómo se llama esto?
ah sí
es que es el drop shadow
es que la imagen
no es transparente
qué pena
si la imagen
fuese transparente
podrías hacer
un efecto así
súper chulo
mira
vamos a hacerlo
un momento
vamos a hacer
me imagino
que la ilustración
a lo mejor
es de
ah no
mira es esto
color
vamos a ponerle
una
voy a enseñar
una cosilla
que no sé
si la habéis visto
que está bastante chula
hostia
aquí está abajo
en el chico
vaya
es que no está
transparente
bueno
vamos a poner este
que es en color
pues una cosa
que está bastante chula
que podéis hacer
en CSS
si tenéis un
png
ay no me lo ha pillado
espérate
si
tengo miedo
a copiarme esta imagen
porque me da la sensación
que al final
no va a ser
no va a ser realmente
transparente
vale
si queréis
vale
pues podéis hacerle
¿veis ese efecto
con el
con el fondo?
con el drop shadow
este
RGBA
0
0
0
pues podéis hacer
le podéis hacer
este tipo de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
de
cuando es una imagen
que es transparente
que tenéis el fondo
transparente
podéis hacer un filter
drop shadow
que es diferente al box shadow
el box shadow
si lo pongo
vais a ver
2p4
56px
veis que hace el shadow
de toda la imagen
pero cuando tenéis una imagen
que es png
que tiene fondo
transparente
podéis hacer un filter
drop shadow
y hacéis este
este
esta
esta sombra
que esta sombra es más
como
de la imagen
que sí que se está utilizando
que no está
en el canal
alfa
que el canal alfa
es la transparencia
y está bastante chulo
lo digo porque bueno
esto sí que creo que queda como
le da ese toque
más místico
al bono de steve jobs
y hombre
si esta es la frase
clave
yo aquí
le pondría
fuá
algo
algo grande
sabes
algo aquí
grande
tiempo limitado
no sé qué
no sé cuánto
steve jobs
aunque es el título
yo lo pondría
debajo
esto lo ponemos
así un poco
pam
cero
con size
más pequeño
vamos a ponerle
ahí un padding
botón enorme
más que nada
para que se separe
con el de abajo
y ya está
bueno
lo haríamos más pequeño
y tal
pero bueno
es que está guay
el tema del efecto
era para explicaros
lo del efecto
bueno hemos pasado
hemos pasado de esto
a esto
pero bueno
esto sobre todo
estaría bien
pues ponerle
que siempre
acabase
algo así
el saber más
también en el centro
y tal
y así le has puesto
un aura
que parece dios
steve jobs
parece que va a bajar
de los
del mundo
de los cielos
se va a comer una manzana
y ya está
pero bueno
a ver
está bien
está bien para
para toquetear
pero le falta
le falta trabajo
al bueno de steve
estaría bien
ya que tienes
además
es que tienes javascript
pero para qué
utiliza javascript
esto
está vacío
pues estaría bien
que fuesen
frases
que fuesen pasando
dale una vuelta
frases de steve jobs
que van
moviéndose
o lo que sea
si parece dios
parece dios
que tenga ese efecto
ahí
ahí con un aura
le podemos poner
un
ahí está
steve got
en nuestros corazones
bueno
muy bien
muy bien
jorge
muchas gracias
por el
por el tributo
a steve jobs
stay hungry
stay foolish
ya sabéis
fena
te dejo la última
que dices
un portfolio
para un productor
musical
madre mía
vamos con el productor
musical
el productor musical
se llama
haraca
haracanda
jacara
jacaranda
polvo
oh
que bonito
ojo
ojo
cuidado
ojo
cuidado
vamos a ver
oye
mira
mira
mira
que son
muy las cosas
chung
chung
oh
oh
oye
pero esto
esto está muy chulo
como está hecho
oh
coño
que ha sonado
un trueno
ojo
que tiene musiquita
y todo
oh
que chulo
a ver
yo no pongo notas
porque poner notas
está feo
¿vale?
poner notas
es feo
y aquí
no estamos haciendo
exámenes
pero
le vamos a poner
un 10
está muy chulo
me gusta mucho
el diseño
se ve
finísimo
funciona
responsive
obviamente
le han pagado
pasta por ello
lo cual
me parece
muy bien
está muy chulo
me gusta mucho
esto
la parte esta
me parece
muy original
muy original
que se va moviendo
que cuando le das
te lleva
bueno
aquí se la ha ido
aquí
se la ha ido
pero bueno
se le perdona
me gusta mucho
esto
esto del lateral
muy bien
le ha quedado
muy chula
muy muy muy chula
una página
diferente
justamente seguro
lo que buscaba
genial
esto es
esto es lo que
esto es lo que
tiene que ser
hombre
páginas que realmente
marquen la diferencia
está
ahí está
mira
es que tiene detallazos
me gusta
que tiene muchos detalles
ahí otra vez
el icono
que tiene también arriba
esto para contactar
que bueno
le he dado
eso si
no funciona muy bien
a veces
el darle
y llegar
me gusta muchísimo
el efecto este
del formulario
esta
funciona perfecta
en responsive
tiene
tiene
mis 10s
tiene mis 10s
o sea
está bien
mira
otro efecto
otro detallazo
aquí
que te pones encima
en el hover
me parece
muy chula
de verdad
lo digo
me parece muy chula
una página
top
para
obviamente
a ver
no todo el mundo
esto le han pagado
pasta
odio las tarjetas
o formulario de contacto
alguien las usa alguna vez
da
a ver
en este caso
hay que tener en cuenta
que sí que tiene sentido
porque esto es un
si no me equivoco
ha dicho que era un productor musical
ahora le cuesta
ahí
que le pasa
lo que pasa es que esta página
también se ve
muy compleja
se ve complejilla
y el scroll a veces
se le va un poco
de las manos
vamos a ver
que pone por aquí
Adrián Benavente
13 años de edad
también
no hay broma
de 13 años
me cago en la hostia
y ya
nos vamos
nos vamos a dedicar
a otra cosa
no no no
tiene
se le ve mayor
yo lo he hecho
yo le he hecho
al menos 18
vamos a ver
vamos a ver
además es totalmente
de código abierto
lo cual me parece
un detallazo
por parte de Adrián
y que le haya dejado
el productor musical
Facundo
Ris
Ris
Risotti
que iba a llamar
Risotti
me suena a macarrones
no sé por qué
es bilingüe
tecnologías
utilizando
view
css modules
gsap
scroll out
para los efectos
view i18n
view router
y el parallax effect
con view kinesis
mira
este es el efecto
justamente
es muy parecido
de hecho
si os fijáis
cuando muevo
el ratón
de izquierda a derecha
veis que rota
esto
esto rota
y el fondo se mueve
está muy chulo
el efecto este
está muy chulo
mira
es que está
finísimo
este estilo
le da mucha
mucha mucha vida
hay veces
que con una cosa
de estas
una librería
es que te marca
la diferencia
totalmente
que chula
mira
para mover esto
super chula
pensaba que se podía mover
mira
puedes mover
el
y como lo he movido
ah
cuando vas
haciendo scroll
y esto es la distancia
según la distancia
que tiene
más pequeño
más grande
pues muy chula
esta librería
no la conocía
es para view.js
y está
muy bonita
esta sí que la conocía
view.18n
scroll out
para detectar
cambios en el scroll
y hacer
a ver si hay alguna demo
interesante
esta también la he estado utilizando
for cascading
vamos a ver
efecto cascading
ah
esto es para
bajar
y que vaya
va un poco regular
va un poco regular
porque
scrolle una vez
y me hace dos
scrolls
pero bueno
un poco raro
un poco raro
y bueno
para hacer animaciones
con javascript
pues es totalmente
código abierto
lo tenemos por aquí
wow
es
claro
ya me imagino
que tiene que ser tocha
porque fíjate
pero la tienen muy bien
separada
por cada una de las secciones
pues albums
además tiene uno
para desktop y mobile
me imagino
ya me imaginaba
que el responsive
no iba a ser muy fácil
o sea
aquí va a tener
un poco de todo
ahí
bueno
teníamos aquí
un poquito de view
con desmounted
vale
mira
aquí hay scroll out
utilizando scroll out
está utilizando
scss
como sas
este tipo de animaciones
seguro que la tienen
más de un sitio
seguramente la podría haber
extraído
pero bueno
pero muy bien
mira
el contacto
contacto
se ve
se ve potente
lo que veo
una cosa que veo
es que de nuevo
no utiliza muchos
o no me da la sensación
de que utilizan
muchos componentes
es verdad
que a lo mejor
no sé si
a lo mejor
tiene componentes
por ahí
pero me da la sensación
ves que es un componente
donde lo tiene todo
y con view
pues también puede
puede reutilizar
cositas
o separarlo mejor
de nuevo parece
que es más
un template engine
más
a saco
sabes
un toma
esta es la sección
bueno ves
aquí por lo menos
ha sacado las fichas
no pero las fichas
es solo como la información
no sé
ese es
a ver
está bien
pero
he hecho falta
un poco más
de componentización
me imagino que
él sabrá mejor que nadie
porque no
no ha podido hacerlo
mira este
este por ejemplo
sí que es un componente
más pequeño
en el gd
pues solo el switch
del lenguaje
tiene más sentido
pero bueno
muy bien
o sea
un muy buen proyecto
un buen proyecto
desde luego
además
un buen proyecto
para aprender view
haces una cosa así
y vas a aprender view
este tiene entre
vamos a ver la foto
adrián
si no te importa
vamos a ver tu foto
un momento
yo le he hecho
de 18
a
35 años
ahí lo vamos a dejar
no sé cuántos tiene
me encanta que es
html
programmer
y punto
ya está
di que sí
pues si
si haces estas cosas
adrián
desde luego
te vas a ganar la vida
el efecto del mouse
este lo está haciendo
con el view
que hemos visto
y el parallax
súper chulo
muy bien
la verdad es que
la verdad es que genial
vale aquí la gente
si tiene barba
es porque es señor
claro yo no tengo barba
¿no?
y yo soy niño
pero bueno
a ver
pero o sea
la gente ahora
los niños de hoy en día
tienen barba
con
súper jóvenes
pues muy bien
Fena
check
a ver si sale
check
no tengo una página
muy compleja
dice Agustín
porque la empecé
a hacer casi nada
ya me pones excusas
ya me haces
un downgrade
vale
ya me estás
recortando hype
no me recortes hype
hombre
no me recortes hype
es un template
bueno
a ver si es un template
es un blog
que usa Notion
como si fuera CMS
lo interesante que desarrollé
que sí que me gustaría
le eches un vistazo
pero no sé si va a acordar
la temática
es un paquete de MPM
para renderizar el contenido
que viene desde la API
de Notion
venga
vamos a
vamos a echarle un vistazo
pero ya hemos visto
que no
bueno
es sencillito
React Notion Renderer
ah le echamos un vistazo
a esto
bueno este es el blog
pero bueno
la gracia
ya dice que
es el
como crear mi propio blog
mira fíjate
muy bien
bueno
es como un blog
Arise en JavaScript
no falla
todos tenemos que tener
los artículos de Arrays
en JavaScript
si no
mira muy bien
que todo es clicable
muy bien
muy bien
esto estaría bien
que fuese un bloque de código
pero bueno
nos ha dicho que nos enfoquemos
en esto
pues en esto nos enfocamos
React Notion Render
este paquete
no es para hacer
llamadas a Notion API
el propósito
es convertir
la respuesta
de la Notion API
a HTML
la Notion API
devuelve el contenido
de la página
con una estructura
de bloques
vale
si
está interesante
vale
esto sea con NextDS
por ejemplo
te devuelve los bloques
y lo renderiza
o sea básicamente
eso es lo que hace
a ver si
ejemplo
Single Page
vamos a ver la Single Page
Notion to Single Page
a ver
para el que no sepa
lo que es Notion
Notion es como
una plataforma
Workspace
no sé cómo
mira Workspace
no sé cómo llamarlo
pero es como una página
donde puedes crear
todo tipo de contenido
para gestionar tu vida
para escribir
lo que tú quieras
cualquier cosa
que se te ocurra
lo puedes poner aquí
y ahora hace poco
han creado
han publicado
su API
y es muy interesante
porque puedes escribir
artículos en Notion
crearte un blog
y eso exportarlo
para que lo pille tu blog
y lo que ha hecho
este chico
es esta librería
que lo que hace
es transformar
la API de Notion
para que sea renderizado
con HTML
en este caso
para que sea renderizado
por NextDS
veis aquí
Notion
Notion.page.title
Notion.page.blogs.results
lo que
a ver
y es este
esta es la
la de librería
React Notion Render
creo que me gustaría
ay mira
mi dev
ojo
que pasa
eso es mi web
React.js logo
Notion API
solo soporta
claro
lo malo es que
la API de Notion
ahora mismo
lo único que exporta
de texto
es H1
H2
H3
párrafo
listas
y ref
pero hay cosillas
que todavía no las
links
puedes utilizar los links
como si fuese
Markdown
así que bueno
esto sería un poco
lo que te hace
o sea
tendrías
Notion Reference
esto sería lo que puedes
hacer en Notion
y esto sería lo que
te va a renderizar
en el HTML
pues me parece
muy interesante
vamos a ver un poco
el código
que es lo interesante
de verdad
Source
pero
Components
vale
Title
Render
Exporta los títulos
Utils
Asparcer
Export
no sé qué
esto
esto es
curioso
porque
esto lo podría hacer
en una línea
muchas cosas
esto de exportar
importar y exportar
al final
lo que puedes hacer
en lugar de hacer esto
por si os interesa
mira
lo que podéis hacer
sería
más bien
esto
o sea
lo que está haciendo él
es importar
que a lo mejor
no pasa nada
o sea
está bien lo que ha hecho
mira
vamos a copiarlo todo
vale
no está mal
no está mal
pero
ya que haces un import
del title
que al final
lo que haces
es exportarlo
de esta forma
lo que puedes hacer
es export
default
as
title
y lo haces en una línea
y ya te quitas esto
y esto pues lo puedes
seguir haciendo
con todos
con el list
pues haces
export
default
porque
lo que estás importando
sería el default
y el default
lo quieres exportar
como list
y haces esto
y esto lo haces
en una sola línea
te quitas esto
y esto con todo
default
as
style text
sobre todo
para los que no
necesita hacerle nada
yo creo que es
la mejor forma
de hacer este tipo
de exportación
aunque sea
y esto
pues lo mismo
y entonces ya te lo quitarías
y esto así
el de útil
bueno el de útil
puede tener más sentido
porque veo que
ves aquí sé que está
bueno
al final podría hacer lo mismo
es que sería lo mismo
export
default
as
y en lugar de render blocks
pues podría poner render
que es como lo está exportando
y ya está
sería una
ah lo que pasa es que ves
lo está
aquí como si que lo está haciendo dos veces
pues mira aquí igual
sí que tiene sentido
que lo deje
y ya está
pero los otros
pues lo puedo hacer así
y este igual
pues estos
lo podría exportar
como los hemos exportado aquí
es una cosa interesante
de cómo exportar
Xmascript modules
mientras lo estás importando
que no sé si
si esto mucha gente
mucha gente no lo hace
la verdad no sé por qué
pero
es una forma que se puede utilizar
vale
components
vamos a ver los componentes
ves aquí tenemos los componentes
el imagen link list
esto sería lo que renderizaría
de la API de Notion
que al final la API de Notion
pues la tenemos que pasar
en Utils
me imagino que aquí es donde estaba
el render blocks este
vale
vale
es curioso ¿no?
porque se supone que era
que estaba utilizando TypeScript
pero tampoco veo mucho TypeScript
por aquí
o sea que lo tendrá bastante
bueno aquí
aquí tiene TypeScript
render blocks
vale
10 blocks
bueno
esto tiene buena pinta
es un poco raro
hay una cosa rara aquí
const blocks
hay una cosa un poco rara
o sea esto es un render blocks
que parece una función
pero al final
está utilizando dentro hooks
entonces
tendría que ser un componente
¿no?
o sea
esto es un componente
entonces este render blocks
yo no le llamaría render blocks
de hecho
mira
esto puede ser un problema
no sé si estás por aquí
pero
si estás por aquí
que sepas
que esto puede ser un problema
en el sentido
de que
lo que puede ocurrir
es que tú llamas a un componente
porque esto es un componente
lo estás llamando como una función
y te estás perdiendo
algunas utilizaciones
que haría React
así que yo esto
lo renombraría
como un componente
y utilizaría como un componente
porque es que esto
devuelve
justamente
al final
algo renderizado
aquí explica un poco
cómo son las páginas web
de Notion
mira aquí tenemos
build a website
with Notion in seconds
la verdad es que es brutal
o sea tú haces aquí la página
en Notion
y luego esto lo puedes
exportar
en este caso
me parece que es exportarlo
pero no con la API
esto sería exportarlo
de otra forma
porque al final
tú puedes hacer la página
y la puedes
hostia
¿puedes hacer un embed
un typhoon?
joder
que de cosas
de hecho hay un montón
¿cómo se llama esto?
super
Notion
hay una página
esta
que te permite crear
websites con Notion
y al final
fíjate
o sea tú lo haces en Notion
y te quedan cosas
bastante chulas
como por ejemplo esto
pues esta página
está toda hecha
con Notion
esta pues también
está toda hecha
aunque no parezca
está toda hecha
con Notion
toda la información
que ves aquí
es de Notion
al final
Notion sería también
como un
no code
¿vale?
¿por qué?
porque te permite
pues toda la base de datos
el cómo
actualizas los
los artículos
cómo tienes
todos
yo que sé
todas
las relaciones
porque puedes tener dentro
puedes tener
items
puedes tener de todo
pues te puede servir
todo esto
está en Notion
y esta página
es un template
al final
para renderizar
lo que tienes en Notion
es bastante interesante
¿vale?
y aquí
está utilizando
Tailwind
no sé si lo interesante
hay una cosa
de todo esto
de este
ah bueno
no
es que este
perdona
ahora me he confundido
ahora estaba
en otro sitio
quería aquí
vale
aquí veo los styles
no sé si me gustaría más
a lo mejor
en mi opinión
pero este paquete
no sería más interesante
si no tuviese estilos
o a lo mejor
los estilos
son opcionales
me refiero a
que lo que es interesante
es que te devuelva el HTML
el output
y ya está
pero no que te lo
llegue a estilar
y a lo mejor
a lo mejor
los estilos
como tú lo haces
es de una forma diferente
no sé
no sé si llega a importar
los estilos
no me he fijado
sí
sí que los llega a importar
bueno
al final
como sí que exporta
he visto por ahí
que sí que exporta
el parser
pues bueno
puedes utilizar
solo el parser
y ya está
pero bueno
es que al final
a lo mejor
tendría más sentido
que fuesen dos paquetes distintos
no sé
pero bueno
tiene buena pinta
me gusta
muy bien
muy bien Agustín
muy bien
check
buen trabajo
venga
vamos con Cristian Dovao
Cristian Dovao
yo voy a leer un momento
voy a usar Notion entonces
ya que amo Notion
muchas gracias
me estoy fijando en los links
la página de su aplicación
está en Notion
sería como lo hizo
Moure
sí
sería como lo hizo Motion
ahí
Moure
exacto
vale
vale
veo que habéis estado hablando
ahí un rato sobre
cómo se hace en la licencia
de código abierto
pues mira
tienes una página
chose your license
que te recomiendo mucho
esta
que te va a ayudar
a definir
necesitas una
trabajar en comunidad
algo permisivo
no sé qué
y le das
y a partir de ahí
pues puedes ir
mira pues esta
te dice
cuáles le das permiso
las condiciones
las limitaciones
tienes diferentes
o sea puedes volver aquí
y si ninguna de estas tres
funciona
pues puedes volver
mi proyecto no es de software
vale
pues hay licencias para esto
y aquí te las explica
esta página yo creo que es la
la ideal
para este tipo de cosas
hombre mira
tenemos aquí a Cidroid
Cidroid
dinos la verdad
a ver
vamos a hablar con Cidroid
Cidroid
dinos la verdad
cuántos años tienes
hombre gracias
huayco
tú también eres genial
cuéntanos
Cidroid
dinos la verdad
qué edad tienes
qué edad tienes
cuéntale a
cuéntale a Tito Midu
cuéntale a Tito Midu
qué edad tienes
en realidad
hemos leído por ahí
que tienes 13
tengo 13 años
trabajando
nos has engañado
no
nos engañaste
nos engañaste
fue una mentira
nos engañaste
Cidroid
hemos sido
engañados
hemos sido
engañados
nos has engañado
nos has engañado
todo este
tu web a juicio
ha sido una mentira
ha sido una mentira
todo ha sido una mentira
que timo
cómo que es broma
que sí que tienes 13
a ver
Cidroid
a ver
vamos a
le voy a stalkear
vamos a stalkear
a Cidroid
ahora
yo creo que sí que tiene 13
o no
no lo sé
qué decís
ahora no me fío
se acabó la esperanza
no puede ser
yo no vi la web
de Cidroid
la tienes aquí
es esta la web
que la verdad
es que está bastante chula
a ver
13 years old
junior developer
from Colombia
a ver
es que
se puede entender
muestras una foto por Discord
claro
es que se pone esto
a ver
aquí 13 años
no pintas
no pintas 13 años
aquí
es verdad que eres imberbe
pero yo también soy imberbe
no significa nada
no significa nada
13 años
yo también mentales
13 años tengo
que no cuenta
midu pidiendo fotos
a un menor
yo no he pedido fotos
yo no he pedido ninguna foto
yo no he dicho nada
yo no he dicho nada
de fotos
ni he dicho
he dicho que le voy a stalkear
es lo que he dicho
que voy a stalkearle
que lo que significa
es que voy a buscar
Cidroid
por todos lados
Cidroid
aquí sí que pone
que tiene 13 años
que sí que sí
una de dos
o nos está engañando
hey
I am a 13 years old
que sí que sí
que tiene 13 años
ese chico
pero es que escribe artista
los vehículos y todo
chaval
bueno Cidroid
cuando seas famoso
acuérdate de mí
acuérdate de mí
¿vale?
espiando a menores
midu cancelado
bueno ya estamos
pues nada
van
vamos a banear
a Cidroid
van
hasta aquí ha llegado
muy bien
Cidroid
tengo que decirte
nos gustó tu página
no sé si te lo viste
si no ya lo revisarás
y que nada
hombre
que enhorabuena
sigue dándole caña
tengas 13
14
los que tengas
que pinta muy bien
que me he fijado
para que veas
que sí que me fijo
de las cosas
el biblioteca
et ortus
que suena fatal
que con 13 años
hables de ortus
y tal
pero
que este diseño
se parece mucho
al del buscador
de películas
de mi curso
de Udemy
que te he visto
te he visto
ahora quien es tal que a quien
quien es tal que a quien
ah
ajá
que este diseño
lo ha sacado
del curso de Udemy
pero bueno
me encanta
super super genial
así que
enhorabuena
nos ha gustado
luego te hemos dado
te hemos dado por ahí
un poco de feedback
para que
la mejor es todavía más
y ya está
y ya está
Cidroid debe ser
Jesucristo
que cracks
muy bien
vamos a darle
vamos a darle
a la siguiente
va
la siguiente
que era la de
Cristian
Dovão
tendrá 13 años
Cristian también
a ver si ahora
solo vamos a ver
cosas de
de menores
aquí
vale
bueno ya estoy viendo
cositas
Cristian
ya estoy viendo cositas
me gusta el diseño
está bastante bien
en principio
es sencillo
pero efectivo
creo
creo que aquí
lo que te podría ayudar
esta letra
no se lee muy bien
y de hecho
cuando
la letra ocupa tanto
sabes
se hace muy tedioso
leer este
este pedazo
de
de
de trozaco
yo lo que intentaría
aquí
bueno aquí
el responsive
está
hostia
el responsive
va cambiando
el borde de radius
hostia
el borde de radius
es un poco extraño
como que va cambiando
a ver
vamos a ponerlo a 1400
el borde de radius
es un poco raro
yo el borde de radius
este
yo lo haría siempre
que fuese redondo
y ya está
luego
aquí
vamos a poner
vamos a ponerlo a 100%
y aquí lo vamos a poner
a 100%
también
vale
hostia
no sé
es que demasiado mejor
además
el contraste
de estas letras
que no se lee
no se
no se lee
¿verdad?
ves el contrast ratio
aquí se está quejando
pues este lo vas dando
bueno
tampoco que
yo pondría uno
un poco más alegre
un poquito más así
creo que se lee
un poco mejor
así que un poquito
así más clarito
y yo lo haría
un poco más grande
la letra
al menos aquí
en este
technologies
hostia
esto centrado
porque es que es un poco raro
aquí
aquí aquí
aquí centrado
el logo de react
también está
está tuerto
el pobre
hostia
max width
max
uff
demasiada cosa
fíjate
fíjate que sencillo
max width
bueno
al final
si lo quieres poner así
pues lo pones así
60
y que quieres que también sean de 60
porque quieres que sean cuadrados
pero ves que aquí se te está fastidiando
la historia
pues claro
es que aquí tendrías que hacer algo
metes aquí un object fit
contain
y ya está
y ahora sí que lo tienes fino
y ahora te quedan todos bien
y te quitas de en medio todo esto
¿vale?
porque es que si no
esto no
no se entera uno
y
y hombre
no hay nada más feo que el logo de react
chungo
hombre
pone aquí javascript
aunque sea por un tema de
no sé si es que es muy largo o algo
pero vaya
javascript
queda mejor
frontend
backend
firebase
mongo
my projects
there are some of my projects
¿vale?
falta un hover a esto
al menos
del logo de note
a lo mejor hay otro que se vea mejor
¿eh?
a ver
es una página sencilla
pero honesta
es una página sencilla
pero honesta
next tv
los mejores precios de canarias
¿vale?
bueno
no está mal
la parte de arriba
es un poco rara
porque parece que es un aviso
como que tengo un error
pero bueno
está bien que tenga aquí el linkedin al principio
es un poco raro
tengo que decirte cristian
que el linkedin tenga un arroba
si no
quita el arroba
ya está
bueno
es sencillota
me gusta que salga tu foto
pareces un chico alegre
un chico contento
un chico que tiene más de 13 años
también te digo que decir
lo cual está bien
no pasa nada
ahora nos dice
no tengo 13 también
igual el
el responsive
sí que estaría bien
darle una vuelta
por ejemplo
aquí las tecnologías
pues esto
estas tecnologías de aquí
pues ya que tienes un display flex
cuando se hace muy pequeño
pues le pones aquí
el flex direction
y le pones que sea column
y le pones el gap
16 pixels
ya está
mira
súper fácil
esto
lo puedes hacer así por defecto
y ya está
luego también demasiado padding
esto lo hemos visto antes también
es que le ponéis un padding exagerado
cuando es móvil
cuando es móvil
un poquito menos
¿vale?
que no quede tan
que es que si no en el móvil
se ve como
ahí chafadísimo
súper estrecho
que parece que tienes una línea
y es muy raro
esto yo lo centraría siempre
y de hecho
estos títulos
estos títulos
si son h1
yo los pondría en negrita
los pondría en negrita
los centraría
los haría más grandes
y los separados
o sea me parece mejor separado
yo quitaría esto
este menos
este extraño
yo lo quitaría
claro aquí es que
esto del linkedin
es un poco raro
pero bueno
estos menos
los quitaría
y esto que es un subtítulo
porque esto es un subtítulo
lo haría más pequeño
lo hacen más pequeño
o bueno
lo puedes dejar igual
pero le dejas un font
hate
pues más
menos bestia
un poquito menos
así
yo creo que así mejor
bueno aquí habría que hacer
flex direction también
y ya está
pero hay que revisarse
el responsive
pero bueno
no está mal
christian dovao
no está mal
2h1
no serían correctos
muy bien visto
sicario
ahí está
ya que tienes h1
aquí
este
este debería ser h2
este titen
esto debería ser un h2
tiene más sentido
esto un h2
y si quieres esto
pues h1
yo el h1
igual lo dejaría para esto
esto
podría ser un h2
y esto incluso un h3
y ya está
yo lo miraría más así
h1 pues
christian dovao
y yo aquí
a ver
full stack js web developer
living in las palmas
de gran canaria
no veas
no sé si sabéis
los que son las palmas
de gran canaria
los que no sois de españa
pero
pero están muy chulas
están
están muy muy chulas
es un sitio
sobre todo
que hace verano
todo el año
son unas islas
que están al lado de áfrica
pero son españolas
y mira que bien
se lo piensa esta gente
pues
i love technology
and everything related
to making life easier
for others
as well as marketing
and entrepreneurship
currently
esto va con mayúscula
working as a freelancer
why not say hello
a ver este say hello
linkedin
me parece muy bien
que enviéis a la gente
a linkedin
o sea
es mejor
si a mi me preguntáis
que enviéis a la gente
a linkedin
que ahí
pues puede
conectar
con vosotros
que os puede enviar
un mensaje
y tal
que no que tengáis
un formulario de contacto
por aquí
que no lo va a usar
ni el tato
eso os digo yo
¿por qué querría ser desarrollador?
yo sería surfista
dice que sí Fabián
¿cuándo te vienes a Tenerife
de nuevo mido?
pues a mi cuando me inviten
yo siempre que me invito
a los sitios
yo voy
encantado
de hecho este verano
he estado a punto
de ir
he estado cerquita
de ir a Tenerife
pero al final
me voy a Granada
y a Sevilla
estaré por ahí
de visita
Granada y Sevilla
a finales de
de agosto
me tomaré una semana
de vacaciones
y me iré al sur
de España
Tenerife estuve una vez
que estuve dando una charla
y la verdad es que me encantaría
volver
a mí es que
las Islas Canarias
me encanta
y con el tiempo que hace
además hice una excursión
al Teide
que grande
que genial
por si ser desarrollador
grandioso en mi opinión
el surf para vacaciones
ahí está
di que sí
Midu
¿crees que en Front
vale la pena
DDD o con un Clean Architecture
suele valer?
a ver
es que DDD y Clean Architecture
son como dos cosas distintas
¿no?
bueno a ver
DDD es Domain Driven Design
y puede ser
claro que puede ser interesante
para el front
pero porque tiene que estar
en tu empresa
el DDD
tendría que trascender
como tal
del
del stack
o sea
de front
en back
en lo que sea
sería interesante
tener DDD
para toda la empresa
para que todos tengáis
como un
un lenguaje
ubicuo
ubicutos
bueno nunca me acuerdo
como es en castellano
pero bueno ya
un lenguaje
en el que todo se hable
de la misma forma
y Clean Architecture
pues
por otro lado
también puede ser interesante
para el front
claro
pero ya te digo
DDD
es útil para el front
DDD es
Domain Driven Design
Domain Driven Design
vamos a ponerlo aquí
que es una forma
de
es modelar tu negocio
¿vale?
básicamente
que es como
como te refieres
a tu negocio
en el hecho de
imagínate
Facebook
¿no?
pues Facebook
tú lo que tendrías
que empezar
es a modelar
tu negocio
y decir
pues que
pues tienes
post
los post
tienen likes
tienes usuarios
un usuario
puede hacer like
a un post
pues sería
cosas así
y siempre que te refieres
a un like
pues siempre
todo el mundo
habla de likes
¿ok?
eso sería una forma
de tener en cuenta
como
como se
como se refiere
y esto
no es solo una cosa técnica
de desarrollo
sino que también sería un poco
el poder hablar
con la gente
¿sabes?
que la gente
tú a un Product Owner
le digas
sí
voy a hacer la feature
de que un usuario
pueda hacer likes
y eso está documentado
en un sitio
y dice
bueno
pues un usuario
puede hacer likes
a un post
cosas así
mira
aquí hay un ejemplo
que puede ser interesante
dominios del evento
claro
puedes tener eventos
también
cosas así
es bastante interesante
claro
a partir de aquí
pues puedes modelar
tus entidades
tus value objects
todo tu negocio
todo tu negocio
eso es domain driven design
en el sentido de que
domain driven design
es un
es como un modelado
de tu negocio
¿sabes?
es como
te refieres a él
qué datos tiene
cómo se relacionan
y algo así
ves
tienes entidades
tienes agregados
repositorios
bla bla bla
pero luego
a partir de aquí
lo que puedes utilizar
sería también
clean architecture
que normalmente
encaja muy bien
con el DDD
para justamente
pues tener
una arquitectura
separada por capas
y que estas entidades
o este diseño
pues encaje
harás un curso
en Udemy
sobre DDD
Node
puf
mucho
mucho trabajo
y además en Udemy
seguro que no
no voy a hacer un curso
en Udemy
nunca jamás
lo primero
es que no tendría tiempo
de daros soporte
es imposible
no me deja escribir
en el disco
me dice que no tengo permiso
super raro
no sé
a lo mejor tienes que
aceptar algo
en el correo
¿qué te parece
que Nico haya dicho
que se cambia
a base de datos
relacionales?
leí el tweet
me parece
bien
me parece correcto
a ver
es que no
no creo que te tengas
que cambiar a nada
es que
es que es una
a veces
la base de datos
relacionales
tiene más sentido
que las no relacionales
lo que no tiene sentido
es
una u otra
per se
no tiene sentido
no tiene sentido
decir
las bases de datos
relacionales
son mejores
que las no relacionales
no
es que
depende del producto
y depende del caso
de uso
las no relacionales
tienen sus ventajas
y las relacionales
tienen otras ventajas
por ejemplo
Twitter
no podría existir
con una base de datos
relacional
que no podría existir
es que es así
de sencillo
bueno a ver
ahora me deja fatal
y utiliza una base de datos
no relacional
y me deja fatal
pero
me extrañaría
sinceramente
me extrañaría
¿por qué?
porque es que al final
entiendo que al principio
tendría
MySQL
o alguna cosa así
pero
eventualmente
eso seguro
que no lo escalaba
no lo escalaba
iría muy lento
por eso se caía
¿os acordáis que Twitter
cuando empezó
cada 2x3
estaba cayendo?
estoy bastante seguro
que era la base de datos
y es que
no puede
yo creo que
que no
no escala
una base de datos
relacional
para un negocio
como Twitter
o como Facebook
puede tener partes
base de datos
relacionales
partes de ella
pero seguro
que ahora
tiene que tener
base de datos
no relacionales
es que tiene que tener
terabytes
de información
y teras y teras
es imposible
Firebase
es NoSQL
efectivamente
es NoSQL
Pedrolo
muchas gracias
por suscribirte con Prime
que llevan 4 meses
pero eso
que no creo
que haya uno mejor
que otro
creo que
la base de datos
y de hecho
pues se pueden
pueden convivir
que esa es otra
pueden convivir
podrías tener una parte
podrías utilizar
un Firebase
pero por otro lado
podrías estar
utilizando
un MySQL
un Postgre
un montón de cosas
no he utilizado
Prisma
junto con Next
todavía
pero me gustaría
me gustaría
la mejor base de datos
es Excel
ya te digo
bueno
lo malo de Excel
mejor Google Docs
que ese sí que puedes
tirar de una API
la clave es el modelo de datos
que te llevará
a la tecnología más adecuada
muy bien
estoy totalmente de acuerdo
y de hecho
es que es lo que digo
es que no creo que
digas
no no no
yo a partir de ahora
solo voy a utilizar
NoSQL
no tiene sentido
Twitter tiene un blog
de notas con todos los tweets
te imaginas
¿qué opinas de crear
página web con Rust?
me parece que no
me parece mala
me da
no me parece bien
me parece mala idea
me parece innecesario
y me parece que Rust
tiene de sobras
otras utilidades
más interesantes
en mi opinión
por ejemplo Rust
creo que
hablando de desarrollo web
donde está interesante
Rust en realidad
es en crear herramientas
para compilar
JavaScript
para hacer linter
de JavaScript
y yo creo que
ya estamos viendo
cada vez más cosas
y ahora
al creador de SW
no
Rust Bundler
¿cómo se llamaba este?
SWC
el creador de SWC
que era un compilador
de aplicaciones
en JavaScript
este
este
el creador
de este proyecto
que
es una alternativa
a Webpack
muchísimo más rápida
muchísimo más rápida
lo han contratado
los chicos
de NextGS
¿vale?
así que
ahí está
este es el futuro
Rust
aquí
sí que le veo
mucho
mucho
mucho
mucho
sentido
pero no para utilizar
Rust
y hacer páginas web
hacer las páginas web
con Rust
es que no
es que es innecesario
demasiado complejo
para
que para eso
tienes mil millones
de alternativas
mucho mejores
Rust
no está pensado
para
trabajar con el
con el DOM
ni para
ni para muchas
de las cosas
por las que
sí que tienes
HTML, CSS
y JavaScript
que es mucho mejor
y Blathor
la verdad
que lo siento mucho
pero tampoco
me gusta mucho
me parece muy interesante
la idea
me gusta
el hecho
de que un desarrollador
que sepa.net
pueda desarrollar
en Blathor
pero el problema
que le veo
es que
actualmente
web assembly
web assembly
no está optimizado
para hacer páginas web
es que es mucho más sencillo
hacer una página web
con HTML
y JavaScript
y va a ser
no solo más sencillo
sino más performante
mucho
entonces
cuando te metes
a intentar utilizar
Blathor
lo que sea
porque compilas
en web assembly
y te hace mil millones
de historias
a la larga
vas a seguir perdiendo
en muchos sentidos
entonces me parece
interesante
porque abre un nicho
a desarrolladores
de .NET
pero no me parece
que sea una tecnología
que lo vaya a reventar
y que el día de mañana
se van a hacer solo
páginas con Blathor
que ya existen
las tecnologías web
para algo
y por algo
¿sabes?
así que eso
¿cuándo otra entrevista
como la de Guillermo Rao?
cuéntame Andrés
¿con Guillermo
o con otra persona?
¿a quién entrevistamos
como la de Guillermo Rao?
yo ojalá
Guillermo quiera
hacer otra entrevista
es difícil
sé que es una persona
muy ocupada
que por cierto
muchas gracias
a todos los que
estáis haciendo
push
ahí
en Twitter
para que
Bersel
me patrocine
me parece
un detallazo
por vuestra parte
no sé si lo conseguiremos
no tengo
ni la más menor idea
la verdad
pero me parece
un detallazo
que escribáis
y que hay gente
no me acuerdo
ahora quién era
pero que había hecho
hasta un vídeo
como
como diciendo
mira lo que habla
de Bersel
tenéis que
tenéis que
no sé qué
me pareció
súper bonito
hasta me emocioné
voy a buscarlo
mira aquí
Javier Castañeda
Javier Castañeda
que hizo este
este
esto de aquí
Mildudev
no para de hacer
publicidad
de Bersel
tenemos que animar
a Raw
a patronizar
Twitch
yo voto
por bootcamp
de NextDX avanzado
la verdad es que
estaría bien
si me patrocina
NextDX
igual podríamos
hacer un bootcamp
de NextDX
desde cero
y hablar con esta gente
y por el funcionamiento
del hosting
de Bersel
es que sacó
hasta un vídeo
Javier
es muy crack
sacando hasta un vídeo
o sea
brutal
brutal esto
me pareció tremendo
así que muchísimas gracias
pero mira aquí
mira
like
like
pues eso que muchas gracias
por vuestro apoyo
y vuestra ayuda
sois lo máximo
hey Verónica
muchísimas gracias
pues a pedazo de
ride
de 53 participantes
muchas gracias
a los que acabéis de llegar
pues nada
soy Merangel Durán
y me dedico al desarrollo web
y de hecho
hoy hemos estado haciendo
tu web a juicio
hemos estado revisando
porfolios
webs y aplicaciones
de la comunidad
de Discord
nos lo hemos pasado
super bien
pero llevamos
dos horas y cuarto
y sabéis que
que es la hora de cenar
así que si queréis ver
más directos
de obra de programación
pues me podéis seguir
y los viernes
los domingos
los lunes
y los miércoles
también
hacemos este tipo
de directos
y nos pasamos
super bien
así que
muchísimas gracias
a todos los que me habéis
acompañado
NextYes y Barcel
lo amo
yo también lo amo
Guillermo Rauch
¿le hiciste entrevista?
claro que sí
yo le hice entrevista
a Guillermo Rauch
no solo le hice una entrevista
a Guillermo Rauch
al CEO de Versel
sino que además
descubrí a mucha gente
mucha gente no lo sabía
le descubrí a mucha gente
que era argentino
que muy poca gente
lo sabía
y sí
estuve una hora
hablando con Guillermo
lo cual me parece increíble
y en esta entrevista
esta entrevista
de hace
un año
no
sí un año y algo
en esta entrevista
hay un momento
en el que habla
de lo que han sacado
hace poco
la verdad es que fue una entrevista
muy inspiradora
os la recomiendo
un montón
porque
es un chico
muy muy majo
y además
que pues que motiva
a seguir aprendiendo
y a hacer mejor las cosas
pero hay un momento
de la entrevista
que habla de editar
en vivo
de editar en vivo
os acordáis
mira de esto
aquí
aquí se pone a hablar
de esto
cala
infinito
o sea no es un prototipo
al estilo
lo de editar en vivo
que es una cosa
que luego anunciaron
en la NextGS Conf
pues aquí
aquí justamente
lo
estaba comentando
de esta idea
así que fue como
bueno
fue una entrevista brutal
os la voy a pasar
os la dejo en el chat
por si os interesa
y yo me la escucho
de vez en cuando
y de verdad
es que es
motiva un montón
motiva un montón
porque es muy crack
y tiene las ideas
súper
súper claras
muy interesantes
cómo ve la web
cómo ve el futuro
de la web
cómo ve el futuro
de su propia compañía
o sea
tremendo
tremendo de verdad
entrevista con Cedroid
¿no?
¿cómo con 13 años
llegó tan lejos?
¿cómo rentaría
un book and the next?
bueno pero lo haría gratis
en Twitch
lo haría totalmente gratis
mira aquí venía
un montón de gente
de Verónica
¿recibiste mi mensaje?
ni idea Sant
me llegan tantos mensajes
imposible
imposible
imposible
mande el link
del tweet
ah el tweet de Javier
os lo dejo por aquí
muy crack
es que es muy crack
Javier también
¿te parece una buena opción
hacer el backend
de una web
con la utilidad de NextGS
o harías un backend independiente?
me parece muy buena opción
y de hecho yo
de vez en cuando
lo he utilizado
lo he utilizado
bueno pues nada hombre
os mando un abrazo enorme
uy me he puesto esta web
pero no
es esta
os mando un abrazo
muchísimas gracias a todos
por acompañarme
nos vemos este viernes
si tenéis ideas
de lo que os gustaría
ver o hacer
pues ya sabéis
que me lo podéis dejar
en Discord
voy a ver
con quién
nos os dejo
ah mira
hostia
soy muy fan
de este hombre
así que os voy a llevar
con el bueno
de Lowlogio
le mandáis un abrazo
de mi parte
que es muy crack
el tío
el tío es un máquina
además es de Barcelona
decirle que
que se tome un café conmigo
a ver si algún día lo veo
bueno
un abrazo
muchas gracias por acompañarme
lo he pasado súper bien
me he reído un montón
y ojalá que sigamos
en esta línea
sois lo máximo
cuidado mucho
un abrazo
y que tengas el resto
de la semana
fantástico
cinco segundos
y nos vamos
de right
con Lowlogio
Isaac Sánchez
Art