Muy buenas tardes, ¿qué tal? Bienvenidos, bienvenidas, espero que estés súper bien.
Hoy vamos a ver proyectos que no pueden faltar en tu portafolio.
Amigos, hoy vamos a hablar de este miedo increíble que tenéis siempre, y no me extraña,
pero hay un miedo brutal cuando estáis en vuestro portafolio y decís
¿qué es lo que tengo que poner en mi portafolio de proyectos?
Hoy vamos a tener la respuesta, ¿vale?
Hoy os voy a comentar la respuesta y de hecho lo que voy a hacer para ello
es básicamente vamos a crear aquí unas cajitas en la que cada una vamos a poner
cuáles serían los proyectos que no os pueden faltar, o sea, los proyectos que yo digo
madre mía, es que tenéis que hacer este proyecto.
Y además os voy a dar proyectos que también son de full stack, de backend,
os voy a poner ejemplos de cada uno, o sea, que no os preocupéis, os voy a poner ejemplos, ¿vale?
Os pondré uno y vosotros también quiero que contribuyáis y que me deis ideas,
por si se me ha escapado alguno, pues que digáis, vale, pues este también lo tendrías que hacer, ¿vale?
Mira, este lo vamos a poner de color rojo, porque así ya estaría bien.
Y aquí tendría los que tenéis que evitar, porque hay un error también de unos proyectos que ponéis
que no deberíais poner de ninguna de las formas y los vamos a comentar también.
De hecho, hoy vamos a ver todos estos proyectos que, obviamente, número de proyectos a infinitos.
Yo debo tener aquí como 20 cosas que quiero comentaros, ¿vale?
Como 20 cosas que os quiero comentar.
Pero, bueno, cada uno, pues más o menos luego que lo vaya ajustando a lo que vea, ¿eh?
Voy a poner uno más, que le voy a poner como, vamos, la estrella.
Lo voy a poner como estrella.
A estar.
Bueno, esta estrella es un poco pirata.
A ver, vamos a poner la estrella esta.
Esta estrella, ¿vale?
Esta estrella.
Bueno, también es un poco pirata, pero ya está.
Vale, pues vamos a poner esta y este lo voy a poner como muy, muy amarillo.
Muy amarillo, ¿vale?
A ver si encuentro un amarillo muy amarillo.
No hay muy amarillo amarillo.
Bueno, no pasa nada.
Ponemos por ahora este.
Y luego ya se me ocurrirá qué colores ponemos.
Pero, bueno, sí, es muy turbia.
Es la estrella pirata del Mario, básicamente, ¿eh?
Os voy a comentar.
Los proyectos que no te pueden faltar.
Los que están bien tener.
Los que, bueno, suman.
Todos suman, pero, bueno, suman.
Los que yo evitaría y los que definitivamente no tenéis que poner, ¿vale?
Este sería el rango.
Este sería el rango, más o menos, de los proyectos que os voy a ir comentando.
Lo bueno es que también os van a servir, por supuesto, para vuestros proyectos de backend y full stack.
Tengo ejemplos para vosotros también porque sé que muchas veces hay gente que me dice
es que yo soy backend, es que yo soy full stack, es que no sé qué.
Pues esto también lo vamos a ver, ¿eh?
Para poder hilar todo esto, ¿qué vamos a hacer también?
Vamos a abrir, vamos a abrir.
Ya sabéis que en el Discord muchas veces lo que hacemos, tu web a juicio.
Aquí, tu web a juicio.
Este.
Entonces, lo voy a abrir un ratito.
Lo abriré un ratito.
Y lo interesante de esto es que cuando lo abra vais a poder dejar vuestro enlace.
Hoy no voy a estar tanto a mirar el porfolio, pero sí que vamos a ver la parte del proyecto, ¿vale?
La parte del proyecto, qué proyectos ha utilizado, y lo vamos a ir colocando y iremos hablando de esto.
Pero no voy a dedicarle mucho tiempo, no le voy a dedicar mucho tiempo tanto a lo juicio general,
pero sí lo vamos a revisar un poquito para encima.
Me gustaría pediros una cosa porque lo han dicho en Discord y me parece muy bonito.
Bueno, amigos, me podéis nominar, me podéis nominar a mejor streamer de código en estos premios.
No soy de pedir cosas, no os pido muchas cosas, no os pido mucho.
Pero si os gusta mi contenido, si me queréis apoyar de alguna forma, a mí me hacéis muy feliz
si por lo que sea, pues pensáis que vale la pena que me nominéis a mejor streamer de código
en la categoría de Software and Game Development.
Entonces, lo único que tenéis que hacer es iniciar sesión con vuestra cuenta de Google, ¿vale?
Tenéis que compartir todo esto.
Y buscáis aquí Development, ¿vale?
Y aquí lo tenéis.
Enter Nomination, pues ponéis ahí el MiduDev.
Le dais aquí...
Ah, no, ya está.
Bueno, dadle a Submitol.
Si queréis poner más, pues podéis poner más de Games Streamer, lo que sea.
Y creo que ya está.
¿Ves?
Y tus nominaciones han sido submitadas.
Bueno, o sea, han sido enviadas.
Y a mí, pues nada, me ayudáis, me hace muy feliz.
Y quién sabe, igual, pues me lo merezco, pues tendré una nominación con posibilidades.
Hola, Midu. Hola, comunidad.
Me complace informarles que pasé todas las entrevistas que tenía.
Y me ofrecieron un salario de 2.5x, lo que me gano en mi actual trabajo.
Después de muchas entrevistas en muchas empresas y más de 40 correos automáticos de rechazo en el 2022-2023.
Entonces, muchas gracias a todos por su apoyo.
Y a ti, Midu.
Oye, felicidades, TemeChain.
Felicidades por encontrar trabajo.
Y encima un salario 2.5 mayor de lo que ganas ahora mismo.
Oye, felicidades.
Y nada, disfrútalo.
Me alegro muchísimo por ti.
No sabes cuánto.
Y nada, de verdad, enhorabuena.
Me alegro un montón, un montón por ti.
De verdad.
O sea, que corazón, TemeChain.
Felicidades.
Y eres una inspiración para muchos que están seguro que en la misma situación.
¿Vale?
Bueno, pues eso.
Que en thestreamowars.com barra nominations.
Si quieren nominarme a Mejor Software and Game Development Streamer.
Pues nada, seguramente van a flipar.
Porque van a decir, ¿qué hace este en español?
A lo mejor incluso me quitan la nominación.
¿Quién sabe?
Porque somos comunidad hispana.
Y a lo mejor no les interesa que sea en español.
Pero a mí me haría mucha ilusión, hombre.
Que justamente alguien en español, pues que gane.
Y sería increíble.
Y sería nuestro.
Así que nada, si me queréis nominar, me ayudáis.
Y tenéis hasta el 19 de enero.
No queda mucho ya.
Así que nada, dadle cañita.
A ver si lo conseguimos.
A ver si le ganamos aquí.
Y no sé, hasta dónde llegamos.
Vamos a ganar.
Ojalá, hombre.
Proyectos para tu portafolio.
Ya habéis puesto vuestros portafolios por aquí.
Vamos a ir revisando.
Yo iré añadiendo otros y os voy a dar ideas de qué hacer y qué no hacer.
La fuente bastante polémica.
Mira, un error muy común de los portafolios es poner primero las habilidades antes que los proyectos.
Los proyectos son la clave.
Los proyectos son los que realmente demuestran que sabes algo.
Bueno, amigos.
Este es el típico, típiquísimo, ¿no?
El to-do app.
Que si miramos la página, un error muy común es el to-do app.
¿Por qué digo un error?
A ver, el to-do vamos a ponerlo ya, ¿vale?
Yo el to-do, el to-do seguramente yo lo pondría entre los proyectos.
De hecho, esto se me va a quedar pequeño, ¿eh?
Esto se me va a quedar pequeño rápidamente.
Se me va a quedar pequeño rápidamente.
Pero bueno, el to-do yo lo pondría más o menos, yo creo que lo pondría aquí.
Lo voy a poner aquí y os voy a explicar por qué.
Os voy a dar unas, nada, unas pinceladas un poco de por qué de cada uno, ¿no?
¿Qué pasa con el to-do app?
Normalmente es demasiado básico, ¿vale?
Demasiado básico.
Que obviamente no aporta, y este es el gran problema, no aporta nada relevante.
Porque el to-do app tenéis que pensar que lo habéis hecho para aprender, ¿vale?
Y esto es una cosa que vamos a ver repetida muchas veces.
Cuando creáis aplicaciones para aprender que están bien, pero sobre todo cuando estáis aprendiendo muy al principio, ¿vale?
Que al final es un ejercicio hecho millones de veces, millones de veces.
Lo ha hecho todo el mundo y entonces al final pierde totalmente el valor que pensáis que tiene.
Ahora, ¿qué es lo que le puede añadir valor, vale?
Y os lo pongo con más más.
Le puede añadir valor que tenga un backend, que tenga un muy buen diseño, muy buen diseño, una integración interesante con inteligencia artificial, por ejemplo, ¿vale?
Pero el to-do app, ya os digo yo, mira, y de cada uno tengo... voy a ver si os puedo poner incluso una cosa así.
El to-do app sería esto, ¿vale?
Este es un ejemplo.
Fijaos que este to-do app, que lo habrá hecho con todo su cariño y está bien, si entráis a los proyectos de esta persona y el primero que se encontráis es el to-do app,
os vais a dar cuenta que es de, no, no me puedo creer.
O sea, el primero es el to-do app.
Es como, si ya está el nombre lo dice, es algo por hacer, ¿sabes?
Es como que lo tengas por hacer y es porque es demasiado típico, a no ser, a no ser que sea increíble el to-do app, ¿sabes?
El to-do app, fíjate en este, que sí, que no está mal, pero es demasiado básico.
Esto no está centrado.
O sea, tened en cuenta que tenéis que darle una vuelta muy brutal para que un to-do app lo amerite ser el primer proyecto que ponéis bien arriba, ¿vale?
Así que, proyectos, empezáis ahí con el to-do app.
El primero, yo sinceramente, claro, proyecto de curso de programación de recordatorio de tareas.
Por lo tanto, yo lo que os diría es que lo tenéis que poner bien abajo.
¿Qué puede ser un poco más interesante que un to-do app y que os puede llamar la atención?
Yo para darles un poco una opción mejor, ¿vale?
Podéis hacer un Trello Clone.
De hecho, lo vais a ver que muchas veces los productos son bastante buena idea.
Porque el Trello, ¿qué es lo que tiene el Trello?
El Trello, pues ya te obliga a hacer más cosas.
Te obliga a hacer más cosas porque tienes que tener en cuenta, por ejemplo, abrir las notas.
Que fíjate que aquí no abren las notas.
No tienes ningún tipo de cosa de abrir las notas.
No es tan interesante.
En cambio, ¿qué más tenéis aquí?
Pues tenéis, mira, abrir las notas.
Tenéis el drag and drop.
Que esto también es bastante interesante.
El hecho de tener, puedes tener un estado global, es más reconocible, más reconocible, un poco más único.
Tampoco es que sea el mejor, ya lo digo yo.
Pero al menos, a mí me parece más interesante un Trello.
Tienes todas las funcionalidades del to-do app y por supuesto a este también le podéis añadir tanto backend como IA y un buen diseño.
Que el buen diseño puede ser directamente pues algo muy parecido al que tenéis con Trello, ¿vale?
Que es muy reconocible, ¿veis?
Lo podéis hacer así, con esto y al final llama más la atención.
Si yo tuviera que hacer algo sobre un to-do o Trello, yo os animaría a que le deis cañita al Trello, ¿vale?
Porque vais a hacer todo lo que hace el to-do, pero vais a tener que darle una vuelta.
Y bueno, si le añadís comentarios y todo esto, pues ya locurón, ¿eh?
¿Piensas que estaría bien colocar en el porfolio capturas de apps que ha trabajado en trabajos anteriores actuales o las empresas podrían molestarse?
Yo no creo que se tengan que molestar, la verdad.
Y yo lo recomendaría, sinceramente.
Bueno, la PokeApp.
¿Qué pasa con estos proyectos, vale?
Por ejemplo, la PokeApp, estos proyectos, vale, la PokeApp, la PokeApp.
La PokeApp, yo es un proyecto también, amigos, que voy a poner aquí.
La PokeApp, ¿eh?
Vamos a poner un perro.
La PokeApp.
La PokeApp le pasa un poquito lo mismo que al to-do app.
Es un proyecto muy básico que lo utilizáis todos justamente para aprender.
Y entonces, fijaos en la sensación que hay cuando tú entras a un portafolio y los dos primeros proyectos que encuentras es el to-do.
Y luego te encuentras la PokeApp.
La PokeApp es un proyecto que, para aprender, una cosa es que sea bueno para aprender, que lo es.
Otra cosa es que sea mejor que nada, que lo es.
O sea, es más importante la PokeApp que nada.
La nada no asuma.
La PokeApp suma algo.
Pero la PokeApp, lo malo de un proyecto, darle esa importancia, es que es un proyecto que se utiliza mucho para aprender.
Mucho, mucho para aprender.
Entonces, fijaos que el problema es como que también, si los proyectos principales son estos, da esa sensación de, es que está aprendiendo.
De hecho, fijaos que lo dice hasta él, ¿eh?
No es que, proyecto cargando, no, este no.
Proyecto de curso de programación, proyecto de curso de programación.
Que está bien, ¿vale?
Si no tienes nada, está bien que los pongas.
Pero, yo os doy ideas para que continuéis, ¿vale?
Y ahora continuamos dando más ideas todavía.
Soy Jeffer, desarrollador web full stack.
Este, este efecto de fondo.
Madre mía.
Yo a veces navego por internet, navego por internet y me veo, me voy encontrando trozos de mis webs por todos los lados, tío.
O sea, yo, ya es una cosa loca.
Y encima, y encima, pero Jeffer, ¿cómo que he hecho con amor por Jeffer?
Pero, por favor, dame algo, dame algo.
Si eso es de la Midoufest.
Si eso es de la Midoufest, tío.
El efecto de fondo, el efecto de fondo, el efecto de fondo, ¿de dónde la has sacado?
¿De dónde la has sacado?
Hay que ver, ¿cómo que he hecho por Jeffer?
Dime la verdad, ¿qué está pasando aquí?
En fin, no pasa nada, no pasa nada, ¿eh?
Bueno, vale.
Escape de Qamaze, Reading Lisp App, basado en el reto de pruebas técnicas de MidouDev.
Muy bien, Chu, Portafolio.
Vale, Portfolio.
Bueno, amigos.
Sí, sí, coño, Midou, ¿pero tú lo copiaste de algún lado o no?
Sí, sí, yo dije de dónde había sacado, pero yo lo cambié bastante.
Y os enseñé en directo de dónde la había sacado.
Y yo no he puesto Midoufest con todos los derechos reservados.
Ni he dicho nada de esto, ni...
Y lo dije de dónde la había sacado en directo.
O sea, y lo he cambiado bastante.
Pero es que ese es el mismo efecto.
Ese es el mismo efecto.
Bueno, amigos.
A ver, vamos a ver una cosa que es interesante y una cosa que tenemos que hablar, ¿vale?
De esto, esto es muy importante.
A ver, Portfolio.
Primera versión de mi Portfolio.
Vale.
Veo que no es este Portfolio encima.
Vale.
Mira, el Task List, que al final es un Todo App.
Os voy a dar una regla.
Una regla que vais a ver que es importantísima, ¿vale?
Y que por lo tanto lo vamos a poner por aquí.
Una regla que es importantísima.
Proyectos para tu Portfolio.
Consejos.
Consejos para tus proyectos.
Mira.
Los consejos que esto, súper importante, que se os quede a fuego en la cabeza.
¿Ok?
Y el primer consejo que os daría es que es mejor la calidad que la cantidad.
Y qué quiere decir esto, que parece una tontería, ¿vale?
Esto lo que quiere decir es que mejor que pongas tres proyectos muy interesantes a rellenarlo teniendo que poner cualquier cosa, ¿vale?
Entonces, este es un ejemplo del Portfolio que estamos viendo.
¿Por qué?
Fijaos en esto.
Estamos aquí Jeffer.
Jeffer tiene algunos proyectos que tienen bastante buena pinta.
Pero, ¿qué necesidad hay de poner este Portfolio aquí o este Tax List?
Cuando a lo mejor sería mejor que pusiese mucho más interesante centrar y darle más importancia a tres proyectos con una mejor explicación, una mejor imagen más grande, ¿vale?
Que no tener que rellenar un hueco con el Portfolio que esto no aporta absolutamente nada.
De hecho, el Portfolio, ya os lo digo yo, el Portfolio está prohibido, ¿ok?
Porque el Portfolio está prohibido.
No pongáis, por favor, o sea, no tiene sentido poner el propio Portfolio.
Es que no tiene sentido.
Y os explico por qué.
Uno, no aporta nada.
Si ya lo estoy viendo, ya me estoy dando cuenta.
Es un momento, una sensación de recursividad.
Recursividad, ¿vale?
Si queréis poner un enlace para que vean el código y tal, a lo mejor lo podéis poner en el footer.
Pero en un Portfolio no pongáis el primer proyecto del Portfolio y es que ni siquiera lo pongáis.
Yo lo evitaría, ¿vale?
Y el problema es que da la sensación que no tienes nada que mostrar.
Que eso es todavía más preocupante.
Si tú dentro del Portfolio dices proyectos Portfolio, parece que no tienes nada que enseñar.
¿Sabes?
Es como...
No lo hagáis.
Así que, en este caso, ¿yo qué le diría a Jeffer?
Yo creo que Jeffer podría ser interesante.
Mira, Escape de Quamaze.
El Reading List, que hablaremos de este tipo de proyectos también, ¿vale?
Proyecto este también, Chu, Control de Proveedores Clínicos, que además parece que tiene una utilidad.
Que la ha utilizado gente, que no sé qué.
Este proyecto puede ser muy interesante porque si tienes usuarios reales en un proyecto, eso no os lo...
O sea, no dudéis en ponerlo.
Súper importante.
Y en cambio, este Portfolio y este Touch List, yo los quitaría.
Porque al final, ahí no está marcando la diferencia de lo que realmente ha hecho.
Le daría más protagonismo a los otros y quitaría a esos que, la verdad, no aportan tanto.
Sobre todo cuando estamos hablando de un Portfolio en sí mismo.
A ver, Roberto.
A ver, Roberto, ¿con qué nos sorprende?
Roberto...
Últimos trabajos.
Bueno, mira.
Mira, mira.
Tres proyectos totalmente diferentes.
Muy bien.
Último.
Esto está muy bien.
Y esto, obviamente, no se lo puede permitir todo el mundo.
Pero, si tenéis trabajos, hay que ponerlo el número uno.
De hecho, aquí lo tenéis, ¿vale?
Trabajos.
Trabajos reales.
Trabajos.
Trabajos que realmente os hayan dado dinero por ello.
Dinero.
Que os han pagado por esto.
Ya sea una landing page.
Ya sea lo que sea, ¿vale?
Los trabajos son importantísimos que los pongáis.
En este caso, tienen muy buena pinta.
No sé si todo realmente son sitio del gobierno del estado de Nueva León para conocer el estado de las proyecciones.
De hecho, yo creo que le está sacando poco partido.
Poco partido.
Realmente, si son trabajos, yo creo que le está sacando poco partido.
Porque si le han pagado por esto, tendría que explicar qué le pidieron, qué impacto ha tenido, cuántos usuarios lo han visto y todo esto, ¿eh?
O sea, si realmente te han pagado por algo, hay que, vamos, hay que estrujar ahí.
Hay que estrujar ahí, ¿sabes?
Hay que estrujar, hay que aprovechar.
Y hay que ponerlo de los primeros, ¿eh?
Así que, ya sean trabajos de una empresa, freelance y tal, súper importante.
Valor real, impacto en usuarios, ¿por qué te eligieron a ti?
¿Sabes? ¿Por qué tú?
Así, esto es súper importante.
Los de prácticas también.
A ver, los de prácticas yo los pondría con menos importancia.
Porque los de prácticas, pero es trabajo real.
O sea, que sí que los pondría.
Obviamente, un trabajo que te han pagado, me parece más importante.
Prácticas estaría un poquito para abajo, pero estaría bien, ¿eh?
Tengo uno como trabajo, pero firmo un acuerdo de confidencialidad como freelancer.
Eso es complicado, pero aún así estaría interesante que lo puedas comentar o alguna cosa, ¿vale?
Bueno, trabajos importantísimo, ¿eh?
Súper bien.
Entonces, esto estaría bien, pero me da la sensación que, por ejemplo,
una cosa que le diría de este portfolio es que, amigos, no cometáis errores de ortografía.
Es que me parece, ya es para enfadarse.
Es para enfadarse porque me parece, Roberto, tío, que es que no le das ni un mínimo cariño a tu portafolio.
Y tener fallos de ortografía en tu portafolio dice mucho de ti, macho.
Uno, es que no se lo has dicho a nadie.
Y dos, es que no te lo has mirado ni tú.
A ver, contactame, tiene acento.
¿Sitio que me han estado en Nuevo León?
Para conocer estatus, proyecciones.
¿Pero qué es esto?
Esto es el anti...
Proyecciones que, tío, has esquivado las palabras buenas.
Y, proyecciones.
No sé, échale un vistazo, ¿vale?
No puedes cometer estos errores en tu portafolio, amigo.
Bueno, pero mejor, el tema de los proyectos, bien.
Vamos con más cositas.
A ver este.
Ojo, qué bonito.
En la energía, en las skills.
Algunos de mis trabajos, vale.
Muy bien, trabajos.
Claro, algunos de mis trabajos, pero el Rick and Morty API, por desgracia, amigos, también, también hay que meterlo aquí, ¿vale?
El Rick and Morty.
A mí me encanta...
Vamos a poner el vomitar porque le queda bastante bien.
Rick and Morty.
No es que no me guste, ¿eh?
Sino que simplemente pongo lo de vomitar por Rick, más que nada, ¿eh?
Le pasa un poco lo mismo.
Yo evitaría ponerlo porque es el típico que todo el mundo lo utiliza y no sé qué, no sé cuánto.
Ahora, vamos a poner, para que no quede así como, ah, pero no estás diciendo ninguno.
Vamos a poner uno que yo, sin ninguna duda, añadiría y que me parece muy interesante.
Uno que yo os diría es que creéis algo que usaríais vosotros, ¿vale?
Voy a ponerle aquí herramienta y os voy a poner ejemplos, no os preocupéis, ¿eh?
Herramienta que usarías tú un dev o un UX.
Esto lo pita casi siempre, si le dais un mínimo de cariño.
Claro, amigos, esto hay que trabajárselo.
Una herramienta que usaría un dev o un UX, vamos a poner.
Os doy ejemplos.
Ayer mismo, sin ir más lejos, ayer mismo vimos esta página.
Esta página la ha hecho Alex Garrichen, que es alguien de la comunidad, que lo ha hecho, que, o sea, es de México, de Puebla.
Buen pueblo, me gusta Puebla, yo estoy en Puebla y se come muy bien en Puebla.
Entonces, es un proyecto sencillo, fácil de crear, que no tiene un trabajo increíble, pero es una utilidad que te está aportando valor.
Tiene una integración con inteligencia artificial, justamente para ayudarte con los colores.
Fíjate que cuando tienes una mala puntuación, ¿ves?
Aquí, le das aquí que tiene inteligencia artificial, ¿ves?
Ping, y te da con inteligencia artificial mejores contrastes.
Esto es un proyecto sencillo que realmente es un error común que mucha gente tiene.
Y entonces me dirá, bueno, claro, pero esto ya está creado.
Es que hay un montón de ideas.
Mirad, otra idea, para crear colores.
Podéis crear colores, aquí un montón, generar colores, paletas de colores.
Ah, pero es que ya está creado.
Venga, otro, otro de generar paleta de colores, que también.
Ah, bueno, pero es que está creado.
Mira, otra idea, una herramienta que recupera una URL y te devuelve los metadatos, ¿vale?
Esto también es un proyecto bastante sencillito, que estaba bastante genial.
Que mira, pues pone smarts.coach y lo que hace es cómo se vería en Discord, cómo se vería en Facebook, en LinkedIn, en Twitter y tal.
Y puedes recuperar el código para tener HTML.
Y estos son productos, amigos.
O sea, estos son productos reales, productos reales que hay ahí fuera.
Entonces, si vosotros hacéis algo así, ¿realmente qué estáis haciendo?
Estáis haciendo algo que aporta valor.
Hacer algo que aporta valor, y bueno, es que tengo más, tengo un montón, ¿eh?
Mirad, aquí de colores tenéis infinitos.
De crear gradientes, de recuperar los colores de una imagen y crear con eso un gradiente.
Es que hay un montón de ideas.
Esto es muy sencillo.
Pensad en qué problemas tengo o qué suelo encontrar, qué suelo no sé qué.
Y cread una herramienta sobre esto.
Porque lo más fácil es, uno, uno, lo vais a poder compartir y va a tener algo,
no digo que se vaya a hacer viral, pero va a tener algo de impacto.
¿Por qué?
Porque hay gente que lo mismo que te pasa a ti, le pasan a los demás.
Y por lo tanto, va a resonar con la gente.
Va a decir, ostras, a mí también me pasa, qué bien.
Esto es súper útil.
Qué maravilla que hayas hecho esto.
Mira, otro ejemplo más.
Cosmo, una colección de recursos gratis.
Pues aquí tenéis otro ejemplo.
Pues todo el mundo le gusta recuperar recursos gratis.
Bueno, pues ha hecho una página web de recursos gratis.
Y aquí, pues fíjate que tiene algunos detallitos,
que cuando haces así, tiene lazy load, tiene no sé qué, tiene no sé cuánto.
Este tipo de cosas siempre, siempre, siempre lo va a petar.
Es VGL de Feralp.
¿Otro qué tal?
¿Otro qué tal?
Una herramienta que da, aporta algo.
Y tampoco es, con todo mi cariño, Feralp.
No es un proyecto que sea muy difícil.
Es un proyecto que resuelve un problema.
Así que, amigos, herramienta que usaría un Dev o un UX.
Y vamos a ver por qué.
Porque esto sí que marca la diferencia.
Y ya os digo que esto no significa que sea difícil.
Lo que significa es que lo que estáis haciendo es aportar valor real.
Es que aportar valor real es lo que marca la diferencia en todo en la vida.
Aportar valor real.
Entender necesidad usuario.
Estáis entendiendo las necesidades del usuario.
Estáis realmente resolviendo un problema.
Hay veces que necesitáis, por ejemplo, escalabilidad.
Escalabilidad.
Ni siquiera necesitas, significa que necesites backend.
Aunque aquí hay gente que a lo mejor hace backend que me dirá.
Ay, yo de backend.
Es que también aquí tenéis una herramienta que usaría un Dep o un UX.
También puede ser de backend.
Y os voy a dar un ejemplo.
Porque a lo mejor aquí la gente me dice.
Es que no sé qué.
Ejemplo buenísimo de un proyecto que pueda hacer un backend que esté realmente chulo.
Que se va más allá de la típica Pokeapi, Rick and Morty y todo esto.
A ver, esto, este FakeStore API, esto también es de una persona que ha dejado antes su proyecto.
Ángel Concha, ¿vale?
Es un full stack.
Y aquí tiene diferentes proyectos.
Fijaos que no tiene muchos.
Tiene cinco proyectos.
Pero este es el tip.
Estos son proyectos que realmente están muy chulos.
Porque empieza el primero.
Y oye, el primero es un FakeStore API.
Pero mucho más que eso.
Tú lo ves y tiene una página web.
Aparte que tienes toda la API, obviamente.
Pero es que tiene un montón de cosas.
Tiene features de todas las operaciones CRUD.
Paginación.
Autentificación con JSON Web Tokens.
Filtros.
REST API.
Bueno, esto está mal escrito.
El post-tamp.
Pero bueno, no pasa nada.
Se proporcionan los archivos para postman e insomnia.
O sea, ¿veis?
Está ofreciendo algo que está aportando un...
No solo está aportando un valor real.
Sino que lo está llevando más allá para demostrar todo lo que sabe en backend.
En backend muchas veces me hace gracia que la gente dice.
Es que claro, que creo una API.
Como si fuese algo sencillo.
Lo que pasa es que no te pongas a crear la típica API de la PokeAPI.
Es que ya la hemos visto.
Pero si lo que quieres es, por ejemplo, crear FakeStore API.
Fíjate, con una documentación.
Que den ganas de lamerla.
Para hacer los productos con un montón de ejemplos.
Que sea interactiva.
Que sea no sé qué.
Yo no tengo ni idea de backend.
Bueno, Tool, Tool, Caspi.
Esto es una idea para gente que sea de backend, ¿vale?
Entonces, si tú no sabes backend, enfócate en los proyectos que estamos diciendo de frontend.
Pero también le estamos dando ideas a la gente que quiera ser full stack o backend, ¿no?
En este caso, fijaos que tiene autentificación con JSON Web Token.
Que me parece un detallazo.
Que esto no lo tiene todo el mundo.
Así que este tipo de cosas son las que marcan realmente la diferencia.
Esto lo que tenéis es un proyecto que sí que está demostrando que pueda ser backend o pueda ser full stack.
Y demostrar todo lo que sabes.
Y de nuevo, esto podría ser un producto.
Hay un montón de productos como esta.
FakeStore API.
Esto existe, de verdad.
Y hay gente, incluso hay algunas que tienen pricing.
O sea, que hay gente que paga por ellas.
Platzi incluso lo ha hecho.
Pero la de Platzi, por ejemplo, es un poquito sencillita.
¿Vale?
O sea, está bien.
¡Ajo, coño, es la misma!
¡Se la ha copiado!
¡Se ha copiado la de Platzi!
¡Se ha copiado la de Platzi!
Pues nada.
Olvidad eso.
Pero bueno, igualmente, ¡se ha copiado la de Platzi!
¡La madre que me parió!
¡Me ha dejado por los suelos!
¡Se ha copiado la de Platzi!
O sea, pues no pasa nada.
Porque me pone un ejemplo buenísimo.
Me pone un ejemplo buenísimo.
Me pone un ejemplo buenísimo.
Para lo que iba a decir aquí.
¿Qué es lo que tenéis que evitar?
Lo que tenéis que evitar...
Se ha copiado hasta el error de Postman.
Vale.
Pues aquí tenéis lo que tenéis que evitar también, amigos.
Lo que tenéis que evitar también, porque al final las patas de esto son muy cortas,
son las copias.
Las copias baratas.
Las copias baratas.
¿Qué significa una copia barata?
Una copia barata es básicamente algo en lo que tú no estás aportando nada.
O sea, si tú al final, claro, Ángel, pues claro, me había hecho esto.
Yo me había hecho ilusiones.
Me parecía súper bonito.
Pero es que es una copia de la Platzi Fake Store.
Claro, yo estaba súper ilusionado.
Pero ahora, imaginad mi sensación.
Imaginad mi sensación ahora.
Pensad ahora mi sensación.
Ahora, imaginad, amigos.
Imaginad, amigos, que yo tengo que contratar a Ángel.
Imaginad que yo digo, hostia, Ángel no sé qué ha hecho a Fake Store y tal.
Pero claro, pero realmente la ha hecho él.
Ahora, lo que voy a tener son un montón de dudas.
Si realmente la ha hecho, si no la ha hecho y tal.
Igual sí que la ha hecho y lo que se ha copiado es todo el frontend y tal.
Pero entonces, lo que sería interesante es decir,
ostras, pues ¿cómo lo ha hecho?
Bueno, aquí sí que parece que él lo ha hecho con Java
y que básicamente lo que está haciendo es copiarse todo el frontal y tal.
Pero igualmente, yo creo que debería intentar diferenciarse al máximo,
aunque pudiera parecer que el desarrollo de la API lo ha hecho totalmente distinto.
Pero el problema que hay ahora es que a mí me genera dudas.
Y por eso, lo que tenéis que evitar es las copias baratas que no aportan nada.
¿Por qué?
Pues porque, amigos, no solo que las copias baratas.
¿Qué significa una copia barata?
Una copia barata es básicamente, primero, es mala visibilidad si te pillan.
O al menos generas dudas, está generando dudas, pero realmente sabe hacer lo que dice,
realmente lo ha copiado, ha aportado algo, no sé qué.
Si haces una copia, si realmente estás haciendo un clon,
lo mejor que puedes hacer es dar atribución.
Si no das atribución y es una copia, genera más dudas, ¿vale?
Sin atribución, sin atribución, generas todavía más dudas.
¿Por qué?
Realmente se cree que no lo voy a pillar, realmente esto lo ha hecho, ¿sabes?
O sea, es peor no dar crédito.
Es mucho mejor que, si es una copia, es algo, pues que digáis,
esto está basado en este proyecto, que lo he hecho, lo he hecho siguiendo
y he cambiado la base de datos y lo he hecho con esto, con esto y tal,
que es algo parecido a lo que él hace, pero es verdad que, al menos,
mis sensaciones, que no dice que la ha sacado de Platzi, ¿sabéis?
No sería lo mismo si dice aquí, fake store, con el frontend basado en la Platzi API store,
donde he cambiado la API desarrollándola con, ¿entendéis?
La diferencia del impacto que genera es totalmente distinto.
A mí ahora yo tengo un montón de dudas que no se responden con esto.
Si en cambio me dice de frente, me dice, oye, me he copiado el frontal de la de Platzi,
pero toda la API lo he hecho totalmente distinto porque lo he hecho con Java,
con MySQL y no sé qué, ¿sabes?
Sería como, hostia, vale, qué interesante, realmente no ha hecho esto,
pero lo ha hecho así.
Entonces, es súper importante que evitéis las copias baratas.
Y copia barata es esto, por ejemplo, un proyecto que habéis hecho,
que yo he hecho un curso, yo he hecho un curso y habéis hecho el mismo proyecto.
Hola, Midu, ¿cree un proyecto, pensó Urce?
¿Cómo puedo hacer para que la comunidad pueda contribuir?
Pues invitar a la comunidad que contribuya
y hacerlo lo suficientemente interesante para que contribuya.
Entonces, si, por ejemplo, un proyecto de cualquier creador de contenido,
de un curso y tal, lo primero es que no debe ser el primer proyecto,
no puede serlo porque no está, puede ser que lo tengáis,
es importante que indiquéis que lo habéis sacado de ahí,
porque si no, se nota mucho.
Es como el caso de Giphy.
Giphy es un proyecto que yo hice para el curso de React.
Giphy, no sé si se llama Giphy y tal, ¿no?
Y mucha gente lo ponía y lo ponía como el primero.
Y claro, todos sean iguales, todas iguales.
Entonces, al final, el problema es que pensad, yo sé que vosotros pensáis,
ah, no sé qué, pensad que los reclutadores ven muchos portafolios, muchos, muchos.
Es que ven muchos.
Y ya estas cosas se las saben, se las tienen vistas.
¿Significa que no lo pongáis?
No, significa que no debe tener la prioridad máxima.
Y si lo tenéis que poner, que lo dejéis claro.
Al final, si lo tenéis que poner, que esté abajo del todo y además digáis,
este proyecto lo hice basado en el curso de Midu,
pero yo hice esto, esto y esto.
¿Entendéis?
¿Qué le habéis añadido para aportar algo?
Porque si no, al final, y luego al final, también una cosa que si no dais atribución
es que está feo.
Está feo también, ¿vale?
Así que copiar algo sin atribución es feo.
Así que ya tenéis ahí otro y me sirve justamente con el que hemos visto,
que es un caso, porque claro, ellos lo tienen de código abierto
y aquí, pues, tenemos las dudas.
Es un proyecto que era interesante, pero nunca sabremos si al final era correcto y tal, ¿no?
Que tiene pinta que sí, tiene pinta que la ha hecho la API, la ha hecho con Java
y sí que ha cambiado cositas, ¿no?
Pero claro, ya os digo que el cómo se explica, pues, es importante también, ¿no?
Vale, Zappi REST Client.
Ah, mira, interesante.
Qué chulo, una extensión y todo, ¿eh?
Pues mira, esta me sirve.
No le vamos a poder echar un vistazo porque ya hemos dicho,
veis, nos vamos a fijar a los proyectos.
Entiendo, mira, tiene pricing y todo, joder, la leche.
A ver, la landing page es un poco mejorable, ¿eh?
También te digo.
Es como flojeta, ¿eh?
Yo creo que al menos se podría mejorar alguna cosa.
Algunos contrastes son un poco raros, algunos colores.
El tema, el gris es muy apagadete, con este amarillo.
Entonces el amarillo también está utilizándose aquí en este título.
Aquí gris otra vez, el botón que debería ser el más importante de gris.
Imagínate, eso de estudio code, download, es un poco, para que te hagas un poco la idea.
Pues claro, azul, es que, no sé, aquí parece que está desactivado y todo, es un poco raro.
Así que, bueno, eso es lo que te diría.
Pero mira, esto es un proyectazo, esto es un proyectazo para poner en vuestros portafolios.
Lo vamos a añadir porque, por ejemplo, yo os tenía por aquí, mira, aquí en el S, en el más importante,
yo os pondría, os pondría esto, que sería una, claro, es que está relacionado con lo otro.
Mira, motor, engranaje, engranaje, ¿vale?
Que sería una extensión de Visual Studio Code.
Una extensión de Visual Studio Code.
¿Por qué una extensión de Visual Studio Code?
¿Pero qué me estás diciendo?
A ver, las extensiones de Visual Studio Code las crean Full Stack, ¿vale?
Eso es lo primero.
No deja de ser una forma de frontend, que mucha gente se puede meter las manos a la cabeza,
pero no deja de ser una forma de frontend, una extensión de Visual Studio Code.
Todas las tecnologías que utilizan son de frontend.
Las crean Full Stack da respuesta a una necesidad.
Y eso es algo increíble, ¿vale?
Da respuesta a una necesidad.
También estás demostrando que vas más allá.
Estás dando respuesta a algo más allá, que no es la típica página web de cómo se está haciendo,
que no sé qué, no sé cuánto, ¿no?
Extensión de Visual Studio Code, un poquito menos, un poquito menos, yo diría,
la de, lo voy a añadir, pero de Chrome, ¿vale?
De Chrome tiene que ser muy buena, tiene que ser muy buena.
Yo creo que una de Visual Studio Code que además resuelva un problema es muy interesante.
De Chrome puede ser plugin de WordPress, puede ser plugin de WordPress,
porque, claro, me está diciendo ya de, no, bot de Discord,
aunque yo estas las veo un poquito menos, ¿vale?
Y no por nada, no digo que no sean interesantes o importantes,
lo digo a, lo digo como a impacto, ¿vale?
A impacto.
¿Y por qué es esto?
Las extensiones de Visual Studio Code, uno, son muy fáciles de que se puedan hacer virales,
muy fáciles, aunque tengas pocas descargas.
Mira, tenemos esta extensión, React Tree.
React Tree es una extensión que es muy tonta,
que al final lo que hace es que tú le pasas un componente de React
y te dibuja todo el árbol, ¿vale?
A ver, tiene su trabajo, es interesante el trabajo que hay aquí detrás
y ya ves que hay un equipo de cinco personas que lo hacen y tal,
aunque ya hace tiempo que no está actualizada, no se actualiza hace mucho, ¿vale?
Pero el tema es que aunque esta extensión,
si nosotros vamos a ver cuántas descargas tiene esto en Visual Studio Code,
no sé, 28.000 descargas, tampoco son tantas, ¿no?
28.000 descargas.
Pero si tú buscas React Tree, es que vas a alucinar.
Es que de React Tree han hablado en todos los lados.
Han estado hablando, mira, le han hecho vídeos,
hasta yo hablé de esta extensión.
No sé, va a ser muy fácil que se hable de ello,
porque justamente está dando respuesta a una necesidad.
¿Quieres que te dé una idea para hacerte rico?
Nada, para hacerte rico no, pero de buena extensión.
Lo primero es que lo puedes pensar tú.
Puedes pensar, oye, ¿qué es lo que necesito en mi día a día?
Mira, hay una extensión, una cosa que puedes...
Esto es una idea, esto es una idea de, vamos, de millones.
No, pero vais a ver.
El tema es que muchas veces hay extensiones que son muy buenas,
pero abandonan, ¿vale?
En mi trabajo usamos mucho Loasco Oques de autentificación
y es una persona estar copiando manualmente tres esto
y pensando en hacer una extensión para hacerlo automáticamente.
Pues sí, muy buena idea.
Muy buena idea.
Mira, una extensión para que no se pueda usar Angular nunca más
y te hace rico.
No, no, no.
Mira, una extensión, Headwind, ¿no?
Esta extensión la abandonaron, Tailwind, Visual Studio Code,
y ahora obviamente ya han sacado alternativas, ¿vale?
Pero esta es de 2021.
¿Y qué hace esta extensión?
Esta extensión lo que hacía era ordenarte con unas reglas
las clases de Tailwind, que cuando tú guardas el archivo,
lo que hace es reordenarte las clases de Tailwind,
que parece una tontería, pero si tú, y esto es de código abierto,
que es lo mejor, que es de código abierto,
puedes aprender cómo lo ha hecho, cómo lo ha creado.
Claro, ¿veis que está abandonada?
Es una oportunidad buenísima cuando hay una extensión
que está abandonada, pero que tuvo buena recepción,
350.000 instalaciones.
¿Y por qué tiene aquí algo malo?
Pues tiene malo porque está abandonada, ¿vale?
Entonces, imagínate que hay gente que dice,
bueno, es que puedes utilizar Prettier y tal.
Y si no quiero, ¿sabes?
Y si no quiero, y si no quiero utilizar Prettier,
y si la gente quiere utilizar Prettier,
¿y por qué no puedo crear una extensión que haga esto
y lo haga súper fácil?
Pues ya está, lo puedes hacer.
Y la verdad es que si te pones a mirar el código,
no es tan complicado.
Y hay mucha gente que por lo que sea,
esto tiene 350.000 instalaciones,
y todavía se sigue instalando.
Así que es una buena idea crear una extensión
a partir de algo que está abandonado.
Y esto le haces una landing page sencillita.
Fijaos que la de Reacttree tampoco es que tenga
una landing page que sea tremendo, ¿vale?
Y ya está.
Reacttree, por ejemplo, CodeGPT,
otra extensión también,
también tiene una landing page.
Le haces una landing page,
también como tenía el chico este
que nos ha pasado su extensión esta, ¿no?
Zappi.
Pues le haces una pequeña landing page
y ya ves tú el proyectazo
que tienes para tu portafolio.
Dando respuesta,
a darle valor a la comunidad,
de código abierto,
algo que tú usarías,
aprendiendo un montón sobre la marcha
y quién sabe,
incluso monetizando el día de mañana.
Porque fijaos que la idea de este chico
la está con el pricing
y lo está monetizando.
Así que ya sabéis,
una extensión,
ya os digo que por impacto,
una extensión de Visual Studio Code
es muy, muy buena idea
como un proyecto de portafolio
para realmente marcar la diferencia,
¿vale?
Para decir,
madre mía,
este es el creador
de esta extensión
que a lo mejor
o la estoy usando
o lo ha dicho Pepito
o no sé qué,
no sé cuánto.
Y obviamente,
tienes una extensión
que aporte algo de valor,
pero seguro que tú
en tu día a día
algo haces.
Así que ya sabes.
Otra idea de extensión
que está muy de moda.
Otra idea de extensión.
Una extensión
que te haga copilot gratis
con Oyama,
¿vale?
¿Por qué?
Porque la gente
no quiere configurar cosas.
Por ejemplo,
CodeGPT lo hace,
pero tienes que configurarlo,
tienes que no sé qué,
¿ves?
Puedes hacer preprogramming
y te...
Imagínate una extensión
que te lo haga
sin necesidad de configurar nada.
¿Qué?
Lo único que tienes que tener
es Oyama,
que es un modelo de lenguaje
instalado en tu ordenador
y te lo hace totalmente gratis.
Un Gijacopilo gratis.
Pues mira,
ya lo tendrías, ¿no?
¿Qué ideas?
Las podéis copiar incluso
y mejorarlas.
Dadle vosotros
una diferencia,
una cosita
o algo que esté abandonado,
¿vale?
Portafolio Antonio Silva.
Antonio Silva.
Muy bien, Antonio.
Experiencia...
Hoy,
actualmente aprendiendo
la nueva versión de Angular.
Muy bien.
Proyectos.
Valle de Santiago.
Rediseñé una página,
e-commerce,
bienes raíces,
gimnasio,
blog Culemanía.
Pero esta es la página
del Sport, tío.
Esta es la página del Sport.
Me encanta que la he llamado
Culemanía.
Esta es la página del Sport.
Pero bueno,
no está mal, ¿eh?
Es una...
Esto no es una mala idea.
Una pena que no funcione, ¿no?
No funciona, macho.
O sea,
la has dejado a medias, tío.
La has dejado a medias.
Pero se parecía al Sport mucho.
Se parecía al Sport.
Bueno, bueno.
Tenía buena pinta,
pero no sé por qué no funciona.
Panel de administrador,
acortador de links.
Esto es un proyectazo.
El acortador de links.
Y os voy a decir por qué.
Es uno de los mejores proyectos
que podéis hacer.
Y además,
de dónde lo podéis sacar.
Y por qué me parece muy interesante
el acortador de links.
Aunque en este caso me parece
que no está terminado.
Lo cual,
no hagáis esto.
De hecho,
lo voy a dejar aquí
porque también es un error muy común.
En este caso,
esto es un error,
para mí,
garrafal.
Nunca pongáis un proyecto
que no habéis terminado.
Esto no es un acortador de links.
Esto es una landing page.
Esto es una página.
Entonces,
si decís que habéis hecho
un acortador de links,
haced un acortador de links.
No hagáis esto.
Esto no funciona.
Esto no tiene nada.
No aporta a nada.
O sea,
sí,
lo han maquetado.
Bueno,
está bien,
pero,
o no sé,
funcionará esto.
No sé.
Vale,
igual funciona esto,
pero es raro.
¿Sabéis?
Si no funciona,
es que es raro.
Es raro.
Entonces,
una cosa que no tenéis que hacer,
pues obviamente,
cosas sin terminar.
¿Vale?
Cosas que,
sin terminar.
Sin terminar.
Da mala imagen,
¿vale?
No tiene sentido.
Queda muy raro.
Y ya os digo,
es mejor que pongáis los proyectos
que habéis terminado,
aunque sean dos.
Así que,
mala visibilidad,
no se entiende
lo que quieres mostrar,
aunque en tu cabeza
suene espectacular,
no se entiende
qué es lo que quieres enseñar realmente.
Si no has terminado,
¿sabes?
No lo pongas.
Si no has terminado,
no lo pongas.
¿Cómo que invalid link?
A que te reviento.
¿Cómo que invalid link?
O sea,
¿cómo que mi 2DF es invalid link?
Bueno,
sin terminar.
Mala visibilidad,
no se entiende
lo que quieres mostrar
y pierdes la oportunidad
de cuando lo termines
que lo vean,
¿sabes?
Porque yo,
la verdad,
si llego aquí al portafolio,
al cortador de links,
ya sé,
lo he visto una vez
y digo,
madre mía,
esto no funciona,
no lo voy a volver a ver nunca más,
¿sabes?
O sea,
no voy a volver,
ah,
bueno,
voy a ver cuándo lo ha hecho,
voy a ver si ahora funciona,
¿sabes?
No mostréis cosas a medias,
no tiene sentido,
no tengáis prisa.
Volvemos a la regla,
la regla de aquí,
¿vale?
Consejos para tus proyectos,
venga.
Consejos para tus proyectos.
Uno,
es mejor calidad que la cantidad.
Entonces,
no tiene sentido
que pongamos un proyecto
que está ahí como a medio,
a medias,
porque,
mejor pongas tres proyectos
que funcionan,
que están hechos y tal,
que no funciona.
Es que te quedas con esto
que no tiene sentido.
Y os digo una cosa,
proyectazo,
proyectazo que yo os digo
uno de los mejores proyectos
que podéis hacer
y ahora os explico por qué,
¿vale?
Yo lo pongo en el número uno
porque me parece
de los más completos
y ahora os explico
y es para todo el mundo,
es el acortador de URLs
y os voy a explicar por qué,
¿vale?
Os voy a explicar por qué
es un proyectazo
y os voy a poner ejemplos también.
Mira,
primero,
full stack,
full stack
porque tiene backend
y tiene frontend y tal,
o sea,
es full stack total.
Obviamente necesitáis
que sea,
que funcione,
por favor,
que funcione,
que funcione,
que funcione bien,
además,
que funcione bien.
Es pregunta típica
de entrevista.
Mirad,
si hay una pregunta
que os juro
que es universal
de Estados Unidos,
de Europa,
que pregunte mucho,
es ¿cómo harías
un acortador
de URLs?
Esta pregunta,
esta pregunta
es que la pregunta,
la hacen
mil millones de veces.
Short URL,
infra,
question.
Es una pregunta,
mira,
System Design,
es una pregunta
que hacen muchísimo.
De sistema de diseño,
¿cómo crearías un servicio
como Tiny URL?
Claro,
amigos,
si vosotros
habéis creado uno,
imaginad
que habéis creado uno,
¿cómo no lo vais a saber?
¿Sabes?
Es muy típica
esta pregunta
y os hacen
hacer un diagrama,
explicarlo,
cómo lo escalarías,
cómo no sé qué,
dónde harías el storage,
la memoria,
no sé qué.
Pues ahora imaginad
que la habéis hecho.
Pues si la habéis hecho,
¿cómo no lo vais a saber
responder?
¿Sabes?
O sea,
va a ser automático,
va a ser automático
y os juro que es una
de las preguntas más típicas
y lo que además os animo
es que hagáis
una buena servicio,
un buen servicio,
un buen servicio
en el que tengáis en cuenta
las codificaciones,
tengáis en cuenta
la escalabilidad,
cómo podéis hacer
que sea más rápido,
qué os cueste más barato,
¿sabes?
Todo este tipo de cosas,
¿vale?
Llevo 12 años
como desarrollador
trabajando para empresas gringas
y nunca me han hecho
esta pregunta.
Bueno,
a ver,
¿y qué quieres que te diga?
Esto es como,
es como un ejemplo bastante,
es como una falacia
un poco rara,
¿no?
Como a mí
que llevo 12 años
trabajando para empresas gringas.
A ver,
en sistemas de diseños
es una de las preguntas
más típicas.
Si no te lo crees
porque a ti no te lo han hecho,
señor Hart,
¿qué quieres que te diga?
Pero aquí puedes ver
un artículo
que fíjate
cómo de largo es,
justamente,
justamente,
cómo es esta pregunta.
O sea,
es una de las preguntas
más típicas,
fíjate.
Educative,
no sé qué.
O sea,
es que la de veces
que preguntan esto,
a mí me la han preguntado
tres veces en empresas.
Tres.
Ni una.
Fíjate
todos los recursos que hay.
Todos los recursos que hay.
Que a ti no te lo han hecho,
no significa,
no significa que a lo mejor
no exista.
Pero ya te digo
que esto es típico,
vamos,
pero algo,
y si no te preguntan
por un acortador de URLs,
obviamente,
te pueden preguntar
por algo similar.
pero lo hacen un montón
de veces
porque ya os digo
que es una pregunta
muy típica.
¿Cómo se responde?
Pues fíjate el artículo
como es.
¿Y cómo se responde?
Pues lo más típico
que puedes hacer,
como os digo,
es crear el servicio.
Ahora bien,
¿cuál es el problema de esto?
El problema de esto
es que muchas veces
hacéis esto,
¿no?
Shirley,
y hacéis la landing page
o hacéis algo muy sencillo
o hacéis lo que sea,
¿no?
Y lo interesante de esto
es realmente,
pues como,
por ejemplo,
lo ha hecho el bueno
de Feral.
Feral tiene esto
y lo tiene súper bien hecho.
Mirad,
tiene Open Source Link Shortener.
Es un proyecto
que él lo hizo
seguramente
para aprender T3 Stack,
pero,
uno,
tiene una landing page
que a mí me gustaría
que fuese un poquito aquí,
pues tiene hueco
para poner algo,
algún ejemplo,
alguna cosa,
alguna cosa,
pero bueno,
al menos sí que te dice aquí
Open Source Link Shortener
porque un error muy común
que veo constantemente
y que de hecho
luego lo pondremos,
es el hecho
que nada más entrar en un proyecto
tengas que iniciar sesión.
Eso es un error
porque tú lo que quieres
es que al menos
aparezca algo,
¿no?
Que quiero saber de qué va
antes de que tenga que registrarme,
no tiene sentido.
Además,
lo tiene todo
porque es como un CRUD,
pero es un CRUD
que tiene un valor.
¿Por qué?
Porque tienes,
por ejemplo,
mira,
yo puedes iniciar sesión,
¿vale?
Voy a iniciar sesión,
puedes iniciar sesión,
puedes editar las URLs.
Él ha pensado
en el catching,
en cómo cachear esto.
Esto lo está guardando
en una base de datos.
Puedes hacer una búsqueda
de tus enlaces.
Tienes opciones
para eliminar,
editar,
borrar.
O sea,
tiene un montón de cosas
súper interesantes
que realmente
ayuda un montón
a entender,
oye,
¿cómo funciona esto?
¿Cómo puedes crear un link?
Pues fíjate,
tiene un formulario.
Tiene un montón de cosas
que al final
tiene el comando K
que no lo pone en ningún sitio,
pero bueno,
lo pone aquí,
¿vale?
Justamente para crear
todo lo que necesites.
O sea,
es un proyecto que
con base de datos,
backend,
frontend,
que el frontend de aposque
sea muy complicado,
pero que es muy,
pero que muy completo.
Lo ha hecho de código abierto.
Fijaos,
333 estrellitas.
Encima,
333 estrellitas.
¿Por qué?
¿Por qué?
Porque está dando
respuesta a una necesidad.
Es una herramienta
que tú usarías.
Y seguro,
estoy seguro,
y si no que me lo diga
Feral,
que está aquí,
pero que me diga
si le cuesta mucho dinero.
¿Sabes?
Es que seguramente
no le esté costando,
a lo mejor no le cuesta
ni dinero.
A lo mejor no le cuesta
ni dinero,
porque si lo tiene
en PlanetScale
y PlanetScale
tiene pues cientos de miles
de peticiones gratuitas,
miles de millones
de lecturas,
pues cero dólares.
Cero dólares.
Y tiene un proyectazo
con TypeScript.
Mira,
ya sustituye testing,
tiene base de datos
y esto lo puedes hacer
con un backend.
Esto es uno
de los mejores proyectos
porque además
vais a aprender
una de las preguntas
típicas
en sistema de diseño
que es
cómo crearlo.
Así que
yo el short URL
pero uno en condiciones,
¿vale?
Creo que es un proyectazo
que está muy bien.
Y os recomiendo
el de Feral,
que le echéis un vistazo
que además de código abierto
porque vais a aprender
seguro.
Otro proyecto
que yo evitaría,
otro tipo de proyecto
que yo evitaría,
que es raro
que no hemos visto ninguno,
pero sería el de
que me lo ponéis bastante,
pero yo evitaría
los juegos simples,
¿vale?
Juegos simples.
¿Qué son los juegos simples?
A ver,
juegos simples
tendríamos por ejemplo
tendríamos por ejemplo
lo que sería
el tres en raya,
tres en raya,
el piedra, papel, tijera,
piedra, papel,
¿vale?
Piedra, papel,
el buscar parejas,
buscar parejas.
Estos juegos son muy simples
y son buenos ejercicios,
o sea,
buenos ejercicios
para aprender a programar.
Están bien,
o sea,
es normal
y Q2,
o sea,
mejor si son multijugador,
pero claro,
son tan simples
que tampoco es que den
mucho juego.
Entonces,
yo los juegos simples,
no digo que no los pongáis,
suma,
pero ya veis que
estaría
en nivel,
a ver,
vamos a poner
que esto es nivel S,
¿vale?
Nivel S,
para que lo tengamos claro,
esto es nivel S,
¿vale?
Vamos a poner nivel S,
esto sería nivel A,
¿vale?
El A,
este sería nivel B,
¿vale?
Nivel B,
es como un tier list,
¿vale?
Que ahora os añadiré de nivel B,
que no se diga.
Y este sería nivel C,
que el nivel C,
pues obviamente sería el más,
el más flojete,
el más flojete
de los proyectitos
que podéis,
podéis añadir.
Y estos serían los que
no se puede poner
de ninguna forma,
¿ok?
Estas son los que no hay que poner,
¿vale?
No,
no hay que poner.
Entonces,
los juegos simples,
Tres en Raya y tal,
yo entiendo que los habéis hecho,
son interesantes,
porque habéis aprendido
sobre esto,
el nivel F,
me parece,
me parece,
vamos a poner,
vamos a poner,
el nivel F,
¿vale?
Habéis aprendido con ello,
queréis poner algo,
bueno,
pues si es porque hay que poner algo,
lo ponéis,
pero en cuanto podáis,
¿vale?
Pues hay que quitarlos,
son muy típicos,
muy simples,
no tienen mucha complejidad,
no demuestran mucha cosa,
yo los juegos simples,
sinceramente,
yo los evitaría,
no creo que tengan mucho,
mucho sentido.
¿Dónde sí que creo que empiezan a tener más sentido?
Ya los juegos,
mira,
aquí en los simples,
voy a poner el mando del Atari,
¿vale?
Y aquí en juegos más,
más complejos,
¿vale?
Complejos.
¿Qué es un juego complejo?
Para que entendáis,
un juego más complejo podría ser,
por ejemplo,
Buscaminas,
porque tiene más algoritmos,
más complejos incluso que,
que el que tendría ser el Tres en Raya,
el Tres en Raya es demasiado fácil,
pero el Buscaminas,
quieras o no,
pues ya empiezas a tener,
que no en mi favorito,
el Tetris,
podrías tener,
por ejemplo,
¿qué más juegos?
Así que sean,
es que eso no se me ocurre en esto,
hombre,
si ya son juegos en 3D,
o sea,
juegos en 3D,
ya los pongo aquí,
¿eh?
Juegos muy complejos,
o juegos en 3D,
o juegos,
más que juegos complejos,
juegos algoritmo,
vale,
juegos algoritmo,
vamos a poner,
¿no?
el Sudoku,
Sudoku,
un ajedrez,
¿vale?
Ya los pondríamos en Tierbe,
Batalla Naval,
Snake,
Snake no lo pondría,
Snake no,
juegos complejos,
lo vamos a poner aquí,
complejos,
y aquí vamos a poner ya,
que sea una consola,
no sé si,
ah,
no es consola,
pensaba que a lo mejor habría una Playstation,
o algo,
¿no?
Hombre,
si hacéis,
si hacéis aquí,
a ver,
estrella,
vamos a poner este,
de aquí,
si hacéis aquí,
amigos,
algo con Unity,
3GS,
cosas así,
Unity,
3GS,
con diversas,
diversas mecánicas,
publicado en una store,
cosas así,
¿vale?
Obviamente,
este tipo de cosas,
bien,
¿vale?
Juegos algoritmo,
Tetris busca minas y tal,
y una cosa que añade,
si tiene inteligencia artificial,
o multijugador,
¿vale?
Pues bien,
pero eso sería un poco,
los tier list de los juegos,
que es algo complejo,
porque muchas veces,
veo que ponéis,
juegos simples,
como el 3 en raya,
como el primer proyecto,
y no,
¿qué más?
Santiago,
The Front,
vale,
ahora abrimos un poco esto,
a ver si me ponéis,
desarrollo web,
artículos,
mis proyectos,
estos son algunos de mis proyectos,
página de componentes,
mira,
esto está interesante,
muy bien,
este me parece interesante,
este me parece interesante,
este está muy chulo,
este está muy chulo,
y de hecho,
es uno de los proyectos,
que también os iba a decir,
que me parece,
voy a hacer esto un poco más pequeño,
que voy a mover esto a otro sitio,
¿vale?
Esto lo voy a mover para acá,
y ahora os explico algo sobre esto de los componentes,
y os explico por qué me parece un proyectazo,
a diferentes niveles,
¿vale?
El design system,
que yo sé que muchas veces,
y os diré ahora otro de backend,
que también es interesante,
a ver,
un proyectazo,
que es muy interesante,
que podáis tener,
que muy pocas veces,
la verdad es que me ha sorprendido,
que lo hemos visto,
es el design system,
¿qué es un design system?
Un design system,
o un catálogo de componentes,
que no son exactamente lo mismo,
pero bueno,
están relacionados,
catálogo de componentes,
un catálogo de componentes,
este chico lo tiene,
y es bastante,
me parece un poco,
oportunidad perdida,
porque,
casi no se nota,
que es una página,
hay que hacer el hover,
y tal,
en este caso,
yo cambiaría la forma,
de mostrar los proyectos,
porque me parece,
que no se muestran bien,
tampoco ayuda mucho,
la letra no es la mejor,
tiene fallo de ortografía,
páginas tiene acento,
el más aquí tiene acento,
habría que mirarse estas cosas,
y creo que el diseño de los proyectos,
se puede mejorar,
ya os digo,
por ejemplo,
cuando hicimos el porfolio,
fijaos en el porfolio que hicimos,
que la semana que viene,
seguiremos con el desarrollo del porfolio,
pero hay que darle,
bastante importancia al proyecto,
es mejor que tengas,
uno,
dos,
tres proyectos,
pero que le des importancia,
de que realmente,
se vea,
que se entienda,
que con qué las he hecho,
que no sé qué,
que no sé cuánto,
o sea,
que realmente le deis importancia,
que lo veáis bien,
que estéis orgullosos,
de vuestro proyecto,
en este caso,
ya podéis ver,
que es un catálogo de componentes,
¿vale?
Catálogo de componentes,
y por qué es interesante,
un catálogo de componentes,
os lo voy a explicar,
por dos motivos,
¿vale?
Uno,
uno,
porque vosotros mismos,
lo podéis reutilizar,
y ahora vais a ver,
otros catálogos,
que os voy a enseñar,
¿no?
Lo podéis usar vosotros,
usar vosotros,
vosotros,
para vuestros proyectos,
o sea,
podéis reutilizar vuestros componentes,
por lo que sea,
porque os gustan,
porque lo que sea,
no sé,
os gustan,
bueno,
pues,
los podéis usar vosotros.
Lo segundo,
¿por qué?
Porque las empresas,
lo valoran bastante,
¿por qué lo valoran bastante?
Porque las empresas,
vais a tener que trabajar,
con un design system,
¿vale?
No vais a tener,
que no vais a crear,
vosotros los componentes de cero,
muy pocas veces,
os va a pasar eso,
vais a tener que trabajar,
con un catálogo de componentes,
demostrar,
que ya sabéis,
trabajar con un catálogo de componentes,
que además,
lo tenéis publicado en NPM,
que otra gente pueda utilizarlos,
o sea,
os va a dar un montón,
obviamente,
dependiendo del nivel,
que hagáis,
pues,
van a ser mejores o peores.
Mira,
Feralda este,
que está súper bien,
que tiene súper buena pinta,
y además,
es una cosa que podéis hacer poco a poco,
en el sentido de que no hace falta que hagáis todos los componentes de golpe,
sino que podéis ir haciéndolos poco a poco.
Estos,
pues,
tienen bastante buena pinta,
mira,
los acordeones,
y es un proyectazo,
es un proyectazo,
porque,
os,
lo puede,
lo puede utilizar cualquier persona.
Fijaos como es un proyectazo,
que alguien de la comunidad,
también creó NextUI,
¿y qué es NextUI?
Un catálogo de componentes.
Vosotros creéis que este chico,
que obviamente no hace falta que todos creéis un NextUI,
y a lo mejor no llegáis a hacer un NextUI,
pero el tema es que,
sí que son unas partes,
en las que,
quién sabe,
fijaos,
o sea,
ahora tienen aportes de empresas como Vercell,
el tema es que,
empezáis algo,
que igual otra gente utiliza,
puede utilizar,
para sus proyectos,
y eso es increíble.
Y el día de mañana,
quién sabe,
si poco a poco,
podéis crear algo tan bonito como NextUI,
que no hace falta,
insisto,
no hace falta que creáis,
que hagáis el siguiente NextUI,
pero sí que es interesante,
que vosotros mismos,
tengáis esto,
y sí que es algo bonito,
de poner el porfolio,
especialmente,
si sois Frontend,
y entonces alguien me dirá,
pero yo no soy Frontend,
soy Backend,
entonces,
¿yo qué hago?
Bueno,
si eres Backend o Fullstack,
ya os digo,
catálogo de componentes para Frontend,
me parece buenísimo,
y si eres Backend,
si eres Backend,
hay un proyecto,
que no hacéis nunca,
y que es la hostia,
¿vale?
Si eres Backend o Fullstack,
hay un proyecto,
que tenéis que hacer,
que es increíble,
y es,
la búsqueda indexada,
es un error,
no hacer este proyecto,
porque es una de las cosas más importantes,
que vais a necesitar en las empresas,
¿vale?
Búsqueda indexada,
¿vale?
¿Qué es la búsqueda indexada?
Básicamente,
¿qué es esto de búsqueda indexada?
La búsqueda indexada,
es un ejemplo,
que podéis hacer,
como por ejemplo,
yo que sé,
Algolia,
a ver,
la búsqueda indexada,
no,
como Lowdash,
no,
no,
como,
más bien,
como Elasticsearch,
Elasticsearch,
o Hadoop,
esto es algo más,
para gente que sea de Backend,
o para gente Fullstack,
pero tanto Hadoop,
como Elasticsearch,
son dos bibliotecas,
servidores,
como lo que hay,
se nos queda unos servidores de búsqueda,
bueno,
o Solar también,
hay un montón,
no,
ahora no,
no os quiero explicar todos,
pero básicamente,
¿cuál es el tema?
El tema es,
que cualquier página,
que se te ocurra en la cabeza,
tiene una búsqueda indexada,
cualquiera,
cualquiera,
cualquiera que se te,
mira,
por ejemplo,
yo que sé,
Fotocasa,
¿vale?
que es donde yo trabajaba,
si tú aquí buscas Barcelona,
quieres que te salga primero Barcelona,
y es importante,
ojo,
ojo con esto,
porque tú pones Bar,
y también Baracaldo,
empieza por Bar,
pero fíjate que Baracaldo,
aunque,
en tema de alfabéticamente,
debería estar arriba,
aparece la tercera,
y la Barcelona Capital,
aparece la primera,
¿por qué es esto?
Porque tenemos una búsqueda indexada,
y además,
con pesos,
pesos de importancia,
dependiendo,
por ejemplo,
oye,
¿cuánto están haciendo click,
en esta búsqueda?
¿Qué es más importante?
Si busco,
So,
¿es más importante Sony,
o una marca random china,
que se llama Sonyar?
¿Sabes?
Ese es el tema,
de la búsqueda indexada,
y eso es,
muy increíblemente importante,
en todas y cada una,
de las empresas que existen,
ahí fuera,
ya sea,
por ejemplo,
Amazon,
es que da igual,
donde queráis ver,
es que cualquier tienda,
en Amazon,
vaya,
por Dios,
no se fía de que,
entro en el modo porno,
y no se fía,
si buscáis Ale,
¿por qué sale Alexa la primera?
Esto,
es que,
es que no os podéis ni imaginar,
cómo esto paga,
de increíblemente bien,
que vosotros sepáis,
hacer búsquedas indexadas,
y es algo importantísimo,
¿vale?
Vais a ver que lo necesitáis,
¿por qué pone Alexa la primera?
¿Por qué luego?
Todo esto,
tiene sentido,
porque justamente,
esta búsqueda,
que además está buscando,
entre millones de resultados,
millones de resultados,
lo está haciendo,
súper rápido,
fijaos,
que yo pongo,
ma,
mar,
pongo mar,
y ya me salió Mario Wonder,
que es algo nuevo,
y es increíblemente rápido,
¿por qué es tan rápido?
Necesitas que sea rápido,
necesitas,
o sea,
es increíble,
y esto,
¿cómo lo podéis hacer?
Pues podéis hacer un ejemplo,
podéis hacer,
por ejemplo,
podéis tener accesos a datasets,
como este,
View Dataset,
podéis ir a datasets,
que pueden ser millones de productos,
pueden ser cientos de miles,
de ciudades,
podrían ser lo que sea,
puede ser récords de ciudades,
de pueblos,
de videojuegos,
de películas,
de lo que queráis,
y crear un proyecto,
con una UI,
que no hace falta,
que sea muy difícil,
una UI como esta,
que tenga un buscador muy grande,
¿vale?
Y que básicamente,
cuando buscas,
vaya así de rápido,
pero claro,
indicando,
estoy buscando,
en 10 millones de ítems,
en 10 millones,
¿sabes?
Cosas así,
o un full text search,
este tipo de cosas,
así que esto es súper interesante,
porque la verdad,
si sois backend,
si sois full stack,
esto da mucho,
pero que mucho dinero,
¿vale?
Que lo sepáis,
y datasets de código abierto,
huge,
huge dataset,
for data analysis,
o for search,
vais a encontrar,
large datasets,
vais a encontrar de todo,
hay hasta de videojuegos,
hay de ciudades,
hay de pueblos,
yo que sé,
hay de todo,
de libros,
ahí,
de lo que queráis,
¿eh?
Sí,
pero ¿por qué sale Alexa primero?
Básicamente,
porque a cada cosa,
se le da un peso,
a veces puede ser un peso,
de importancia,
puede ser un peso,
de comportamiento,
y tú lo habrás notado,
seguramente,
si por lo que sea,
buscáis,
en Google,
algo que ya hayáis buscado,
seguramente veréis,
que,
que,
detecta cierta tendencia,
o sea,
hay búsquedas que están personalizadas,
también,
son indexadas,
personalizadas,
entrenadas,
hay,
bueno,
es que búsquedas,
es que en todos los sitios que miréis,
va a haber una búsqueda,
YouTube,
por ejemplo,
lo hace,
entonces,
a veces,
puede ser que entienda,
o que sea interesada,
¿no?
Que lo esté,
esté poniendo ese peso,
por interés,
justamente,
¿no?
Bueno,
pues ahí tenéis un proyectazo,
búsqueda indexada,
¿vale?
Esto está increíblemente demandado,
así que lo voy a poner por aquí,
¿vale?
Increíblemente demandado,
demandado,
muy útil e interesante,
backend y full stack,
y puedes aprender Hadoop,
Elasticsearch,
Solar,
incluso Algolia,
Algolia es un servicio,
pero bueno,
tampoco te quita el modo wow,
¿no?
Y esto con datasets,
¿no?
Datasets muy grandes,
muy grandes.
Hacer una demo,
es que imagínate esto,
¿no?
Una demo de un buscador que puedes buscar entre miles y miles de videojuegos,
por ejemplo.
Tremendo,
tremendo.
O sea,
el efecto o de películas,
sin utilizar una API,
¿sabes?
Sino que directamente tienes un dataset e indicarlo,
¿no?
O sea,
tremendo.
Tiene login directo,
pero muestra imágenes bonitas.
¿Cómo que login directo?
¿Qué significa login directo?
Proyectos,
HeroCoins,
¿vale?
Muy bien,
muy bien.
¿Ves?
Prefiero que me ponga una,
prefiero que ponga una con capturas de pantallas,
que no sé qué.
Sí que es verdad que es un poco raro como está.
O sea,
esta descripción debería estar arriba,
¿no?
De hecho,
fíjate que te queda aquí un hueco que te está llamando a gritos,
que pongas la descripción y en cambio la pones aquí,
que queda un poco raro y entonces te queda otro hueco aquí.
Es un poco extraño,
pero muy bien,
la verdad es que está súper bien.
Si tenéis una aplicación publicada,
a mí también me parece,
bueno,
de hecho,
la voy a poner por aquí,
pero solo para que lo tengáis,
porque me parece importantísimo.
Vamos a poner mobile,
iPhone,
voy a poner iPhone,
¿vale?
Y aplicación publicada.
Una publicación,
o sea,
una aplicación que tengáis publicada,
muy mala tiene que ser,
muy mala tiene que ser como para no ponerla,
porque te has comido todo el proceso de publicar,
que ya es mucho,
demuestras una aplicación,
una app real que tiene usuarios,
o muy mal tiene que ser la cosa,
y lo pondría,
¿vale?
Está bien ponerlo aunque sea frontend,
hombre,
claro,
¿no?
Si aunque sea frontend,
está bien.
Proyectos,
vale.
El weather app,
claro que sí.
Ha salido el weather app,
la tenemos ahí,
¿no?
El weather app,
bueno,
el weather app,
a ver,
el weather app,
yo os voy a decir dónde lo pondré.
Lo voy a poner en la B
y os voy a explicar por qué,
pero con un pero,
con un pero.
Hay diferentes niveles como todo,
obviamente,
si tú haces un juego simple,
el 3 en raya,
pero que es mega increíble,
pues tremendo,
¿no?
Pero,
vamos a poner aquí el,
a ver,
vamos a poner la nube,
¿vale?
Nube,
y vamos a poner el weather app,
weather app.
¿Qué es lo malo del weather app?
Lo malo que tenemos,
que es bastante típico,
¿vale?
Bastante típico.
Lo bueno,
que te lo puedes trabajar bastante.
¿Cuál es el problema?
El problema,
que no lo trabajáis.
Ese es el problema,
¿vale?
Ese es el problema.
Entonces,
no sé,
este no lo he visto todavía.
No lo he visto.
No pinta bien.
No pinta bien,
¿vale?
¿Por qué?
Es una aplicación muy,
muy sencilla.
El título,
se ha quedado ahí.
Esta parte,
toda esta parte está vacía.
Me pone la URL,
Redux Practice.
Entonces,
no está aportando esa diferencia que digas,
ostras,
cago en la leche.
Esto es un weather app que realmente alucinas,
¿no?
Si vais a hacer esto,
pues yo la verdad no lo pondría como primer proyecto,
porque al final no está aportando.
Si en weather app,
como weather app,
tenéis que hacer algo que realmente digas,
podría pasar como una aplicación
o algo totalmente diferente.
Y para eso podéis ver las aplicaciones
que realmente ya existen.
No hace falta que sean muy grandes.
Fijaos en esta,
que es bastante sencilla.
Y podéis hacer incluso,
y esto es de la comunidad de Figma,
que lo podéis copiar y tal,
pero intentad hacer,
sí,
había,
no me acuerdo si la weather app
y Kuro Time,
creo que ganó él,
la Geo Weather.
No me acuerdo si ganó él.
Creo que sí.
Pero mira,
esta está bastante chula.
Da un montón de información,
se ve que está bien trabajada,
tienes aquí el Geo Weather,
o sea,
realmente,
pues está presentable,
tiene diferentes cosas,
una búsqueda que no funciona,
una búsqueda que ya no funciona,
que eso estaría bastante chulo,
que funcionase.
Y encima me ha puesto en China,
eso es un poco raro.
Eso es un poco raro.
No podéis depender de que el usuario
os vaya a compartir la ubicación.
Y bueno,
y me pone Nueva York.
Ah,
Tokio.
Aquí me va cambiando.
No podéis nunca depender
de que el usuario
os ponga la ubicación.
Nunca dependáis de eso
en ninguna aplicación,
nunca.
Y no es muy compleja,
pero al menos está trabajada,
¿vale?
Así que es bastante importante eso.
Que le echéis un vistazo a,
vale,
voy a hacer una weather app,
pero que realmente
tenga esos detalles
que marque la diferencia.
Porque si no,
este weather app,
pues nada,
C o F,
¿vale?
Ahí lo pondríamos,
¿no?
John Botero.
Soy John Botero.
Full stack,
no sé qué,
sobre mí,
lo que hago,
¿vale?
Mirad,
sobre tecnologías manejadas,
los proyectos siempre son más internos.
Todo app.
Notas.
Notas,
todo app.
Que al menos se ve bastante trabajado.
O sea,
que al menos se ve un poco trabajado.
Eso es...
Pero...
O sea,
que al menos tiene...
O sea,
está bastante mejor.
Esta está interesante.
Análisis basado en tecnología
con Microsoft Computer Vision.
¿Ves?
Algo que no sea tan típico.
Esto está bastante bien.
Esta está bastante chula.
Esto,
otro error.
El hecho de no tener un ejemplo.
Mirad.
Por ejemplo,
si vais a Squash,
fijaos que tiene una cosa muy chula.
Puedes hacer el drop,
puedes hacer el paste,
o sea,
pegar.
Pero,
lo que podéis hacer es
darle click a una imagen.
Le podéis dar click
y ya veis cómo funciona.
No tengo que arrastrar nada.
No tengo que pensar en la imagen.
Aquí,
¿cómo te quedaría?
¿Cómo cambiaría la cosa
si yo ahora de repente,
sin necesidad de hacer absolutamente nada,
tengo aquí cuatro ejemplos
que además son cuatro ejemplos
que tú sabes que funcionan bien,
que eso es la clave.
No pongas los peores ejemplos,
pon los mejores ejemplos.
Y le da un click
y dice,
ostras,
pues ya veo cómo funciona.
O sea que ya sabes lo que tienes que hacer.
Pillar esto,
esta idea,
que es la clave.
Pero este me parece más interesante
que nosotros.
¿Y sobre los clones
como Twitter o Spotify?
Los clones.
Venga,
vamos con los clones.
Los clones.
Los clones son,
de nuevo,
muy interesantes.
A mí me parecen
que están muy interesantes
y yo los clones
los pondría en la A.
Y ahora os explico por qué.
¿Vale?
Los clones.
El ataque del clon.
Voy a poner como una película.
Ay,
película.
Y,
pero,
pero voy a explicar.
¿Vale?
Esto tiene,
grabar,
no sé cómo es esto,
grabar.
¿Vale?
Y los clones,
los clones.
¿Vale?
¿Por qué los clones?
Los voy a poner en la A.
Pero tienen que ser buenos clones.
¿Vale?
Reconocibles.
Reconocibles.
Dan mucho juego
si lo hacéis bien.
¿Vale?
Dan mucho juego.
Y ahora os voy a dar un ejemplo
que vais a flipar.
Se pueden hacer virales también
si los hacéis bien.
La gente los van a hacer virales
de,
ostras,
qué bien han hecho esto,
cómo se parece,
qué bien funciona y tal.
Y aprendéis.
Aprendéis con algo
que motiva bastante
porque al final
estáis creando algo
que realmente
lo utilizáis,
os gusta y tal.
Pero hay que dejar claro,
obviamente,
bueno,
normalmente se nota,
¿no?
Pero hay que dejar claro
que es un clon
y decir
por qué
has creado el clon.
¿Por qué haces el clon?
O sea,
¿qué estás,
qué estás haciendo
que marque la diferencia
en ese clon?
¿Sabes?
O sea,
realmente por qué
lo estás creando.
Porque si no es muy raro
que digas
es un clon
y no sé qué.
Porque crear un clon
puede ser peligroso
y esto de hecho
puede ir directamente
aquí
o peor,
puede ir a la F.
Puede ser muy peligroso.
Por ejemplo,
con todo mi cariño
a John Botero.
John Botero,
claro,
tenemos aquí
el full stack
Spotify clone.
Parece que funciona
y todo, ¿eh?
Bueno,
hay que iniciar sesión
con Github.
Bueno,
y luego no funciona
y localhost 3000.
Esto entra en
sin terminar,
¿vale?
O que no funcione.
Hay que probar las cosas
que funcionen.
Si no,
ya mal asunto.
¿Qué pasa?
No funciona este clon.
Esto es un clon,
esto tiene,
no hace falta
que hagas Netflix
o que hagas todo Spotify,
pero piensa
que si tuvieras que crear
una versión pequeña
de Spotify
que un usuario
utilizase,
¿qué haría,
no?
O sea,
¿qué pondría?
Yo,
por ejemplo,
mi clon de Spotify
no lo pondría
en el portafolio
porque no lo considero
que esté terminado
como algo que utilizaría
un usuario.
El clon aquel
que hicimos de Astro
lo hicimos más
para aprender Astro,
no para ponerlo
en un portafolio,
¿no?
Entonces,
os voy a poner
un buen ejemplo
de lo que podría ser
un buen clon,
¿ok?
Para que veáis
que,
porque creo
que es un muy buen proyecto.
Hoy he visto
este post
de LinkedIn
de Eric Josep Salazar.
Entonces,
primer caso,
mira,
fíjate
que me ha llegado a mí
y lo he visto
con mis ojos.
Lo he visto
y me ha llamado
la atención.
Me ha llamado
la atención
¿por qué?
Porque ha escrito
un artículo
súper grande
con errores,
un error como
creo que aquí ha dejado
un espacio en blanco,
aquí no ha dejado
el espacio,
pero bueno,
no pasa nada, ¿no?
Fijaos que
ha explicado
el proyecto.
Estoy emocionado
de presentarle
mi nuevo proyecto,
Flix.
Un increíble
de Alura Flix
que ha sido
todo un viaje
de aprendizaje
y dedicación.
¿Por qué?
Porque esta nueva versión
ha elevado la experiencia
utilizando
NextGS 14
y ahora cuenta
con una interfaz
más intuitiva,
diseño mejorado
que lo hace
un 50% más rápido.
Seguramente es mentira
el 50%,
pero los números
quedan bien.
Y fíjate,
he aplicado
las mejores prácticas
de desarrollo
para ofrecer
un rendimiento excepcional
y accesibilidad
mejorada.
¿Qué os he dicho aquí?
¿Por qué has creado
el clon?
¿Por qué has creado
el clon?
Y dice,
la base de datos
que alimenta
es tal,
que hay de nuevo,
he hecho esto,
he hecho lo otro,
lo puedes explorar.
Ha hecho un vídeo,
ha puesto el vídeo,
lo ha presentado,
fíjate que encima
fíjate que está súper bien
porque puedes ver,
le puedes dar a la película,
lo puedes poner,
le das a ver el tráiler,
lo puedes hacer chiquitito,
te puedes ir atrás,
fíjate que se queda aquí
el vídeo.
O sea,
ha hecho una demo
que dices,
ostras,
tiene buena pinta,
¿no?
Y te vas aquí,
la página está bien,
está terminada,
está bonita,
funciona,
se ve completa.
Bueno,
tiene algún error,
se lo vamos a perdonar.
Bueno,
este banner igual es por esto,
¿eh?
Igual no es un error.
Ah,
pues sí,
pues sí que es un error.
Pero bueno,
que está llena de contenido,
tiene un montón de sitios,
utiliza server actions,
fíjate,
le damos un clic,
sigue funcionando,
ver trailer,
sigue funcionando,
te vas atrás
y te pone aquí de fondo
la,
la,
te pone el vídeo.
Está completa en el sentido
de que funciona,
que tiene la navegación
que funciona,
que no tiene ningún problema,
o sea,
que está muy chula
y no he llegado a ver
si esto funcionaba,
el buscador,
sí que funciona el buscador,
lo que no funciona
son las imágenes,
esto tiene que mirárselo,
¿qué pasa aquí
que no funcionan las imágenes?
Pero lo que os quiero decir
es,
es un buen clon,
es un buen clon
porque realmente
explica el por qué,
es una,
está llena realmente,
o sea,
está,
está completa la página,
tiene el diseño,
tenía que mirar
porque ahora no cargan las imágenes,
antes sí que me cargaba las imágenes,
o sea,
que debe ser un error
que tiene ahora
por beta saber qué,
pero que está,
está chula,
está chula,
es un clon
con cara y ojos,
entonces,
si creáis,
es mejor,
claro,
no es un clon como tal
porque añadió lo suyo,
claro,
es que eso también es interesante,
que añadáis algo vuestro,
que si creáis un clon
o baséis en un producto
pero que le deis una vuelta
y digáis,
oye,
pues voy a hacer esto
o lo voy a hacer más rápido
o lo voy a cambiar
la experiencia del usuario
o que voy a hacer,
¿sabes?
que le deis un toque
y que lo expliquéis
y eso es lo que yo creo
que hace que llame la atención,
fijaos
por qué creo que tiene
tanto,
tanto,
tanta posibilidad,
742 personas
le han dado like,
742 personas,
o sea,
excelente,
luce espectacular,
bastante top,
asombroso,
claro,
si hacéis un clon
que no funciona,
que se ve mal,
que no sé qué,
en lugar de hacer
3 o 4 o 7 clones,
haced uno
que realmente
la aparta,
¿sabéis lo mejor de esto?
lo mejor de esto
es que
este proyecto
lo podéis volver a reutilizar,
porque este proyecto
lo podéis volver a mejorar,
lo podéis,
¿sabes?
le podéis hacer diferentes cosas,
podéis,
bueno,
ahora lo va a pasar
Server Actions,
el día de mañana
lo pasará
NextGS 14,
pues al 15,
luego lo mejorará
con no sé qué,
mejorará lo otro,
y así,
pues vais a ver
que queráis o no,
pues lo va a ver
un montón de gente,
fijaos que lo ha visto
gente que es
Tech Lead,
un montón de frontends,
ingenieros,
Full Stacks,
estudiantes,
Seniors,
Seniors,
que al final,
analistas,
desarrolladores,
750 likes,
es que esto lo ha tenido
que ver hasta el tato,
hasta el tato,
así que
hay que aprovechar
justamente este tipo
de cosas,
porque marcan la diferencia
de que
puedas aparecer
a una persona,
por eso yo creo
que los clones
pueden ser muy interesantes
antes de Stalker,
no hombre,
de Stalker no,
lo que pasa es que
está ahí mirando
justamente para ver
cómo hacía,
pero ojo,
es peligroso
si no lo hacéis bien,
os voy a poner otro
por aquí que es muy típico,
que os gusta
y que está muy chulo,
pero con cuidado,
la tienda,
la tienda,
le pasa lo mismo
que el Weather Up,
primero,
importantísimo
que la tienda
necesita tener
algo de backend,
porque el carrito,
a ver,
el carrito,
carrito es
un must,
porque si no es una página
que está vacía,
¿vale?
Necesita tener algo de backend
para marcar la diferencia,
especialmente
si sois full stack
o backend,
¿vale?
Podéis hacer que sea
la tienda muy sencilla
de frontend,
pero necesita tener
algo de backend
y explicarlo,
lo podéis explicar,
¿vale?
Explicarlo.
Si ya hacéis,
y esto ya me parece interesante,
pasarela de pago,
que puede ser
Mercado Libre,
Stripe,
o lo que sea,
pues ya
mejor que mejor,
porque,
hombre,
esto está muy interesante
y explicarlo,
que muchas veces
no lo explicáis
y hay que verlo,
¿vale?
Si hacéis una tienda,
esto me parece
súper importante.
Como entiendo
que también,
yo que sé,
os habéis quedado
los juegos,
nos hemos quedado
ahí con los juegos
y tal,
os voy a decir
un proyecto de juego
que os va a gustar
y que creo
que es muy interesante
porque tiene cosas
que os pueden ayudar,
que es el juego
de juego
o
Key...
¿Cómo le llamo?
Key Type
o Type,
Keyboard Type,
yo que sé,
Keyboard Game,
le vamos a llamar
el Keyboard Game.
A ver,
esto es un proyecto
que obviamente
se puede hacer
más fácil,
más rápido,
pero os voy a dar
un ejemplo
de un buen proyecto
que podéis hacer
que no es tan difícil
y ¿qué es lo que pasa?
Se entiende fácil
la idea,
se entiende fácil
la idea,
la gente siempre juega,
aunque sea poco,
la gente siempre juega.
El diseño
es bastante limpio,
no es muy difícil,
¿vale?
Bastante limpio
y le podéis añadir
multijugador,
multijugador.
Y el Keyboard Game
¿qué es?
Para el que no lo sepa,
¿vale?
El Keyboard Game
básicamente lo que es
y le podéis añadir
Backend,
Backend para Scores,
por ejemplo,
Monkey Type,
es un proyecto
bastante sencillo,
¿vale?
Que seguro
que alguna vez
habéis visto,
en el que podéis
cambiar el idioma,
no hace falta
que pongáis los idiomas,
pero sí que podéis
hacer algo así,
¿no?
Fijaos que podéis
decirle que sea
por palabras,
con quotes,
sin quotes,
con no sé qué,
y aquí lo que tienes
que hacer es escribir
Lead,
Over,
Write,
How,
What,
Lead,
First,
Use,
Over,
My,
Another,
With,
None,
More,
¿no?
Entonces vas escribiendo
y aquí mientras vas
escribiendo,
oye,
esto es muy largo,
querías que fuese
mucho menos,
ya me estoy cansando
de escribir,
bueno,
Develop,
Do,
Group,
From,
New,
World,
vas escribiendo
y al final
pues te da una apuntación,
una apuntación
que te dice
cómo de rápido
ha sido
y todo esto,
¿no?
Witch,
Wild,
Child,
vale,
ha ido bastante mal,
las cosas como son.
El tema,
que encima luego te pone
una gráfica
y te puede dar una apuntación
y esta apuntación
la podrías guardar
en una base de datos
y en la base de datos
al final te podría decir,
bueno,
pues ha ganado,
no sé qué,
ves que pone
singing to save your result,
pero la has podido utilizar
sin ningún tipo de necesidad
en,
¿sabes?
La has podido utilizar
sin hacer inicio de sesión,
o sea,
que es un muy buen proyecto
porque al final
lo que podéis hacer aquí
es,
es minimalista,
tenéis que hacer
un montón de cosas,
podéis hacerle backend,
llama mucho la atención,
no tenéis que enfocaros
en las páginas,
navegación,
es algo diferente
que tampoco la gente
lo hace mucho,
fijaos que los porfolios
que hemos visto
ni uno lo tiene
y que realmente
llama mucho la atención
y que la gente
le va a,
le va a interesar,
podéis cambiar,
hay un montón de tipos
de monkey type,
además este,
este creo que es
de código abierto,
si me equivoco,
este es de código abierto,
tenéis un montón,
tenéis un montón,
así que le podéis hacer
la puntuación diferente,
podéis hacer,
veis aquí,
podéis hacer que sea
con código,
fijaos,
es que os estoy dando ideas,
ideas,
podéis hacer que,
mira,
que hay diferentes templates
y podéis hacer que sea
con código,
que en lugar de escribir
texto sea con código,
a ver qué rápido
escribes código,
o sea,
hay un montón de posibilidades
y es otra cosa
que se os puede hacer viral
y que va a llamar la atención
de un montón de gente,
¿vale?
Así que ahí tenéis,
el monkey type,
que lo pongo aquí,
en el B,
que a ver,
si lo hacéis tan chulo
como el monkey type,
lo ponéis en el A
y lo tenéis,
¿eh?
ya tiene código,
sí,
pero digo el vuestro,
que hagáis uno que esté
enfocado solo a código,
¿no?
En el B,
a ver,
si hacéis el monkey type,
no lo pondría en el B,
lo pondría en el S,
pero me refiero a un juego
de keyboard que no hace falta
que llegáis a este nivel,
que al final podéis hacer
uno más sencillo
y lo pondría porque
al final hacer el backend
y todo esto puede ser interesante,
¿vale?
Otra cosa
que sí que he visto
que la habéis hecho,
ya sabéis que tengo
en la página esta
de pruebas técnicas,
que mi idea es añadir
más pruebas técnicas,
pero que ya hay dos,
las pruebas técnicas
es una cosa
que puede ser interesante
especialmente
si estáis orgullosos,
yo las pruebas técnicas
las pondría en la B,
¿vale?
Así que lo vamos a poner aquí,
prueba técnica,
vamos a ver
pruebas técnicas,
que van a ser
de la página
de pruebas técnicas.com
o las que habréis hecho,
lo que sea.
A ver,
una prueba técnica
ya demuestra
que te estás enfrentando
a desafíos reales
y además,
una cosa positiva que tiene
es que reaprovechas
el trabajo que has hecho
y encima puedes explicar,
bueno,
esta prueba técnica
era para demostrar
esto,
esto y esto
y ya está,
¿no?
Entonces,
las pruebas técnicas
las podéis reutilizar,
yo la pongo en la B,
pero tened cuidado
de que sean pruebas técnicas
en condiciones,
si os han dado feedback
de la prueba técnica
de que era una patata,
no la pongáis,
¿vale?
porque no tiene mucho sentido
si es malísima.
Vamos a ver
el de Richard,
a ver el de Richard,
¿vale?
Creative Developer Software,
ah,
está bonito,
cinco años,
bonito el porfolio,
¡ay,
qué bonito
con este evento!
Projects and...
Uma Legends,
Visual Journey
Throw Story
from Around the World,
Building,
coño,
si estás haciendo...
¿ves lo que os digo?
Si está en Building,
no lo pongas el primero,
no tiene sentido,
no sé,
yo lo evitaría.
Memory Click,
Memory Click Studio,
¿vale?
Memory...
A ver,
el mejor lugar para aprender
es MCS,
Prueba gratis,
¿vale?
Está muy bonita,
la verdad,
la página,
sistema de pólizas,
Propose,
es un poco raro,
no entiendo muy bien,
o a mí personalmente
no me gusta mucho
que parezca un blog quote
porque parece una cita
cuando en realidad
es una descripción,
o sea,
es raro
porque ahí esperaría
una frase de una persona,
¿no?
Create the official company
landing page of Dark Pixel,
la verdad es que son páginas
que tienen todo sentido
lo que os decía,
esto está bien
que haya puesto Dead,
pero...
igual...
yo no sé si iría,
por ejemplo,
a poner proyectos
de hace mil años,
esto es otra cosa,
encima de esto,
¿no?
Yo proyectos
de hace mucho tiempo,
vamos a ponerlo aquí,
proyectos muy viejos,
¿vale?
Si tienen 10 años,
si tienen 10 años,
ya mejor dejarlos morir,
¿vale?
Ya mejor olvidarse de ellos,
¿por qué?
Porque uno,
no va a funcionar,
dos,
seguramente visualmente
no va a ser tan atractivo,
y a no ser que sea algo,
es que por ejemplo,
este Real Estate,
Real Estate Web,
que parece que está vacío,
que no sé qué,
que es del 2017,
es que yo esto,
este,
por ejemplo,
tiene ningún tipo de sentido,
es que es hasta algo negativo,
¿este por qué podría llegar a ponerlo?
Hombre,
si de verdad tuvo 400.000 descargas,
yo lo pondría,
hice hace cinco años
una aplicación que lo reventó,
pero claro,
estas,
yo no creo que aporten nada,
cuando realmente,
lo que decíamos,
de nuevo,
esto hay que tatuárselo,
es mejor la calidad,
que la cantidad,
¿vale?
Proyectos muy viejos,
hay que dejarlos ir,
y ya estaría,
por lo demás,
la página está muy bonita,
me gusta un montón,
así que,
felicidades Richard,
y genial,
que tengas ahí,
como el Open Graph,
y todo esto,
hola Carlos,
¿qué tal?
Carlos ahí en 3D,
¿cómo trabaja?
Trabaja Carlos,
trabaja,
Calendar App,
vale,
venga,
os voy a decir otra cosa,
a ver si,
si la regla,
otro error muy común,
que hacéis,
en los proyectos de los porfolios,
¿vale?
Ya tiene mala pinta,
porque veis que tiene el login,
y tiene el registro,
ya pinta mal,
ya pinta mal,
y ya que hacéis,
si ponéis proyectos,
aseguraros,
aseguraros,
ah mira,
¿veis?
Aseguraros que están en sitios,
que no tardan tanto en botear,
onrender lo malo,
es que te puede tardar un minuto,
y ya veis que hemos tenido que tardar un montón,
bueno,
esto,
no lo hagáis nunca,
lo vamos a poner aquí,
¿vale?
Proyectos con login,
login,
¿vale?
Proyectos login,
proyectos login,
es que no lo va a hacer nadie,
es que nadie,
nadie,
nadie,
nadie,
igual vuestro mejor amigo,
¿vale?
Igual vuestro mejor amigo,
inicia sesión,
igual se registra,
vuestro mejor amigo,
pero es que no puede ser vuestro portafolio,
un proyecto que está detrás de un login,
porque es que no lo va a ver ni el tato,
¿qué podéis hacer?
Podéis hacer,
oye,
una demostración del porfolio con datos falsos,
que además tiene sentido para que no tenga que crearlo todo y ya está,
¿vale?
Porque es que si no,
es que da la sensación que no te registraste ni tú,
porque al final la imagen es de eso,
así que proyectos login,
no se registra ni el tato,
vas a perder la oportunidad de mostrar tu trabajo,
¿sabes?
O sea,
lo vas a perder,
tío,
yo de hecho ya hasta aquí,
no paso de esto,
¿vale?
No paso de esto,
las cosas como son.
Y luego pues ya es que son tres proyectos que es lo que os digo,
¿no?
Que pasan un poco de pie,
de puntillas un poquito,
¿eh?
Aquí también os voy a poner otro que es muy típico que me ponéis,
que es la calculadora,
no sé por qué sale este,
a ver,
matemáticas,
la calculadora,
¿vale?
Calculadora.
A no ser que hagáis la mejor calculadora del mundo,
no tiene mucho sentido ponerlo en los portafolios,
a ver,
ya os digo,
está en la C,
algo suma,
pero es demasiado noob,
o baby,
como lo queráis decir,
está,
no aporta,
no aporta nada relevante,
y al final,
como ejercicio para programar,
ejercicio para programar,
está bien,
pero como proyecto,
no tanto,
¿vale?
A no ser que hagan la mejor calculadora del mundo,
pues tened en cuenta esto,
¿no?
Que este tipo de,
de cosa,
pues no va,
no va a aprender mucho.
Hay otros proyectos que depende como te los trabajes,
por ejemplo,
un generador de passwords y tal,
que depende más de la calidad que vosotros hagáis,
más que el propio proyecto.
Uno que está muy bien,
que os lo voy a dejar por aquí,
es enfocaros en un componente,
en un componente,
componente de React,
Vue,
o lo que sea,
¿vale?
Vue,
Svelte,
Astro,
Angular,
lo que sea.
Y os voy a decir por qué,
y os voy a dar un ejemplo,
¿vale?
Uno con documentación,
con documentación,
con landing page,
con paquete de NPM,
de NPM,
¿por qué?
Porque resuelve un problema,
y se puede reutilizar.
Os voy a poner un ejemplo,
que obviamente os va a interesar.
A ver,
Feralt,
también tiene este componente,
para React,
que está hecho con Tailwind y tal,
se llama SuperKey.
Vale,
si vamos a SuperKey,
y vamos a NPMJS,
que además lo tiene aquí en GitHub,
no sé qué,
y vamos a NPM,
a ver si lo encuentro,
en NPM,
es raro que no me haya salido la página de NPM.
A ver,
SuperKey,
a ver si sale aquí,
SuperKey.
Solo tiene nueve descargas a la semana,
tampoco que tenga muchas,
la ha publicado hace un año,
ya hace tiempo,
entiendo que es este,
sí,
a lo mejor son sus propios proyectos,
pero bueno,
sí que algo,
alguien lo utiliza,
quieras o no,
alguien lo está utilizando,
en algún sitio,
en algún lugar,
y quieras o no,
tiene 111 estrellas,
111 estrellas,
y,
¿de qué le sirve?
Oye,
pues le sirve,
porque si vas a la página de Feralt,
vas a su,
ves,
aquí,
a su página,
aquí tiene sus proyectos,
y los proyectos,
queráis o no,
son proyectos que,
lo que os decía,
¿no?
Pues tiene aquí un,
un componente,
también tiene la aplicación del weather y tal,
pero lo tiene más abajo,
también tiene un catálogo de componentes,
que lo hemos comentado antes,
tiene herramientas y tal,
y también tiene esta,
la de SuperKey,
que es un componente,
es un componente que,
si os fijáis,
tiene una documentación,
que,
¿cómo lo podéis utilizar en Next.js,
en Remix,
snippets de código,
cómo funciona el comando y tal,
que esto,
con todo mi cariño a Feralt,
tiene trabajo,
pero no tiene,
tampoco,
muchísimo trabajo,
y lo mejor de todo,
lo mejor de todo,
es que encima,
y esto es una expresión inglesa,
muy interesante,
es que se come su propia comida de perro,
eat your own dog food,
¿vale?
Esta es una expresión,
muy importante,
eating your own dog food,
que esto es lo que quiere decir,
básicamente,
o dog fooding,
es cuando una organización,
utiliza su propio producto,
¿vale?
Y esto es una cosa,
que yo también hago,
y por eso es tan útil,
por ejemplo,
Codilink,
¿no?
Sí,
es muy raro,
¿vale?
Es muy rara la expresión,
pero fijaos,
yo Codilink,
lo utilizo constantemente,
es un proyecto,
que yo enseñaría,
orgulloso,
¿por qué?
Uno,
lo hicimos en comunidad,
ha tenido un impacto muy grande,
pero es un proyecto,
que yo estoy usando constantemente,
y por lo tanto,
sé del valor que tiene,
porque sé que la gente le ve la utilidad,
fijaos,
Carmen Ansi el otro día,
que,
por cierto,
Carmen,
te quiero mucho,
Carmen,
el otro día,
que me hizo mucha ilusión,
estaba hablando de Codilink,
estaba hablando de esto,
justamente,
y fijaos,
soy muy fan de Codepen,
pero odio lo lento que llega a ser para guardar y mostrar cada cambio,
¿os imagináis que justo más,
¿os acordáis que justamente hablé de esto cuando creamos Codilink,
porque me daba mucha rabia lo lento que iba?
Dicen,
me he animado a probar Codilink,
y estoy realmente sorprendida con la experiencia de desarrollo,
Q2 para mi dudé por desarrollar tremenda herramienta,
y entonces,
claro,
alguien me dirá,
bueno,
claro,
pero eso es porque tú eres famoso,
tú eres porque tal,
no,
olvídate de que es famoso o tal,
sino que lo importante es que al haber creado algo que me solucionaba un problema a mí,
hay,
ahí fuera,
otra persona que tiene el mismo problema que tú,
seguro,
no estás solo,
nunca,
en este mundo,
y siempre hay alguien que tenga exactamente el mismo problema,
y por eso,
muchas veces,
cuando estamos hablando de esto,
tiene que ser algo que resuelva un problema tuyo,
como en esta expresión de dogfooding o eating your down dogfood,
es básicamente eso,
cuando creas un producto que tú mismo utilizarías,
y en el caso de Feralc ha hecho este comando,
que al final ha hecho un componente de React reutilizable,
fijaos que lo utiliza en su propio proyecto de LinkShortener,
y aquí lo tenéis en funcionamiento,
¿qué es el mejor componente de command?
Hombre,
pues no,
porque hay otros que le han dedicado mucho más tiempo que el que le podía dedicar Feralc,
pero al final,
el componente que tiene Feralc es redondo,
lo poco que hace,
lo hace bien,
tiene documentación,
lo enseña,
cómo temarlo,
no sé qué,
tiene diferentes ejemplos,
lo tiene perfecto,
o sea,
no es que sea el mejor,
con todo mi cariño,
porque tienes el de Paco,
que es que,
claro,
el de Paco,
tío,
es que es increíble,
porque le ha dedicado un tiempo increíble,
y fijaos que la documentación tampoco es que sea la hostia,
pero es fina,
está bien,
y se reutiliza,
y tienes diferentes temas,
y tal,
pero el tema es que es un componente que él mismo ha podido reutilizar,
y que le ha podido servir a cualquier persona,
es un componente reutilizable,
y es que a cualquier persona le enseñas este componente de Feralc,
y flipa,
y seguramente dirá,
ostia,
que comento,
seguro que muchos de ustedes lo acaban de pensar,
que han visto este componente que hizo Feralc,
y dijo,
joder,
pues está guapísimo,
oye,
pues qué chulo,
y cómo lo ha hecho,
y cómo,
ah,
pues lo voy a utilizar en un proyecto mío,
y se puede utilizar con SGS,
se puede tener con Remix,
y encima es de código abierto,
y,
y,
y,
y un montón de cositas que justamente están iniciando la conversación,
¿entendéis por qué?
Entonces lo pongo aquí en la A,
porque estoy seguro que alguna vez habéis hecho algún componente,
que habéis estado orgullosos,
que habéis pensado que le pueda ayudar a alguien,
para hacer un lazy load,
para hacer una carga de algo,
para mostrar las imágenes de una forma chula,
el tema es eso,
¿no?
Que sepáis que tenéis la posibilidad de,
de ayudar a alguien,
mientras os estáis ayudando vosotros mismos,
¿vale?
Así que,
amigos,
esto sería un poco,
eh,
lo que nos ha quedado,
de todos los proyectos,
eh,
hostia,
no sé qué le,
ah,
que no puedo hacerlo más pequeño,
ha quedado un poquito tal que,
así,
¿vale?
Ha quedado un poco,
ah,
no,
el problema es que es enorme,
el problema es que es enorme,
no es que sea,
el problema es todo lo contrario,
que es enorme,
la madre que me parió,
que lo hemos hecho tamaño industrial,
no,
no,
el problema es que lo he hecho enorme,
es que me gustan las cosas grandes,
ya os sabéis que me gustan grandes y gordas,
vale,
vale,
ya está,
vale,
vale,
es eso,
ese era el problema,
¿vale?
El problema es que lo he hecho enorme,
he hecho el,
el más grande,
lo he hecho con un texto ahí,
enorme,
no,
las fuentes me gustan grandes y gordas,
las fuentes,
porque las que son muy finitas,
como que no me,
no me terminan de gustar,
¿vale?
Vale,
ahora sí,
ahora sí,
vale,
os paso la imagen,
que seguramente,
pues,
os hará ilusión tener la imagen esta,
¿vale?
Si queréis,
voy a poner esto un poquito más para aquí,
más para acá,
os paso a la primera,
este primer boceto,
eh,
igual se me ha podido olvidar alguno y todo esto,
he intentado basarme en lo que me habéis pasado,
pero,
bueno,
lo importante,
vamos a poner exportar imagen,
y vamos a,
modo oscuro no,
vamos a dejarlo así,
y lo ponemos como PNG,
os lo voy a dejar en el Discord,
ya no me podéis decir que no tenéis ideas,
¿eh?
No me podéis decir,
no se me ocurre absolutamente nada,
porque,
hombre,
yo creo que alguna de las,
cosas que hemos visto aquí,
¿vale?
Proyectos,
proyectos para portafolio,
¿vale?
Ya habéis visto que algunas cosas tenéis aquí,
y seguro que alguna idea,
hostia,
al ser 9 megas,
no me digas que,
que no aparece ni la imagen,
bueno,
pues el tema es que ya tenéis aquí la,
la imagen,
¿vale?
Para que os ayude,
para que tengáis unas cuantas ideas,
eh,
seguramente lo retocaré un poquito,
le daré,
un,
un vuelco,
para ver cómo lo podemos hacer un poquito mejor,
que se vea un poquito más bonito,
alguna cosa,
pero sobre todo la idea es esa,
¿no?
Quitar algunas cosas que no sean tan interesantes,
como puede ser el tema de poner tu propio porfolio,
¿vale?
Que sé que os encanta,
pero no tiene mucho sentido,
el tema de los proyectos que son muy viejos,
que no funcionen,
el todo app,
no pongas el todo app el primero,
porque ya está muy visto,
que no aporta tanto,
este tipo de cosas,
¿vale?
O sea,