Brainstorm Hub
Donde la creatividad se encuentra con las palabras y la innovación prospera.
Las apps renderizadas en el cliente a menudo les sirven a los bots un body vacío. La prueba de un minuto, lo que hacen de verdad los crawlers de IA, por qué no usé llms.txt y lo que llevó pasar mi portafolio a prerendering estático.
Las reglas de la UE ya están vigentes, y Canadá y EE. UU. tienen fechas. Un plan desde el lado del desarrollador: qué cubre la ley, qué automatizar gratis y qué no va a detectar ninguna herramienta.
Una auditoría que hice de mi propio repo encontró cuatro listas que seguían las filas por posición. Una revisión de estilo aprobaría ese código. Detectar ese tipo de bug es ahora una parte más grande del trabajo.
Un gate de cobertura puede parecer estricto y no aplicar nada. La IA aumenta el volumen de código, así que demostrar que cada control puede fallar importa más que agregar controles nuevos.
Cómo estructuré una charla sobre guardrails de IA y estándares de calidad de código empresarial para 47 ingenieros en BMO, las objeciones que vale la pena preparar y la única cosa que haría diferente. Escrito de memoria y a partir de mis notas, no de una transcripción.
Aplicar Atomic Design literalmente a un codebase Angular revela sus límites rápidamente. Este es el híbrido pragmático que realmente sobrevive un proyecto real.
Después de trabajar con micro-frontends en un proyecto Angular empresarial en BMO y evaluar los tradeoffs honestamente, aquí está mi veredicto sobre cuándo Module Federation vale la complejidad y cuándo absolutamente no.
Estoy construyendo un SaaS potenciado por IA en solitario, y senté las bases mientras estaba en un rol de contrato exigente en BMO. Este es el relato honesto de las decisiones técnicas, las elecciones de arquitectura y los errores tempranos que cometí.
Empecé mi proyecto en Godot sin saber nada de shaders y terminé escribiendo 28. Esta es la historia honesta desde cero conocimiento en shaders hasta efectos climáticos, entornos destructibles y un ciclo completo de día/noche.
Angular Material te da una base sólida y accesible. Lo difícil es el sistema de tokens, la gobernanza, y las decisiones de API de componentes que mantienen vivo un design system a medida que el producto y el equipo crecen.
Construir un RPG táctico en Godot me enseñó más sobre arquitectura Angular en alrededor de un año de lo que años leyendo documentación lograron.
Lazy loading es el cambio de rendimiento de mayor impacto que hago en cada app Angular en la que trabajo, y con standalone components toma minutos por ruta de feature.
Un dashboard financiero que muestra datos no es lo mismo que uno que apoya decisiones. Así es como abordo la jerarquía de información, la selección de gráficos, y la revelación progresiva en interfaces financieras complejas.
Construir aplicaciones bilingües EN/FR en Canadá va mucho más allá de la traducción. Estos son los patrones técnicos y las decisiones de UX que realmente importan cuando construyes para ambos idiomas oficiales.
Construir solicitudes de préstamo multi-paso me enseñó que Angular Reactive Forms son mucho más poderosos de lo que la mayoría de tutoriales muestran. Estos son los patrones que uso en aplicaciones financieras de producción.
Después de años en startups y consultoras, unirme a BMO me enseñó que el desarrollo front-end enterprise opera con un conjunto de reglas completamente diferente, y algunas de esas reglas realmente vale la pena respetar.
Una evaluación honesta de Angular 19 y más allá, filtrada por años de Angular enterprise en industrias reguladas y por el SaaS que construyo en solitario: qué adopté inmediatamente, qué sigo observando, y cuáles son los tradeoffs reales.
De Brasil a un puesto de Senior Software Developer (Angular) en uno de los Big Five de Canadá. Esta es la historia práctica y sin glamour de cómo construí un perfil que el mercado tecnológico canadiense reconocería.
He pasado más de una década a caballo entre el diseño UX/UI y el desarrollo front-end, y quiero ser honesto sobre tanto las ventajas reales como las frustraciones reales de esa posición.
Usar herramientas de IA dentro de uno de los Big Five bancos canadienses no se parece en nada a usarlas en un proyecto personal. Cuáles son realmente las restricciones, cómo trabajar dentro de ellas, y por qué la herramienta que corres tú mismo le gana a la suscripción que no controlas.
Los prompts que escribes son tan importantes como el código que revisas. Así es como diseño prompts de IA específicamente para Angular para obtener output listo para producción.
Un desglose honesto de dónde las herramientas de programación con IA realmente aceleran el desarrollo y dónde fallan, basado en 12 meses de práctica deliberada de delegación como desarrollador Angular senior.
Cómo abordo los guardrails de un asistente de codificación con IA sobre un codebase Angular enterprise en un banco regulado: las capas, un archivo de instrucciones de GitHub Copilot a modo de ejemplo, y el tipo de reglas que previenen problemas de seguridad y calidad.
Mobile-first es una decisión de arquitectura de información y priorización de contenido mucho antes de ser un breakpoint CSS, y los diseñadores que lo tratan como una preocupación puramente técnica producen experiencias rotas en ambas plataformas.
Una guía práctica de las métricas de UX que realmente importan, cómo instrumentar diseños para medición, y cómo hacer el business case para inversión en UX usando números reales de Wonderlabs y Strongest Families, más una lección de un portal de BNP Paribas Cardif que construí como desarrollador.
La mayoría de los desarrolladores de juegos omiten los tests unitarios por completo. Yo los escribo obsesivamente, y aquí está cómo se ven más de 334 tests en un proyecto de Godot con C# y por qué cambió la velocidad a la que puedo entregar funcionalidades.
Una guía práctica de cumplimiento WCAG 2.2 AA cubriendo contraste de color, navegación por teclado, ARIA labels y testing con lectores de pantalla, desde establecer un design system en Strongest Families hasta entregar features que cumplen con accesibilidad en BMO.
Qué hace que un archivo de Figma esté realmente listo para developers: naming de componentes, auto layout, variantes, design tokens, y cómo mi rol dual de diseñador y developer cambió cómo diseño para handoff.
Confianza, cumplimiento y manejo de errores como pilares de UX en productos financieros. Lecciones de construir productos financieros en GFT, BNP Paribas Cardif, Wonderlabs y BMO.
Un desarrollador solo escalando un RPG táctico a 123+ scripts y 334+ tests necesita decisiones arquitectónicas deliberadas. Aquí está la estructura de carpetas, los patrones y las prácticas de C# que uso para mantener el codebase manejable.
He auditado muchas apps Angular y las mismas brechas aparecen cada vez. Esto es lo que arreglo primero, por qué, y en qué orden.
La mayoría de los briefs de UX están escritos para diseñadores revisando el trabajo de otros diseñadores. No incluyen lo que los desarrolladores realmente necesitan para construir el feature correctamente la primera vez.
NgRx no es una best practice que aplicas a cada app Angular. Es una solución a un conjunto específico de problemas, y usarlo por defecto es la forma en que un equipo pequeño termina con un trimestre doloroso y sobre-ingenierizado.
Después de meses de investigación y prototipado, me comprometí con Godot 4 con C# para mi RPG táctico. Aquí está el razonamiento completo detrás de la elección de motor y lenguaje, y lo que me sorprendió una vez que estuve profundo en el desarrollo.
La brecha entre un pipeline que corre y uno que realmente detecta problemas es enorme. Esta es una configuración de Azure Pipelines a modo de ejemplo para una app Angular, y lo que separa las gates que importan de las que se ignoran.
El texto en francés es 20-30% más largo que en inglés, y solo eso romperá tus layouts si no diseñas para ambos idiomas desde el primer día.
Uso asistentes de código con IA todos los días en desarrollo Angular, pero la forma en que usaba Copilot Business en BMO era muy distinta de cómo uso Claude Code en mis propios proyectos, y ambas son distintas de cómo los usaba cuando empecé.
La estructura a la que recurro surgió de fallar con dos estructuras previas en GFT y Wonderlabs. Esto es lo que realmente se mantiene cuando una sola aplicación Angular crece más allá de unas cuantas docenas de funcionalidades y un puñado de desarrolladores.
Usar throttle en un input de búsqueda y debounce en un handler de scroll son ambos bugs. Así es como no volverás a confundirlos.
NgModules agregaron una capa de indirección que le costó a los developers de Angular años de confusión. Los standalone components la eliminan, y la diferencia en el trabajo diario es significativa.
RxJS tiene más de 100 operadores. Con Angular en producción desde 2017, recurro siempre a los mismos diez, y entender por qué existe cada uno importa más que conocerlos todos.
Corrí NgRx en una plataforma de tarjetas de crédito con más de 50 000 usuarios. La división de responsabilidades es clara una vez que dejas de tratar esto como una pregunta de uno u otro.
Un flujo de trabajo completo para definir design tokens en Figma Variables, exportarlos a CSS custom properties y consumirlos en componentes Angular con soporte completo de temas.
Un framework de decisión para elegir la fidelidad de wireframes, con ejemplos reales de proyectos fintech y salud mental que muestran cuándo lo-fi ahorra semanas y cuándo causa retrabajo costoso.
La mayoría de los equipos empiezan un design system construyendo componentes. Ese es el lugar equivocado para empezar, y equivocarse en el orden cuesta meses de retrabajo.
El espacio entre 'Postgres vanilla aguanta' y 'toca cambiar a un sistema distribuido' es mucho más grande de lo que admite el consejo habitual. Así te quedas dentro del ecosistema, con Citus, TimescaleDB y las decisiones correctas de pooler.
He pasado de jQuery y AngularJS a React a Angular y más allá. Esto es lo que aprendí sobre cuándo invertir en una nueva tecnología y qué realmente se transfiere con cada cambio de stack.
Herramientas dentro de Postgres que reemplazan, cada una, un pedacito de tu infraestructura, y que nadie mete en el tour de features habitual porque no son lo bastante espectaculares para abrir una charla de conferencia.
Los artículos de 'just use Postgres' suelen acertar con la lista de features y equivocarse con la realidad de operarlo. Aquí tienes una escalera concreta: cuatro niveles, y en cada uno los números que te dicen cuándo frenar.
La mayoría de las presentaciones de "AI agent" que circulan ahora mismo están reempacando un patrón publicado por Yao et al. en 2022. El patrón es sólido. El hype encima es lo que deberías cuestionar.
Cualquiera que te venda una base vectorial como "memoria de agente" te está vendiendo una capa de un pastel de cinco. Así pienso la stack, y por qué pgvector gana para la mayoría de los equipos.
Copilot te hace más rápido produciendo código. SonarQube marca los problemas que Copilot acaba de meter en producción. Nadie cierra el ciclo. Un agente en el medio resuelve la brecha, y es la primera automatización que construiría para un equipo pequeño.
Reduje el tiempo de tests en CI del front end Angular de mi producto SaaS a una fracción de lo que era al cambiar de Jest a Vitest, y la migración tomó una tarde.
Un equipo pequeño no puede permitirse construir seis agentes a la vez. Tienes una sola oportunidad para elegir la primera automatización, y la mayoría de los equipos la eligen mal. Este es el orden en que yo lo haría, y el seductor que me saltaría.
Si empiezas cada agente como un script independiente, tendrás un cementerio de repos para el Q3. Esta es la estructura de monorepo Angular + Python + Docker que usaría, con un agente base compartido del que hereda cada nuevo agente.
No necesitas Pinecone, créditos de API de Notion ni licencia de Confluence para darle a tus agentes una base de conocimiento. Una carpeta de markdown, pgvector y un modelo de embedding que corre dentro de tu propio Docker resuelven el problema. Cero API, cero clave, cero costo por request.
Implementé login social con Google, Facebook y Bluesky más autenticación passwordless con magic link en un proyecto personal Flask/Angular que estoy construyendo en local, y las lecciones costaron más de lo que esperaba.
Después de más de una década operando en la frontera entre diseño y desarrollo, esta es mi evaluación honesta del mercado para roles híbridos, cómo construir el doble skillset de forma intencional y si realmente vale la pena.
Las entrevistas de pizarra evalúan más que velocidad de resolución de problemas. Evalúan comunicación, claridad y metodología de enfoque. Desglosemos el problema de Par Sum paso a paso usando el método REACTO.
Dejé de escribir definiciones de tipos redundantes después de que empecé a usar realmente los tipos utilitarios integrados. Así es como se ven en código Angular real.
El patrón de ventana deslizante cubre toda una categoría de problemas con arrays y strings. Una vez que lo interiorizas, dejas de reinventar la solución y empiezas a aplicar una plantilla.