- 258
- 1 191 492
Goncy
Argentina
Приєднався 9 кві 2008
Solutions engineer ▲ @vercel, @twitch partner, @cypress_io ambassador, creador de @pencyapp.
Resolvemos el AdventJS de Midudev - ejercicios 1 al 6
Lloramos un rato pero resolvimos los ejercicios del 1 al 6 (y el 11) del AdventJS de @midudev 🤝
Переглядів: 1 243
Відео
Como es aprender, buscar trabajo y crear contenido como frontend hoy? Hablamos con Valen Werle
Переглядів 7 тис.Місяць тому
Las preguntas mas frecuentes en el canal son acerca de: como aprender, como conseguir trabajo, como empezar a crear contenido. Si bien yo hice todas esas cosas, lo que pueda opinar al respecto no es tan "actualizado". Entonces, que mejor que traer a @ValenWerle que hace todo esto a contarnos cosas más frescas. También la evangelizamos un poco de Next.js y React. Tuvimos a @adrianwerle un ratito...
40 developers hacen el challenge frontend de Wallbit para ganar un micrófono - Parte 2
Переглядів 474Місяць тому
Cuando pensas que la gente no podía descender más a la locura, 42 dementes invierten 4 días de su vida para ganarse un (muy bonito) micrófono de 80 USD. Esto no es por el micrófono, es por el honor. Estas personas buscaron funcionalidad, estética, creatividad y un poco chuparle las medias al jurado (funcionó) En vivo, durante 2 días revisamos todos y cada uno, fijate quien ganó y comentame abaj...
40 developers hacen el challenge frontend de Wallbit para ganar un micrófono - Parte 1
Переглядів 756Місяць тому
Cuando pensas que la gente no podía descender más a la locura, 42 dementes invierten 4 días de su vida para ganarse un (muy bonito) micrófono de 80 USD. Esto no es por el micrófono, es por el honor. Estas personas buscaron funcionalidad, estética, creatividad y un poco chuparle las medias al jurado (funcionó) En vivo, durante 2 días revisamos todos y cada uno, fijate quien ganó y comentame abaj...
Modo podcast - Chisme y charla con ruleros
Переглядів 311Місяць тому
Este día no se trabajó (que envidia), fue plena charla, chisme y felicidad. Se habilita el modo podcast para cuando estes comiendo, trabajando o llorando en la ducha planteandote todas tus decisiones de vida 👍
Integrar suscripciones con Mercado Pago a una aplicación Next.js
Переглядів 2,4 тис.Місяць тому
La parte más complicada de integrar Mercado Pago es todo lo relacionado con Mercado Pago (configuración, aprender los trucos, las cuentas de prueba, etc). No solo armé el repositorio con todo paso a paso y la aplicación inicial, sino que en este video vas a ver visualmente como llevar a cabo cada uno de los pasos para que nada pueda malir sal. Les dejo el repo acá abajo 👇 github.com/goncy/next-...
Integrar pagos con Mercado Pago a una aplicación Next.js
Переглядів 16 тис.2 місяці тому
⚠ ATENCIÓN: Estuve actualizando el repositorio para también incluir Payment Bricks y Suscripciones, así que el código que estás viendo en este video va a estar desactualizado (pero sigue siendo válido todo lo que hicimos). Un video mucho más largo haciendo todo desde cero en un stream va a estar subido a mi canal en breve (o ahora si venis del futuro) ⚠ En este video vamos a ir paso a paso en u...
Los desubicados del chat me mandan proyectos que no andan para revisar (y charlamos)
Переглядів 2,3 тис.2 місяці тому
Para su defensa la mayoría si andaban y los que no andaban despues si anduvieron. Pero no se me ocurría un título 🤝 Como cada vez que no tengo ganas de pensar que hacer o de agarrar la pala, charlamos o revisamos proyectos, así que nos veremos la próxima!
Hicimos a randoms del chat pasar por un live coding React y no les fue tan mal
Переглядів 3,1 тис.2 місяці тому
Hacer live coding es complicado y ni te cuento si no te lo esperás. Agarramos unos pares de muñecos del chat y los pusimos a codear algunos de nuestros ejercicios de interview-challenges. Para mi sorpresa les fue bastante mejor de lo esperado.
Perdí contra v0 y Cursor me ayudó a resolver un challenge React
Переглядів 4,3 тис.4 місяці тому
Tengo que admitir que todo contenido en este título está sujeto a interpretaciones. Podríamos haber tirado mejores prompts a v0? Seguro, podríamos haber usado mejor Cursor? Seguro. Pero es parte del aprendizaje. Yo creo que ambas herramientas se portaron muy bien, pero v0 a pesar de no tener visibilidad, hizo un muy buen trabajo. Ojalá se diviertan como me divertí yo (o un poco más)
Terminamos un trabajo freelance en menos de 3 horas pero no lo cobramos
Переглядів 11 тис.4 місяці тому
Resulta que nos gusta trabajar y hacer chucherías entonces nos olvidamos de que los trabajos se cobran. Igual 10/10 lo volvería a hacer. Junto con Ema usamos Figma y Astro para rehacer el portfolio de un arquitecto, en algo así como 3 horas. Después no me gustó mucho y lo migré a tailwind y le cambié unas cositas antes de subirlo. Pueden encontrar tanto el repo como el deploy acá: github.com/go...
Chismes Agosto 2024, dejame de fondo mientras haces que trabajas
Переглядів 1,2 тис.4 місяці тому
Vos. Si vos, que te haces el que no te va el chisme pero bien que clickeaste rápido. Se supone que tenés trabajo, estudio o cosas más importantes que hacer que escucharme hablar de chismes por 1:48:27. Vos mandale play, dejame de fondo y nos vemos en un rato.
Flash e ir a la facultad me consiguieron trabajo
Переглядів 1,3 тис.4 місяці тому
Este stream con @MaraAres lo tengo pendiente desde hace años. Mara siempre fue no solo una persona en la que me pude apoyar en mis inicios sino también quien me introdujo al mercado laboral. Resulta que ir a la facultad a fin de cuentas, indirectamente (bastante directamente digamos) me consiguió trabajo.
Parece que para conseguir trabajo en IT necesitás más que saber codear
Переглядів 4,2 тис.5 місяців тому
Nosotros nos enfocamos tanto en entrenar las capacidades técnicas y nos olvidamos que la parte más importante de buscar trabajo es que la personas nos crean que en realidad sabemos. Como vamos a llegar a una entrevista técnica si no podemos hablar ni mantener contacto visual con alguien? Hablamos con Maria Hebe que nos cuenta algunas de las cosas más importantes a tener en cuenta cuando sos med...
Programamos un entrevistador IT tan real que es amargado y no sabe lo que dice
Переглядів 3,3 тис.5 місяців тому
Uno piensa que con IA y un par de prompts podemos cambiar el mundo pero resulta que solo podemos obtener lo mismo devuelta. Quisimos hacer un bot para que nos tome simulacros de entrevista y sacamos lo peor (o lo mejor): No nos saluda, no nos escucha y no sabe nada. Nos escapamos de Next.js por un stream y desarrollamos una app entera, voz a voz (le hablamos y nos habla), de un entrevistador IT...
Tus tests seguro que están mal y los haces sin darte cuenta
Переглядів 1,8 тис.6 місяців тому
Tus tests seguro que están mal y los haces sin darte cuenta
Frontend dev con tos resuelve 2 pruebas técnicas React reales en 1 hora
Переглядів 3,2 тис.6 місяців тому
Frontend dev con tos resuelve 2 pruebas técnicas React reales en 1 hora
Next.js 15 RC no es lo que quiero pero es lo que está bien, React 19 está (casi) todo bien
Переглядів 3,9 тис.7 місяців тому
Next.js 15 RC no es lo que quiero pero es lo que está bien, React 19 está (casi) todo bien
Tardamos 1 hora en correr un proyecto con React Native y Expo pero lo logramos
Переглядів 4,4 тис.7 місяців тому
Tardamos 1 hora en correr un proyecto con React Native y Expo pero lo logramos
ChatGPT a Siri? OpenAI quiebra DuoLingo? Gemini Project Astra y más noticias de hoy
Переглядів 1,2 тис.7 місяців тому
ChatGPT a Siri? OpenAI quiebra DuoLingo? Gemini Project Astra y más noticias de hoy
Que es Producto? Con Mariano Cocirio, Producto en Vercel
Переглядів 1,1 тис.7 місяців тому
Que es Producto? Con Mariano Cocirio, Producto en Vercel
Creando mi primer web component desde 0 con @ManzDev
Переглядів 6 тис.8 місяців тому
Creando mi primer web component desde 0 con @ManzDev
Challenges de CSS en CSS Battle con @ManzDev
Переглядів 4,1 тис.8 місяців тому
Challenges de CSS en CSS Battle con @ManzDev
Repaso desde cero y completo de Flexbox
Переглядів 7978 місяців тому
Repaso desde cero y completo de Flexbox
Resolvemos ejercicios de algoritmos de entrevista con @elsindicatodelsoftware - Sesión 6
Переглядів 2,1 тис.8 місяців тому
Resolvemos ejercicios de algoritmos de entrevista con @elsindicatodelsoftware - Sesión 6
Astro's whiteboard guy teaches Next.js guy how to create a DB
Переглядів 1,7 тис.9 місяців тому
Astro's whiteboard guy teaches Next.js guy how to create a DB
Frontend developer descubre la existencia de Java gracias a @TodoCode
Переглядів 10 тис.9 місяців тому
Frontend developer descubre la existencia de Java gracias a @TodoCode
Aprendiendo frontend en público como se debe con @matiasbaldanza_dev
Переглядів 2,4 тис.9 місяців тому
Aprendiendo frontend en público como se debe con @matiasbaldanza_dev
Interfaces de usuario generativas usando el AI Vercel SDK 3.0
Переглядів 1,9 тис.9 місяців тому
Interfaces de usuario generativas usando el AI Vercel SDK 3.0
buenisimo tu aporte aunque recien lo veo, y hace varios meses buscaba algo así, lo voy a usar para contestar mi whatsapp bussines, Muchas gracias!
No lo puedo hacer funcionar.. trabajo con .net, pero de todas maneras no logro enlazar el id de la preferencia con el id de pago. Las webhooks me llegan correctamente, los pagos se crean correctamente, no tengo problema con eso. PERO LUEGO al pagar con la cuenta cliente, y recibir el webhook, intento buscar la informacion del pago nuevamente, y no logro dar con los datos del recurso. Uso el data id, tampoco lo logro, pruebo realizando un get al api/payments/{id}, tampoco me deja.
Es un kilombo. No funciona con el sandbox init point. Tuve que cambiar a modo productivo en las cuentas de prueba para recien poder obtener la informacion del pago. Pero al menos ya pude hacerlo funcionar. 😑
Usa la cuenta de prueba pero usa init_point, no sandbox_init_point
crea una versión con pago transparente. Felicitaciones por el video.
El usuario puede pagar con tarjeta de crédito sin necesidad de tener una cuenta de mercado pago?
Podes pagar como invitado, si
Buen video estaria bueno que subieras los otros dias
Buen vídeoo!! 👌🏼
Primero tengo que crear el archivo loading? Para poder usar el suspense para distintos componentes
loading.tsx es un suspense que engloba todo, si queres ser más granular podes definirlos individualmente, sin necesidad de crear el loading
El 5 no era fácil 😢 Pero gracias a que me enseñaste ??= logré resolverlo ¡Lo máximo! De grande quiero ser como tú <3 un includes en la 6 XD pero el dios del regex.
Yo ahí aprendí el mismo operador jaja
porque me pide un codigo para validar el mail de test ?
Cuando queres hacer un pago con la cuenta de prueba?
Son los últimos 6 números del access token de producción de la cuenta de prueba
@@goncypozzo probe con los ult 6 del Access token y nada, probe con los 6 del user id y tampoco funciona.
Aveces se pone raro, si deslogeas y esperas un rato despues intentas pagar y no te pide
No me aparece el checkout a la hora de comprar. Alguien le paso lo mismo?
Que es lo que no te aparece?
Nuevo sub, Goncy. Que cracks ambos.
Gracias gonzy!!
Tremndo!! Muchas gracias muy buena la engrevista, y el consejo de los cursos cortos o como aprender para los q nos cuesta presta mucha atención es un dataso, lo voy a probar!! 😊
no entendi por que tiene que revalidar los datos... en que parte le indicó a next que la pagina es estatica? o es tema de google Sheets?
Por defecto es estática
goncy el revalidate en local me funciona bien, pero en produccion no se refresca correctamente, lo tengo en vercel y tengo que ir a purge cache y ahi recien se ve actualizado. que solución ves?
Asumo que algo tendrás mal en la lógica de revalidar, chequeaste los logs?
@ tengo como esta actualmente el revalidatetag en el route.ts en el ultimo commit del repo. revalida bien en local y en vercel tengo las variables de entornos seteadas. no se que diferencia hay
grande goncyy
50:30 imagino que es broma, trjeta prepagada y a jugar...
Buenisimo
hay alguna forma de clonarte el repo y tenerlo en mi github? no es para robarlo ni nada por el estilo si no para tenrlo mas a mano en mis repositorios ya que lo veo algo demasiado útil y que voy a usar bastante seguido
Obvio, forkealo
que paz me da ver a goncy enseñando, llego del laburo me pongo un video y soy un tipo chill de cojones
Joder, q preciosura de tutorial. Graciaaas :D
Alusinante 👊
Consulta, qué pasa si para las cuentas de prueba me pide la autenticación por el código que se envía al mail? adonde se envía?
Debes realizar esa validación introduciendo los últimos 6 dígitos que componen el User ID de la cuenta de prueba o los últimos 6 dígitos que componen su Access Token productivo.
Ella es la que viene a desplazar afor digital, guerra de bellas en la programación.
porque desplazar si hay lugar para mucha gente
el knowhow que hay aca es tremendo, es como cuando se junten messi y cr7 a hacer un podcast
Cómo se llama la IA ? Bzero ?
V0
una tierna total, vamos Valen!! ♥♥
con que recomendas acompañar a spring boot desde el lado del front? angular, react?
con un antidepresivo
No mentirís, con cualquier cosa que te guste, entiendo que a spring boot lo usan bastante con Angular! Nunca lo usé pero seguro si buscas stack frontend spring boot te va a salir la compatibilidad
requisitos para conseguir tu primer trabajo: belleza hegemonica > contactos > experiencia > skills
Exacto, así conseguí mi primer trabajo
Belleza lo decis por valen? Siempre la mujer tiene mas ventaja, y mas si es linda es algo muy raro 😅
@@Fran-vl8jd Claro, esta chica entra en la sala y yo voy todos los dias a clases , hasta los que no hay.
@mvinito un comentario demasiado retrógado hermano.. vos creés que alguien invertiría en alguien solo por su apariencia? contactos no los obtenés fácilmente hoy haciendo networking?.. experiencia y skills, es lo que claramente esta persona intenta obtener, mientras se divierte y expone, con lo arriesgado que es exponerse justamente por personas como vos
@@davidboccalandro7048mira el minuto 44:00 valen no tenia experiencia ni portafolio y consiguió trabajo. Aunque paresca retrógrado hay gente que contrata por tu skin lamentablemente
Me msta al curiosidad cuantos puntos le dieron al grupo de valen en la exposicion
la quiero pero es tan bruta
Tiras una media query y salen todos corriendo acá 😂
“Angular esta bueno para la gente q hace Java, COBOL”, para Goncy… Me estas matandooo! Tan viejo no estoy por usar Java… uso la 21 che… no es mal lenguaje… Las empresas piden mucho java porq cualquier cosa encuentran otros devs, si fuera por mi le soy a Rust, pero no me matess así JAJAJ
Eso diría un dev Cobol
@@goncypozzo😂
Goncy podrias dejarme el link del Challenger que hablaron en el minuto 32 (aprox)? Quiero meterle! Desde ya gracias por todo el contenido!
Si! Debería estar en adviency.goncy.dev si no funciona avisame
estaba verde la invitada? jkajaj
38:00 ese soy io, diseñador que aprendió a programar
y yo
No hubo Angular 3, pasaron de la 2 a la 4, por un tema de versiones con el router, específicamente migre 2 proyectos de Angular.js a Angular 2 siempre fue TS, una experiencia horrible btw, lo malo de Angular es que no tiene un manejador de estado nativa y te hacen un desastre si te agarra el proyecto un Junior o un backend developer que cree que porque sabe Java puede hacer TS, pero NgRx/Store/Effects es una librería muy buena para el manejo del estado
tailwind esta pensado para royectos mobile first
Lo único que tiene de mobile first es que las responsive utility variants defaultean a resoluciones base pero decir que por eso es mobile first me parece un montón jaja
@@goncypozzo en la doc lo venden asi.. o eso creo... Working mobile-first By default, Tailwind uses a mobile-first breakpoint system, similar to what you might be used to in other frameworks like Bootstrap. What this means is that unprefixed utilities (like uppercase) take effect on all screen sizes, while prefixed utilities (like md:uppercase) only take effect at the specified breakpoint and above.
@ claro, eso es lo que digo de los responsive utility, que las properties son mobile first, pero no creo que tailwind te incline a hacer los estilos mobile first! Si haces todo desktop y después prefixeas me sigue pareciendo mas óptimo que hacer todos los estilos mobile first
👀👀
Goncy. Tengo 45 años, y hace mucho tiempo que programo, siempre con libros, viendo otros códigos o con material en inglés. Por eso, festejo la existencia de estos canales para la comunidad hispana, gracias a comunicadores como vos, y otros tantos, se haga extensivo el contenido de la programación para todos. Después dependerá del esfuerzo y dedicación - quizás también algo de suerte - para lograr triunfar en esta profesión, la cual no es conformista, está en constantes crecimiento y cada vez se vuelve más técnica y con especialización. Apoyo todo tu contenido, y desde mi opinión, es uno de los que más herramientas aportan a quienes están iniciando y también a aquellos que llevamos años en esto, que empezamos con un El Pentium 4 “Willamenne”, con procesador de 32 bits. Saludos!
Que lindas palabras Ariel, muchas gracias! Acá estaremos haciendo lo que podemos con lo que tenemos, saludos! 🤝
Hola gonzy cuando empezaron con el reto y donde lo encuentro para hacerlo?
Buenas! Fue la semana pasada, está en mi repo interview-challenges de github! Ahora lo agrego a la descripción
@goncypozzo muchas gracias por contestarme saludos.
lastima q venezuela tiene sanciones y no poder usar wallbit, cositassss.... Excelente video
gracias por el video ! tengo un problema (probado tanto en desarrollo como produccion) la cosa es que el payer_email me sale como string vacio, por que pasa esto? en el api.ts de async suscribe() hago logs de email y de suscription y si bien el correo lo obtengo y lo paso al new PreApproval(mercadopago).create({, este no se setea bien al parecer, esto es vital para mi aplicación ya que con este correo debo poblar mi db cuando el pago está autorizado, y como en el webhook authorized recibo payer_email = ' ' no encuentro al usuario
La verdad no recuerdo el flujo completo, el payer_email creo que lo usa para validar la creación del PreApproval no se si te lo devuelve dentro de los campos del pago, de última podrías mandarlo en external_reference también y recuperarlo de ahí
@@goncypozzo me llama la atención que el payer_email que recibo en el llamado get de la suscripcion ya aprobada sea string vacio, pero pude solucionarlo con el external_reference, de esa forma también no hay disonancias entre el correo del usuario en app con el payer_email que pone en mp
Claro, yo asumo que el payer_email es mas para chequeo de mp que para pasartelo como dato
@@goncypozzo si, muy agradecido con tu tutorial! hace meses sufrí demasiado con suscripciones, implementé todo con plan asociado, loré crear token id pero igual tenía problemas, con esto es mil veces menos tedioso
Sos el mejor que explica, te felicito por todo tu contenido. Creo que el que utilizó un estilo de Windows 98, marcó una diferencia sobre el resto. Veremos si fue el ganador. Un abrazo
chisme? espera que me preparo unos mates
Tremendo aporte, muchas gracias!!
como le pongo el tipado ?
me podrias dar una sugerencia para solucionar estos errores: PS D: ext-mercadopago ext-mercadopago\integraciones\checkout-pro> npm install npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: next-mercadopago@0.1.0 npm error Found: react@19.0.0-rc-e4953922-20240919 npm error node_modules/react npm error react@"19.0.0-rc-e4953922-20240919" from the root project npm error npm error Could not resolve dependency: npm error peer react@"^18.2.0 || 19.0.0-rc-cd22717c-20241013" from next@15.0.0-canary.192 npm error node_modules/next npm error next@"15.0.0-canary.192" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users\Henry\AppData\Local pm-cache\_logs\2024-11-25T15_39_37_522Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\Henry\AppData\Local pm-cache\_logs\2024-11-25T15_39_37_522Z-debug-0.log PS D: ext-mercadopago ext-mercadopago\integraciones\checkout-pro>
vi que el repo tiene un archivo pnpm-lock.yaml seguramente eso te esta dando conflictos ya que es pnpm y estas queriendo instalar con npm, si tenes ese archivo borralo y proba de nuevo el npm install
@@paracomentar2703 gracias ya lo probe y sigue igual.
@@MrHenryortegon lo hiciste en un proyecto ya existente? quizas es un problema de versiones, si por eje lo hiciste en un proyecto que ya tenia react y aca estas intentando volver a instalar react pero con otra version, si es eso fijate lo que ya tenes instalado y solo instala lo otro y fijate de en tu proyecto solo tener un package.json
El mejor video de la historia <3. Estuve perdido leyendo la documentación de mercadopago, me salvaste el proyecto!!!
Hola! Muy claro el vídeo. la unica duda es, si el pago lo hago en el ambiente de prueba, me debe llegar aprobado?
Podes poner pagar con tarjeta y dependiendo del nombre que uses es como llega el pago, ej: APRO = Aprobado, los nombres estan en la doc!