#Sugestions
past wing
puedo ser honesto? necesitas darle un par de vueltas a esto
dapper heath
Por supuesto...
past wing
a ver esto no es una critica a ti sino en general un portfolio deberia ser una demostracion de tus habilidades
no usas tw en el este
no usa react es js vanilla
la tipografia en general esta bien pero los menus me parecen muy bold
el contraste es bajo
esto no esta mal pero ese scrollbar no me termina de convencer
pero creo que una breve descripcion y unos creo que se llaman chips
dapper heath
No te entendí lo de TW y lo de react.
past wing
tus links a github no va ninguno solo puedo mirar el codigo de la pagina
y el portfolio no usa react pero pones que es una skill
esto tambien esta chulo
dapper heath
pero creo que una breve descripcion y unos creo que se llaman chips
Eso quería ponerlo en github, qué opinas?
Los links a Github puse que están pendientes de conectar.
past wing
si me lo he imaginado
yo quitaria los emojis eso esta bien para github pero le quitan seriedad
dapper heath
y el portfolio no usa react pero pones que es una skill
Pero en los skills no se coloca las tecnologías con las que uno tiene experiencia? Tengo un par de proyectos usando Tw y uno de react pendiente de subir
past wing
eso se supone que es lo que dominas no?
dapper heath
yo quitaria los emojis eso esta bien para github pero le quitan seriedad
Ok, thanks. Esto ya me lo han sugerido varios. Voy a hacerlo 👍
past wing
otra cosa que estoy recomendando a todo el mundo
dapper heath
eso se supone que es lo que dominas no?
Sep
past wing
pues demuestralo usandolo en el portfolio que sea algo mas que un html con un js
una cosa que encuentro como algo positivo
es añadir i18n
dapper heath
pues demuestralo usandolo en el portfolio que sea algo mas que un html con un js
Ya te entendí el punto. Me gusta. Te lo compro.
dapper heath
Yo diría que sí estoy un poco familiarizado con la jerga
past wing
entonces añadir internacinalizacion para mi es un must
no tienes pq decir que sabes ingles pero si lo pones mas o menos implica que no te asusta
dapper heath
no tienes pq decir que sabes ingles pero si lo pones mas o menos implica que no ...
Dónde se te ocurre colocarlo? Como en el home? Después del header?
past wing
sabras implementarlo?
dapper heath
entonces añadir internacinalizacion para mi es un must
Pera, podrías ampliar un poco a qué te refieres con esto?
past wing
es algo facil pero puede enredarse
yo uso next-intl pero pq uso Nextjs no vite
https://github.com/i18next/next-i18next la gente suele usar esta
pero ojo vas a tener que usar react router
pq la internalizacion se hace con el router
o deberia
asi demuestras saber usar react router tambien
dapper heath
https://github.com/i18next/next-i18next la gente suele usar esta
Me sirve, así demuestro que sé React Router con el portfolio jaja
dapper heath
asi demuestras saber usar react router tambien
Jaja exacto
past wing
bien te voy a dar una libreria de ui que no significa que uses sus componentes pero puedes mirar algunas cosas que pueden cambiar el diseño de tu ui a algo un poco menos... pdf XD
repito no es que la uses es que mires que cosas se pueden hacer
dapper heath
Dale. Gracias por tomarte el rato, y los aportes de lujo
dapper heath
Oye y lo más importante, qué tan contratable se ve ese portfolio?
past wing
es la primera vez que veo a alguien ponerlo
dapper heath
de echo el roadmap notion me parece la caña XDD
Thanks
dapper heath
Oye y lo más importante, qué tan contratable se ve ese portfolio?
Con toda la sinceridad plz
A veces siento que los proyectos se quedan cortos. No me convencen.
past wing
a ver yo no juzgo los portfolios a mi me dan igual yo juzgo el codigo y no tengo nada para decirte que nivel de nada. Pero si miras los portfolios del canal los veo todos iguales una sola pagina (yo prefiero mas de una pagina ) un scroll que no atrae demasiado visualmente. Pero creo que tu portfolio deberia demostrar primero que sabes y segundo que te lo has currado
nadie espera que seas un diseñador a mi tambien me cuesta diseñar
por eso si no sabes diseñar mete funciones que digan mira se lo ha currado
ejemplo i18n
usa distintas paginas y usa view transitions eso lo sabe usar poca gente
dapper heath
La vdd, de todos los proyectos, creo que a este es al que más le he invertido jaja. Voy a hacer esos enlaces a git. Hasta el momento nadie me ha valorado el código. Y ahora que lo mencionas es clave.
past wing
tiene que entrar por los ojos primero y luego por la cabeza
te enseño unas cards mias
te parecen llamativas?
dapper heath
Mejor que las mias sí.
past wing
pues no
no son las cards son las imagenes
una imagen puede cambiar la percepcion
conoces tympanus?
dapper heath
conoces tympanus?
Nop
Estuve intentando hacer unas con GPT para las cards xk esas se veían feas, pero no me convencieron como las hizo.
past wing
te enseño una de las paginas de ejemplo que tienen
ahi tienes tendencias tutoriales
https://leonardo.ai/ te dan 150 token al dia al principio cuesta sacarlle cosas chulas pero ya te haras con el
no recuerdo el prompo pero salio curiosa
dapper heath
Están bien finas 👌
dapper heath
Voy a hablar con Leo entonces
past wing
ojo no te vayas a pensar que tu portfolio es malo esta en la tonica de lo que se ve hoy
pero la tendencia actual no me gusta
yo no tngo portolio la verdad el ultimo me lo hice cuando aprendi react
la web era css pero con cada click cambiaba completamente
dapper heath
Sep, ahorita quiero sacar lo mínimo para ser contratable, poco a poco lo voy a ir diferenciando del resto conforme siga aprendiendo.
past wing
luego tenia otra pagina con textos e imagenes y un par de demos con canvas y algo mas
por ahora arregla el tuyo
pon los links
y tenlo online
cuando tengas eso empiezas la v2 sin prisa tomate el tiempo que necesitas cuida cada detalle
y aprende durante su desarrollo
yo a titulo personal te diria que uses react con next pero soy un poco fanboy pero es que lo encuentro mucho mas facil y muy potente
dapper heath
A veces surgen ideas. Ese roadmap en notion en realidad quería hacerlo en un board propio, pero me iba a tomar más tiempo sacar el portfolio para candidaturas.
dapper heath
yo a titulo personal te diria que uses react con next pero soy un poco fanboy pe...
Aquí es donde van mis next steps
past wing
te vas a poner con next
dapper heath
Ahorita necesito meterle más caña a React, pero también quiero moverme ya en las aguas de Next
past wing
cuando estes haciendolo me vas comentando y te digo como hacer algunas cosas si no has caido
next es react
son las mismas aguas pero son as profundas y menos saladas
una pregunta como harias por ejemplo un menu en react
mira mis mennus
dapper heath
Crearlo, estilizarlo y metiéndolo en la app?
past wing
si quiero añadir un menu lo añado arriba
hazlo procedurales es decir nada de html creas un array con las propiedades que necesites
y media react los pintas todos
eso vale pare menus proyectos skills para lo que te de la gana
incluso para iconos lo hago asi
dapper heath
Brutal
past wing
esto esa creado asi
aprender react signifca que dado un objeto o un array describas como se pintan las cosas
asi que cuando te pongas y vayas a hacer el menu si quieres lo vemos
cuando vayas a poner tu skills lo vemos como hacerlo para iconos
dapper heath
Dale. Te agradezco. 🙏
Todo eso me gusta. Porque ahorita siento que hago mucha carpintería manual.
past wing
tu y casi todo el mundo
pero a nada que empiezes a comprender react veras como tu productividad sube
eso creas una y ya las tienes todas al final es una imagen un texto un listado de iconos
titulo año subtitulo y descripicion y posiblemente lado
lo mismo no tendras que escribir cada uno
bueno lado no lo podemos tomar de index%2
y mirate codrops
dapper heath
Me has dejado harto trabajo en este thread
past wing
perdon que haya sido un poco duro pero creo que vuestros portfolios no os representan
dapper heath
Yo no le llamaría duro.
Pero estas cosas el que se las toma a mal, pierde.
Y el que se las toma a bien, crece.
past wing
vamos a ver mi opinion no tiene pq ser la verdad eh
yo no se de diseño
hago cosas pero no se
pero muchos no conoceis paginas sitios herramientas que yo si y me hacen la vida mas facil
https://www.awwwards.com/ este sitio lo suelo visitar mucho para ver tendencias
hay cosas muy buenas ahi otras no me gustan pero sobre todo hay cosas muy diferentes
dapper heath
Igual comulgo con muchas cosas de las que mencionas, y en mi posición de ultrajunior no creo que sea bueno descartar opiniones de otros que sí saben más.
past wing
defiende lo que a ti te gusta
pq que no me gusten a mi no significan que no esten bien
en aspectos tecnicos incluidos veras que todo el mundo mete el map en jsx yo lo pongo fuera
me hace mas manejable los componentes
tu coge tu propio estilo de programar eso creo que es bueno
dapper heath
Voy a meterle más caña a React. Necesito esos poderes.
past wing
si hay una cosa que creo que deberias usar es la forma de estructurar los ficheros
la carpeta con el nombre del componente
un fichero con un index.js o ts
el componente con el mismo nombre de la carpeta
y en index lo exportas
si necesitas un fichero css lo metes dentro con el mismo nombre del componente
al importarlo lo importas desde @/componentes/nombrecomponente
he visto meterlo en index jamas hagas eso luego acabas con 20 index abiertos
otra gente importa desde /nombre/nombre
queda horrible
dapper heath
Got it
past wing
y por ahora eso es todo XDD
dapper heath
Oye una última pregunta. Ahorita hay 2 skills que necesito mejorar. Git y React. Teniendo en cuenta que mi objetivo es encontrar trabajo en una empresa lo más pronto posible, por cuál me recomendarías inclinar la mayoría del esfuerzo?
past wing
react tu al final haras branch y crearas pr eso son 2 lineas
no hay demasiado que aprender y se aprende rapido ademas vscode lo hace por ti
past wing
usa por ahora github desktop
asegurate de ir subiendo las cosas con cada feature que completes
dapper heath
Saludos estimad @past wing . Así vamos con la tarea: https://react-portfolio-yariel.netlify.app
Ya voy probando los poderes, pero aun no termino de controlarlos jaja