<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Flowing Code</title><link>https://www.flowingcode.com/es/</link><description>Recent content on Flowing Code</description><generator>Hugo</generator><language>es-AR</language><lastBuildDate>Tue, 18 Aug 2026 14:23:10 +0000</lastBuildDate><atom:link href="https://www.flowingcode.com/es/index.xml" rel="self" type="application/rss+xml"/><item><title>Desarrollador Java Senior</title><link>https://www.flowingcode.com/es/jobs/desarrollador-java-senior/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/jobs/desarrollador-java-senior/</guid><description>&lt;p>&lt;span style="font-weight: 400;word-break: break-word;">En Flowing Code descubrirás un espacio para continuar tu desarrollo y seguir creciendo, donde encontrarás la inspiración para hacer lo que te gusta, podrás dejar volar tu creatividad e innovar, y plantear libremente tus ideas.&lt;/span>&lt;/p></description></item><item><title>Desarrollador Java Junior</title><link>https://www.flowingcode.com/es/jobs/desarrollador-java-junior/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/jobs/desarrollador-java-junior/</guid><description>&lt;p>&lt;span style="font-weight: 400;word-break: break-word;">En Flowing Code encontrarás espacio para desarrollarte y crecer, dejar volar tu creatividad e innovar y plantear libremente tus ideas y propuestas.&lt;/span>&lt;/p>
&lt;p>&lt;span style="font-weight: 400;word-break: break-word;">Integrarás un equipo de profesionales con talento y experiencia que impulsarán al máximo tus conocimientos. Creceremos juntos, aprenderemos, tendremos grandes logros y los festejaremos.&lt;/span>&lt;/p></description></item><item><title>Google Maps Add-On: Clic Derecho en Marcadores para Móviles</title><link>https://www.flowingcode.com/es/google-maps-add-on-clic-derecho-en-marcadores-para-moviles/</link><pubDate>Tue, 18 Aug 2026 14:23:08 +0000</pubDate><guid>https://www.flowingcode.com/es/google-maps-add-on-clic-derecho-en-marcadores-para-moviles/</guid><description>&lt;figure class="wp-block-image">&lt;img alt="Esta imagen tiene un atributo alt vacío; el nombre del archivo es markers-mobile-1024x585.jpg" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/09/markers-mobile-1024x585.jpg"/>&lt;/figure>
&lt;p class="wp-block-paragraph">En el desarrollo web moderno, es &lt;strong>fundamental&lt;/strong> crear una experiencia de usuario consistente e intuitiva que cubra todos los dispositivos disponibles. Los usuarios esperan que las funcionalidades operen sin problemas, ya sea desde una computadora de escritorio con un mouse o desde un celular con pantalla táctil.&lt;/p></description></item><item><title>Crear un Add-on para Vaadin en Tiempo Récord con Claude AI</title><link>https://www.flowingcode.com/es/crear-un-add-on-para-vaadin-en-tiempo-record-con-claude-ai/</link><pubDate>Tue, 21 Jul 2026 13:40:32 +0000</pubDate><guid>https://www.flowingcode.com/es/crear-un-add-on-para-vaadin-en-tiempo-record-con-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2393" height="559" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/relative-time-blog-post-1-1024x559.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Hace poco compartí mi experiencia sobre &lt;a href="https://www.flowingcode.com/es/de-vaadin-10-a-25-migrando-una-app-de-8-anos-con-claude-ai/">cómo migrar una aplicación Vaadin sencilla con la ayuda de Claude AI&lt;/a>. Esa experiencia demostró que la IA es excelente para desenredar código legacy, pero me dejó con una duda: &lt;strong>¿qué pasa cuando empezamos desde cero?&lt;/strong> Recientemente, mi equipo en Flowing Code propuso crear un nuevo add-on: un &lt;em>wrapper&lt;/em> en Vaadin para el componente &lt;code>&lt;a href="https://github.com/github/relative-time-element">@github/relative-time-element&lt;/a>&lt;/code>. Esta vez, decidí integrar a Claude AI desde el minuto cero, usándolo no solo como un generador de código, sino como un compañero de diseño arquitectónico.&lt;/p></description></item><item><title>Por qué Vaadin sigue siendo relevante en 2026</title><link>https://www.flowingcode.com/es/por-que-vaadin-sigue-siendo-relevante-en-2026/</link><pubDate>Tue, 30 Jun 2026 13:40:52 +0000</pubDate><guid>https://www.flowingcode.com/es/por-que-vaadin-sigue-siendo-relevante-en-2026/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2337" height="572" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/Why_vaadin_still_matters_2026-1-1024x572.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">En una industria obsesionada con lo nuevo y lo llamativo, preguntar por qué una tecnología sigue prosperando puede ser más interesante que preguntar qué la reemplazará después.&lt;/p>
&lt;p class="wp-block-paragraph">&lt;a href="https://vaadin.com">Vaadin&lt;/a> no es un recién llegado. Su desarrollo comenzó a principios de los años 2000 y se convirtió en código abierto en 2002. A lo largo de los años, ha pasado por varios cambios arquitectónicos importantes mientras se mantiene activamente desarrollado y ampliamente utilizado en aplicaciones empresariales. En un espacio donde los frameworks suelen aparecer y desaparecer en pocos años, eso ya hace que valga la pena reflexionar sobre Vaadin.&lt;/p></description></item><item><title>De Vaadin 10 a 25: Migrando una App de 8 años con Claude AI</title><link>https://www.flowingcode.com/es/de-vaadin-10-a-25-migrando-una-app-de-8-anos-con-claude-ai/</link><pubDate>Thu, 18 Jun 2026 19:49:45 +0000</pubDate><guid>https://www.flowingcode.com/es/de-vaadin-10-a-25-migrando-una-app-de-8-anos-con-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2317" height="572" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/global-stats-2026-1-1024x572.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">&lt;strong>En 2018&lt;/strong>, &lt;a href="https://www.flowingcode.com/es/aplicacion-demo-vaadin-10-spring-estadisticas-de-la-copa-mundial-rusia-2018/">nuestro equipo en Flowing Code armó una demo rápida y experimental para mostrar el entonces flamante Vaadin 10&lt;/a>. Ideamos un proyecto alrededor del &lt;strong>torneo de fútbol&lt;/strong> que se jugaba en Rusia en ese momento en lo que llamamos un hackathon &lt;em>mundialista&lt;/em>. La aplicación fue diseñada como un &lt;em>dashboard&lt;/em> en vivo para seguir el &lt;em>fixture&lt;/em> de los partidos, los resultados en tiempo real y la tabla de posiciones de los grupos.&lt;/p></description></item><item><title>9 Años Fluyendo a Paso Firme</title><link>https://www.flowingcode.com/es/9-anos-fluyendo-a-paso-firme/</link><pubDate>Wed, 29 Apr 2026 20:06:13 +0000</pubDate><guid>https://www.flowingcode.com/es/9-anos-fluyendo-a-paso-firme/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2230" height="559" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/04/9Years-1024x559.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">El tiempo realmente vuela cuando estás totalmente sumergido haciendo lo que amas. Parece que fue ayer cuando estábamos repasando nuestros primeros logros y, este mes, estamos orgullosamente celebrando nuestro noveno aniversario. Este último año en Flowing Code estuvo marcado por encarar desafíos técnicos complejos, impulsar actualizaciones clave de plataforma y fortalecer nuestro compromiso tanto con nuestros clientes corporativos como con el ecosistema open-source.&lt;/p></description></item><item><title>Vaadin 25: Cómo resolvimos la migración de JSON</title><link>https://www.flowingcode.com/es/vaadin-25-como-resolvimos-la-migracion-de-json/</link><pubDate>Fri, 19 Dec 2025 19:01:03 +0000</pubDate><guid>https://www.flowingcode.com/es/vaadin-25-como-resolvimos-la-migracion-de-json/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2201" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/12/Upgrading-Add-ons-for-Vaadin-25-How-We-Solved-JSON-Migration-2-1024x576.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">&lt;strong>Vaadin 25&lt;/strong> acaba de ser lanzado e incluye un &lt;a href="https://vaadin.com/blog/vaadin-25-0-release">conjunto interesante de breaking changes&lt;/a> para mantenernos entretenidos y bien despiertos en este tramo final del año.&lt;/p>
&lt;p class="wp-block-paragraph">En &lt;strong>Flowing Code&lt;/strong> mantenemos más de 30 add-ons, y la mayoría de ellos son compatibles actualmente con Vaadin 14, 23 y 24. Como pueden imaginar, esto hace que el ciclo de migración a Vaadin 25 requiera un esfuerzo sustancial. &lt;strong>Nuestro objetivo es ambicioso&lt;/strong>: mantener un &lt;strong>único código base&lt;/strong> compatible con todas las versiones de Vaadin soportadas, sin crear ramas específicas para Vaadin 25 a menos que sea absolutamente necesario.&lt;/p></description></item><item><title>Un Camino de Aprendizaje, Compromiso y Mejora Continua</title><link>https://www.flowingcode.com/es/un-camino-de-aprendizaje-compromiso-y-mejora-continua/</link><pubDate>Mon, 01 Dec 2025 12:20:36 +0000</pubDate><guid>https://www.flowingcode.com/es/un-camino-de-aprendizaje-compromiso-y-mejora-continua/</guid><description>&lt;figure class="wp-block-image size-full">&lt;img alt="" class="wp-image-2150" height="470" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/10/Gemini_Generated_Image_w8i0k2w8i0k2w8i0-edited.jpg" width="941"/>&lt;/figure>
&lt;p class="wp-block-paragraph">El pasado &lt;strong>1 de agosto de 2025&lt;/strong>, en &lt;strong>Flowing Code S.A&lt;/strong>., alcanzamos un nuevo hito: logramos nuestra primera &lt;strong>&lt;a href="https://www.certipedia.com/quality_marks/9000023233">recertificación de la norma ISO 9001:2015&lt;/a>&lt;/strong>, tras superar con éxito la auditoría realizada por TÜV Rheinland. Más allá del certificado, lo que celebramos es todo el camino recorrido para llegar hasta acá.&lt;/p></description></item><item><title>Revisiones de Código con IA: Nuestra Experiencia con CodeRabbit</title><link>https://www.flowingcode.com/es/revisiones-de-codigo-con-ia-nuestra-experiencia-con-coderabbit/</link><pubDate>Thu, 13 Nov 2025 12:44:16 +0000</pubDate><guid>https://www.flowingcode.com/es/revisiones-de-codigo-con-ia-nuestra-experiencia-con-coderabbit/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2110" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/10/review-2-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Parece que todo el mundo usa Inteligencia Artificial (IA) estos días. Desde chatbots hasta generadores de código, la ola de herramientas que prometen facilitar la vida de los desarrolladores sigue creciendo. En Flowing Code, queríamos ver cómo la IA podía realmente ayudarnos en nuestro trabajo diario, no solo en teoría, sino en la práctica. Tras algunas investigaciones y consideraciones sobre qué se podía mejorar en nuestras tareas diarias, decidimos sumergirnos en el mundo de la IA con &lt;a href="https://www.coderabbit.ai/">CodeRabbit&lt;/a>, una herramienta diseñada para ayudar en la &lt;strong>revisión de &lt;em>Pull Requests&lt;/em>&lt;/strong>.&lt;/p></description></item><item><title>Nuestro Compromiso con el Código Abierto: Nuevos Add-ons y Actualizaciones en 2024</title><link>https://www.flowingcode.com/es/nuestro-compromiso-con-el-codigo-abierto-nuevos-add-ons-y-actualizaciones-en-2024/</link><pubDate>Tue, 17 Dec 2024 15:17:27 +0000</pubDate><guid>https://www.flowingcode.com/es/nuestro-compromiso-con-el-codigo-abierto-nuevos-add-ons-y-actualizaciones-en-2024/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1886" height="439" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/12/flowing-addons-1024x439.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Si seguís de cerca nuestro trabajo, ya sabrás que en Flowing Code nos apasiona contribuir con la comunidad de C y estamos comprometidos con ofrecer soluciones que ayuden a los desarrolladores a crear mejores aplicaciones. Este año, como parte de ese compromiso, logramos crear ocho nuevos add-ons para &lt;a href="https://vaadin.com/">&lt;strong>Vaadin&lt;/strong>&lt;/a>. Si todavía no tuviste la oportunidad de explorarlos, te invitamos a hacer un repaso rápido por todo lo que ofrecen.&lt;/p></description></item><item><title>Manteniendo la Excelencia: Nuestro Camino de Mejora Continua</title><link>https://www.flowingcode.com/es/manteniendo-la-excelencia-nuestro-camino-de-mejora-continua/</link><pubDate>Thu, 05 Sep 2024 20:38:32 +0000</pubDate><guid>https://www.flowingcode.com/es/manteniendo-la-excelencia-nuestro-camino-de-mejora-continua/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1748" height="620" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/08/simplewordcloud.com_1920x-2-1024x620.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">El compromiso de Flowing Code con la excelencia impulsa cada aspecto de nuestra actividad. Esta dedicación ha sido validada, una vez más, superando con éxito nuestra tercera auditoría externa de &lt;a href="https://www.flowingcode.com/es/somos-una-compania-iso-90012015-certificada/">ISO 9001:2015&lt;/a> sin no conformidades. Este logro refleja nuestro esfuerzo por la mejora continua, asegurándonos no solo de cumplirla, sino de superar las expectativas. Durante el último año, nos centramos en mejorar el proceso de desarrollo de software, expandir la estructura organizativa y alinear nuestras operaciones con el compromiso ambiental asumido. En este artículo detallamos las mejoras clave que realizamos y expresamos nuestro agradecimiento a quienes nos han apoyado en el camino.&lt;/p></description></item><item><title>Nuestros primeros Vaadin add-ons integrando React</title><link>https://www.flowingcode.com/es/nuestros-primeros-vaadin-add-ons-integrando-react/</link><pubDate>Thu, 15 Aug 2024 19:01:26 +0000</pubDate><guid>https://www.flowingcode.com/es/nuestros-primeros-vaadin-add-ons-integrando-react/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="Introducing our first Vaadin add-ons integrating React Components" class="wp-image-1722" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/08/vaadin-react-04-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Vaadin 24.4 incluye nuevas y emocionantes capacidades para integrar React en aplicaciones Vaadin de varias formas. Esto ofrece a los desarrolladores una gama de opciones de integración, proporcionando una flexibilidad sin precedentes para construir aplicaciones web modernas. Puedes explorar las diversas formas de integración y las razones detrás de esta mejora en &lt;a href="http://Vaadin 24.4 trae nuevas capacidades emocionantes para integrar React en aplicaciones Vaadin de varias formas. Esto ofrece a los desarrolladores una gama de opciones de integración, proporcionando una flexibilidad sin precedentes para construir aplicaciones web modernas. Puedes explorar las diversas posibilidades y las razones detrás de esta mejora en la publicación del blog de Vaadin. Como ya sabes, nos encanta crear complementos de Vaadin, por lo que nos emocionó explorar la posibilidad de crear complementos que integren componentes de React. Creemos que esto abre un mundo completamente nuevo de posibilidades para las aplicaciones Vaadin.">este post del blog de Vaadin&lt;/a>.&lt;/p></description></item><item><title>Google Maps Add-on: Cómo obtener y rastrear la ubicación actual</title><link>https://www.flowingcode.com/es/google-maps-add-on-como-obtener-y-rastrear-la-ubicacion-actual/</link><pubDate>Thu, 18 Jul 2024 13:15:19 +0000</pubDate><guid>https://www.flowingcode.com/es/google-maps-add-on-como-obtener-y-rastrear-la-ubicacion-actual/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1691" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/07/maps-location-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">&lt;a href="https://vaadin.com/directory/component/google-maps-addon">Google Maps Add-on&lt;/a> es un componente creado a partir de &lt;a href="https://www.npmjs.com/package/@flowingcode/google-map">Google Maps Web Component&lt;/a>. Este add-on permite mostrar un mapa personalizado e incorporar distintos elementos como marcadores, polígonos, controles personalizados y más. Puedes explorar todas las características que ofrece el add-on visitando nuestro &lt;a href="https://addonsv24.flowingcode.com/googlemaps">demo online&lt;/a>. Por ahora, nos enfocaremos en cómo obtener y rastrear la ubicación actual del usuario.&lt;/p></description></item><item><title>¿Time &amp; Material o Precio Fijo? Por Qué Preferimos el Enfoque Flexible</title><link>https://www.flowingcode.com/es/time-and-materials-o-precio-fijo-por-que-preferimos-el-enfoque-flexible/</link><pubDate>Mon, 10 Jun 2024 13:57:41 +0000</pubDate><guid>https://www.flowingcode.com/es/time-and-materials-o-precio-fijo-por-que-preferimos-el-enfoque-flexible/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1580" height="510" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/04/image-20-1024x510.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Cuando se trata de contratos de &lt;a href="https://es.wikipedia.org/wiki/Desarrollador_de_software">desarrollo de software&lt;/a>, las empresas suelen enfrentarse a una elección entre dos modelos de precios comunes: Time &amp;amp; Materials, y Precio Fijo. Estos ofrecen enfoques distintos para el presupuesto, el alcance del proyecto y la gestión de riesgos. En este post exploraremos las diferencias entre estos dos modelos, destacando sus respectivas ventajas y desventajas. Este análisis ayudará a aclarar por qué nuestra empresa ha elegido el enfoque de Time &amp;amp; Material y ofrecerá información sobre cómo se alinea con nuestros valores empresariales y nuestro estilo de gestión de proyectos. A continuación profundizamos en los matices de estas estrategias de precios y compartimos las razones detrás de nuestra decisión.&lt;/p></description></item><item><title>Guía para usar Badge List Add-on</title><link>https://www.flowingcode.com/es/guia-para-usar-badge-list-add-on/</link><pubDate>Thu, 30 May 2024 13:51:43 +0000</pubDate><guid>https://www.flowingcode.com/es/guia-para-usar-badge-list-add-on/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1631" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/05/badge-blog-post-1-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">En esta oportunidad queremos presentar el componente &lt;a href="https://vaadin.com/directory/component/badge-list-add-on">Badge List&lt;/a>, uno de nuestros mas recientes add-ons para &lt;a href="https://vaadin.com/">Vaadin&lt;/a>, el cual creamos como solución al desafío de mostrar una lista dinámica de badges dentro de un espacio reducido, como una celda de una &lt;a href="https://vaadin.com/docs/latest/components/grid">grilla de Vaadin&lt;/a>, y hacerlo de manera responsiva y user-friendly.&lt;/p></description></item><item><title>Adaptarse, Evolucionar, Prosperar: El Séptimo Año de Flowing Code en Retrospectiva</title><link>https://www.flowingcode.com/es/adaptarse-evolucionar-prosperar-el-septimo-ano-de-flowing-code-en-retrospectiva/</link><pubDate>Thu, 25 Apr 2024 19:17:51 +0000</pubDate><guid>https://www.flowingcode.com/es/adaptarse-evolucionar-prosperar-el-septimo-ano-de-flowing-code-en-retrospectiva/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1561" height="512" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/04/image-9-1024x512.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Al conmemorar el séptimo aniversario de Flowing Code, es un momento especial para reflexionar sobre nuestro recorrido. Cada año, nuestra empresa se fortalece, impulsada por nuestro compromiso con la innovación y la entrega de trabajo excepcional. Hemos enfrentado desafíos, aprovechado oportunidades y seguimos avanzando con determinación. Nuestro éxito no solo se mide por los proyectos que realizamos para &lt;a href="https://www.flowingcode.com/es/clientes/">nuestros valiosos clientes&lt;/a>, sino también por la activa comunidad que hemos construido a través de &lt;a href="https://www.flowingcode.com/es/codigo-abierto/">nuestros proyectos de código abierto&lt;/a>. Al mirar hacia atrás en el último año, estamos orgullosos de lo que hemos logrado, desde proyectos significativos para clientes hasta las increíbles extensiones que hemos añadido a nuestro repositorio de GitHub. Al mirar hacia el futuro, agradecemos las oportunidades que tenemos por delante y estamos emocionados de seguir ofreciendo soluciones de primer nivel para nuestros clientes y la comunidad en general.&lt;/p></description></item><item><title>Un vistazo al sexto año de Flowing Code</title><link>https://www.flowingcode.com/es/un-vistazo-al-sexto-ano-de-flowing-code/</link><pubDate>Wed, 05 Apr 2023 14:14:23 +0000</pubDate><guid>https://www.flowingcode.com/es/un-vistazo-al-sexto-ano-de-flowing-code/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1386" height="518" loading="lazy" src="https://www.flowingcode.com/images/uploads/2023/04/Cake6-1-1024x518.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Al conmemorar otro año de existencia en Flowing Code, seguimos empujando los límites del desarrollo de software, brindando soluciones y servicios innovadores a nuestros clientes. Durante el último año, hemos enfrentado numerosos desafíos y oportunidades, y estamos orgullosos de cómo nuestro equipo ha respondido a la situación, adaptándose y evolucionando para satisfacer las demandas en constante cambio de la industria. En esta revisión, echamos un vistazo a algunos de los aspectos más destacados y logros clave de nuestro sexto año.&lt;/p></description></item><item><title>Somos una compañía ISO 9001:2015 certificada!</title><link>https://www.flowingcode.com/es/somos-una-compania-iso-90012015-certificada/</link><pubDate>Tue, 06 Sep 2022 15:32:18 +0000</pubDate><guid>https://www.flowingcode.com/es/somos-una-compania-iso-90012015-certificada/</guid><description>&lt;figure class="wp-block-image size-full">&lt;img alt="ISO 9001:2015" class="wp-image-1312" height="376" loading="lazy" src="https://www.flowingcode.com/images/uploads/2022/09/image2128-1.png" width="940"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Me complace anunciar que durante el mes de junio superamos satisfactoriamente la auditoría externa que evaluó la conformidad de nuestro Sistema de Gestión de Calidad con los requisitos de la Norma Internacional ISO 9001:2015.&lt;/p></description></item><item><title>Cómo usar componentes Angular con Vaadin</title><link>https://www.flowingcode.com/es/como-usar-componentes-angular-con-vaadin/</link><pubDate>Mon, 04 Jul 2022 15:19:30 +0000</pubDate><guid>https://www.flowingcode.com/es/como-usar-componentes-angular-con-vaadin/</guid><description>&lt;div class="wp-block-image">&lt;figure class="aligncenter size-full is-resized">&lt;img alt="Angular To Vaadin" class="wp-image-1231" height="376" loading="lazy" src="https://www.flowingcode.com/images/uploads/2022/06/How-to-use-Angular-Components-with-Vaadin-B.png" width="840"/>&lt;/figure>&lt;/div>
&lt;p class="wp-block-paragraph">Si conocen un poco de nuestro trabajo, sabrán que &lt;a href="https://www.flowingcode.com/es/codigo-abierto/">hemos creado unos cuantos componentes&lt;/a> (add-ons) que pueden ser utilizados en aplicaciones &lt;a href="https://vaadin.com/flow">Vaadin Flow&lt;/a>. Estos componentes usualmente se basan en &lt;a href="https://www.webcomponents.org/introduction">Web Components&lt;/a> existentes o en librerías JavaScript que nos parecen interesantes y útiles. Pero, ¿qué pasaría si queremos crear un componente compatible con Vaadin basado en &lt;a href="https://angular.io/guide/component-overview">Componentes Angular&lt;/a>? ¿Sería esa una tarea fácil de lograr? Como no tenia una respuesta inmediata a esa pregunta, me puse como objetivo averiguarlo. Así que después de mucha investigación, mucha lectura y un número importante de pruebas, les comparto aquí los resultados. &lt;/p></description></item><item><title>UTN Santa Fe</title><link>https://www.flowingcode.com/es/alianza/utn-santa-fe-2/</link><pubDate>Wed, 18 May 2022 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/alianza/utn-santa-fe-2/</guid><description>&lt;p>Acuerdo macro para pasantías y PPS (práctica profesional supervisada)&lt;/p></description></item><item><title>Vembu</title><link>https://www.flowingcode.com/es/alianza/vembu-2/</link><pubDate>Wed, 18 May 2022 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/alianza/vembu-2/</guid><description>&lt;p style="text-align: left;">&lt;img alt="" class="alignleft size-full wp-image-802" height="41" loading="lazy" src="https://www.flowingcode.com/images/uploads/2022/05/vembu-seal.png" width="71"/>Proveedor certificado autorizado por Vembu&lt;/p></description></item><item><title>Witbor</title><link>https://www.flowingcode.com/es/alianza/witbor-2/</link><pubDate>Wed, 18 May 2022 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/alianza/witbor-2/</guid><description>&lt;p>Partners para desarrollo de software y servicios de consultoría&lt;/p></description></item><item><title>Repaso del último año: Round cinco!</title><link>https://www.flowingcode.com/es/repaso-del-ultimo-ano-round-cinco/</link><pubDate>Fri, 01 Apr 2022 12:58:14 +0000</pubDate><guid>https://www.flowingcode.com/es/repaso-del-ultimo-ano-round-cinco/</guid><description>&lt;div class="wp-block-image">&lt;figure class="alignright is-resized">&lt;img alt="" height="276" loading="lazy" src="https://www.flowingcode.com/images/uploads/2022/03/cake-g76ab21b41_1920-1024x683.jpg" width="415"/>&lt;/figure>&lt;/div>
&lt;p class="wp-block-paragraph">Abril de 2017 marcó el momento en el tiempo, en el Flowing Code comenzó a existir. Desde entonces, hemos estado aprendiendo, investigando, codificando, brindando un alto valor a nuestros clientes y también manteniendo una comunidad en crecimiento. Mientras celebramos alcanzar este increíble hito, les dejamos un repaso de nuestro último año.&lt;/p></description></item><item><title>Vaadin TreeGrid con carga diferida, filtrado y ordenamiento.</title><link>https://www.flowingcode.com/es/vaadin-treegrid-carga-diferida-filtrado-ordenamiento/</link><pubDate>Thu, 13 May 2021 14:24:02 +0000</pubDate><guid>https://www.flowingcode.com/es/vaadin-treegrid-carga-diferida-filtrado-ordenamiento/</guid><description>&lt;figure class="wp-block-image size-large is-resized">&lt;img alt="" class="wp-image-741" height="376" loading="lazy" src="https://www.flowingcode.com/images/uploads/2021/04/TreeGrid-1.png" width="841"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Estoy dando mis primeros pasos en Vaadin 14 después de mucho, mucho tiempo de trabajar en proyectos de Vaadin 8 y quiero compartir mi experiencia cuando me tocó trabajar con el componente TreeGrid para mostrar datos en una estructura jerárquica. Me encontré con esta situación en la que necesitaba agregar filtrado y ordenamiento a un TreeGrid de Vaadin que estaba utilizando carga diferida. Como base, tenía &lt;a href="https://www.flowingcode.com/en/lazy-filtered-and-sorted-vaadin-grid-using-external-data-source/">este&lt;/a> artículo de similar implementación utilizando el componente Grid, pero algunas cuestiones son diferentes si hablamos de TreeGrid, así que pensé que sería una buena idea compartir todos los pasos necesarios y algunos tips a tener en cuenta para este tipo de implementación.&lt;/p></description></item><item><title>Repaso de otro año: La nueva normalidad</title><link>https://www.flowingcode.com/es/resumen-anual-nueva-normalidad/</link><pubDate>Wed, 07 Apr 2021 19:32:57 +0000</pubDate><guid>https://www.flowingcode.com/es/resumen-anual-nueva-normalidad/</guid><description>&lt;div class="wp-block-image">&lt;figure class="alignright size-large is-resized">&lt;img alt="" class="wp-image-656" height="269" loading="lazy" src="https://www.flowingcode.com/images/uploads/2021/04/happy_birthday_2.jpg" width="258"/>&lt;/figure>&lt;/div>
&lt;p class="wp-block-paragraph">Nuestra vida, modo de disfrutar, vivir y trabajar ha cambiado pero todavía estamos dando lo mejor para proveer los servicios de calidad que nuestros clientes necesitan. Este es un repaso de otro año contando nuestros más importantes hitos alcanzados.&lt;/p></description></item><item><title>Aplicación Demo Vaadin 10 + Spring: estadísticas de la Copa Mundial Rusia 2018</title><link>https://www.flowingcode.com/es/aplicacion-demo-vaadin-10-spring-estadisticas-de-la-copa-mundial-rusia-2018/</link><pubDate>Wed, 20 May 2020 18:06:58 +0000</pubDate><guid>https://www.flowingcode.com/es/aplicacion-demo-vaadin-10-spring-estadisticas-de-la-copa-mundial-rusia-2018/</guid><description>&lt;div style="clear: both; text-align: center;">&lt;img alt="" class="alignnone size-full wp-image-430" height="340" loading="lazy" src="https://www.flowingcode.com/images/uploads/2018/07/Vaadin-10-Spring-Demo-application_-World-Cup-Rusia-2018-stats-1.png" width="760"/>&lt;/div>
&lt;div>
&lt;div>&lt;/div>
&lt;div style="text-align: justify;">Para probar algunas nuevas e interesantes tecnologías web, decidimos crear una pequeña aplicación demo que muestre ideas que podrían ayudar a un desarrollador cuando intente decidir cuáles usar en un nuevo proyecto. Esto lo realizamos, teniendo en mente el objetivo de que sea responsiva, que permita mostrar información acumulada y en tiempo real del Mundial de Fútbol que actualmente se desarrolla en Rusia.&lt;/div>
&lt;/div>
&lt;h4>Tecnologías&lt;/h4>
&lt;div>Las tecnologías elegidas fueron:&lt;/div>
&lt;div>
&lt;ul>
&lt;li style="text-align: justify;">&lt;a href="https://vaadin.com/" rel="noopener noreferrer" target="_blank">Vaadin 10&lt;/a>: La nueva versión de este popular framework, basada en los nuevos estándares impulsados por los browsers más populares.&lt;/li>
&lt;li style="text-align: justify;">&lt;a href="https://spring.io/" rel="noopener noreferrer" target="_blank">Spring Framework&lt;/a>: El framework de inyección de dependencias estándar, que actúa como la columna vertebral de la mayoría de los proyectos en java actuales.&lt;/li>
&lt;li style="text-align: justify;">REST API: Nuestro proyecto utiliza la API que puede encontrarse &lt;a href="http://worldcup.sfg.io/" rel="noopener noreferrer" target="_blank">aquí&lt;/a>. La misma expone los datos como una API REST entregando la información en formato JSON.&lt;/li>
&lt;/ul>
&lt;/div>
&lt;h4>Características&lt;/h4>
&lt;div>Esta es la lista de las principales características de la aplicación:&lt;/div>
&lt;div>
&lt;ul>
&lt;li style="text-align: justify;">Es responsiva, mostrará correctamente la información independientemente del dispositivo que se utilice. Esto es posible gracias a Vaadin y Polymer.&lt;/li>
&lt;li style="text-align: justify;">Dependiendo del dispositivo en que navegues el sitio (especialmente dispositivos móviles), puedes agregar la aplicación a la pantalla de inicio, para que se vea como una aplicación nativa. El único inconveniente es que no funcionará en modo offline (aún, capaz pronto).&lt;/li>
&lt;li style="text-align: justify;">Se pueden seguir los resultados de los partidos en tiempo real. Utilizando WebSockets, la aplicación mantiene un canal de comunicación abierto entre el navegador y el servidor, por lo que las actualizaciones pueden ser informadas al cliente tan pronto como se reciban de la API&lt;/li>
&lt;/ul>
&lt;h4>Construcción&lt;/h4>
&lt;div style="text-align: justify;">Se necesita tener un buen punto de inicio para comenzar un nuevo proyecto. Para nosotros, ese punto de inicio fue el starter &lt;a href="https://vaadin.com/start/v10-project-base-spring" rel="noopener noreferrer" target="_blank">Vaadin Base Project with String&lt;/a>. Al seleccionar esta opción, nos beneficiamos del hecho de que ya tiene una configuración Spring probada y en funcionamiento, por lo que la decisión fue fácil.&lt;/div>
&lt;h4>Responsividad&lt;/h4>
&lt;div>
&lt;div style="text-align: justify;">Alcanzamos esta meta, trabajando en paralelo en el desarrollo de &lt;a href="https://vaadin.com/directory/component/app-layout-addon" rel="noopener noreferrer" target="_blank">un nuevo addon para Vaadin&lt;/a> que permite construir nuevas aplicaciones usando una estructura simple que se encarga de construir los elementos visuales habituales presentes en una aplicación responsiva: hamburger menu, paper-cards y más.&lt;/div>
&lt;/div>
&lt;div>
&lt;div style="text-align: justify;">Además, utilizamos algunas técnicas CSS como media queries para completar los toques finales.&lt;/div>
&lt;/div>
&lt;h4>PWA&lt;/h4>
&lt;div>
&lt;div style="text-align: justify;">Para permitir que la aplicación pueda agregarse a la pantalla de inicio de un dispositivo, y se muestre como una aplicación nativa, generamos un manifiesto PWA, con algunas propiedades que puede imitar fácilmente, utilizando una herramienta como el &lt;a href="https://app-manifest.firebaseapp.com/" rel="noopener noreferrer" target="_blank">App Manifest Generator&lt;/a>.&lt;/div>
&lt;/div>
&lt;h4>Actualizaciones en tiempo real&lt;/h4>
&lt;/div>
&lt;div style="clear: both; text-align: center;">&lt;/div>
&lt;div>
&lt;div style="text-align: justify;">Esto es realmente fácil de implementar, gracias a la tecnología @Push de Vaadin, la cual está basada en Websockets. Solamente agregando una simple anotación al layout principal y la aplicación cobrará vida.&lt;/div>
&lt;div style="text-align: justify;">Puede aprender más sobre esta tecnología en la &lt;a href="https://vaadin.com/docs/v10/flow/advanced/tutorial-push-configuration.html" rel="noopener noreferrer" target="_blank">documentación oficial de Vaadin&lt;/a>.&lt;/div>
&lt;h4>Roadmap&lt;/h4>
&lt;p>Estas son las funcionalidades que quisiéramos poder implementar en un futuro cercano:&lt;/p></description></item><item><title>Estilos CSS y temas en Vaadin 14</title><link>https://www.flowingcode.com/es/estilos-css-y-temas-en-vaadin-14/</link><pubDate>Mon, 11 May 2020 15:14:57 +0000</pubDate><guid>https://www.flowingcode.com/es/estilos-css-y-temas-en-vaadin-14/</guid><description>&lt;p>&lt;img alt="" class="alignnone size-full wp-image-375" height="340" loading="lazy" src="https://www.flowingcode.com/images/uploads/2019/08/CSS-Theming-Styling-in-Vaadin-14.png" width="760"/>&lt;/p>
&lt;p>Hace una semana fue publicada la nueva &lt;a href="https://vaadin.com/roadmap" rel="noopener noreferrer" target="_blank">version LTS&lt;/a> del framework de presentación.&lt;br/>
Mientras es posible encontrar toda la información de las &lt;a href="https://vaadin.com/blog/top-14-new-features-in-vaadin-14" rel="noopener noreferrer" target="_blank">nuevas caractrísticas&lt;/a> en el sitio oficial, me gustaría hacer foco en una característica en particular, a la que yo encuentro muy interesante: el manejo de estilos.&lt;br/>
A lo largo de los años vimos diferentes maneras de administrar los estilos en las aplicaciones Vaadin.&lt;br/>
En Vaadin 6 se podian modificar los estilos usando CSS simple. Por supuesto, tenías dos opciones: construir todo desde cero o heredar alguno de los temas ya integrados como Reindeer, Runo o Chameleon. Ese esquema de herencia se basó en la sentencia @import de CSS, que es la base del comportamiento en cascada de los estilos CSS.&lt;br/>
El problema con este enfoque es que dificulta la personalización por la complejidad del DOM renderizado y la falta de variables que pudieran ayudar a modificar ciertos aspectos de los temas base como tamaño y el espaciado, que varias reglas tenían en común.&lt;/p></description></item><item><title>Planificando la estrategia de SCM</title><link>https://www.flowingcode.com/es/planificando-la-estrategia-de-scm/</link><pubDate>Mon, 11 May 2020 15:01:19 +0000</pubDate><guid>https://www.flowingcode.com/es/planificando-la-estrategia-de-scm/</guid><description>&lt;div style="text-align: justify;">
&lt;div style="clear: both; text-align: center;">&lt;img alt="" class="alignnone size-full wp-image-426" height="340" loading="lazy" src="https://www.flowingcode.com/images/uploads/2018/12/Planning-your-SCM-strategy.jpg" width="760"/>&lt;/div>
&lt;p>Las empresas que están planeando o desarrollando un producto de software nos consultan frecuentemente sobre los problemas que se encuentran cuando tratan de definir un buen proceso de producción, lograr un buen trabajo en equipo y contar con la seguridad necesaria para el manejo adecuado del código fuente.&lt;br/>
Durante nuestros años de experiencia, desarrollamos una sólida visión sobre las herramientas más importantes que se deben utilizar si se desea producir software de forma controlada.&lt;br/>
Estas herramientas incentivan la implementación de una estrategia de &lt;a href="https://en.wikipedia.org/wiki/Software_configuration_management">Gestión de Configuración del Software&lt;/a> (SCM) dentro de la organización. A su vez, esto tiene un gran impacto positivo en muchos aspectos, algunos técnicos, pero también en los funcionales y los orientados al proceso de desarrollo y producción.&lt;br/>
Hoy, la mayoría de los ingenieros de software dan por sentado el uso de estas herramientas. Pero hay casos de empresas con pequeños equipos de desarrollo o con deficiencias organizacionales que necesitan ayuda para resolver estas cuestiones. Con esa intención, escribimos una descripción general de este tema.&lt;br/>
La mayoría de los problemas importantes que pueden surgir se resuelven instalando, configurando y utilizando estas herramientas correctamente.&lt;br/>
Un hecho clave es que estas herramientas son importantes independientemente del idioma o la plataforma que esté utilizando.&lt;/p></description></item><item><title>Inauguración de oficinas y charlas de Vaadin</title><link>https://www.flowingcode.com/es/inauguracion-de-oficinas-y-charlas-de-vaadin/</link><pubDate>Mon, 11 May 2020 14:55:49 +0000</pubDate><guid>https://www.flowingcode.com/es/inauguracion-de-oficinas-y-charlas-de-vaadin/</guid><description>&lt;p>El martes pasado organizamos un pequeño evento, que tuvo dos objetivos principales. El primero de ellos fue el de darnos a conocer con los desarrolladores de la ciudad y de la zona, y presentarles nuestras instalaciones. El segundo objetivo, fue el de dar el puntapié inicial para una planificación de charlas de tecnología previstas para el año próximo.&lt;br/>En este primer encuentro, realizamos un par de presentaciones. Para comenzar, hablamos sobre &lt;a href="https://vaadin.com/docs/v8/index.html">Vaadin 8&lt;/a>, ofrecimos una descripción general del framework y su arquitectura, y una lista de las principales nuevas características desde &lt;a href="https://vaadin.com/docs/v7/index.html">Vaadin 7&lt;/a>.&lt;br/>Luego presentamos la nueva plataforma &lt;a href="https://vaadin.com/docs/v10/index.html">Vaadin 10&lt;/a>, explicando las nuevas tecnologías detrás del framework y las nuevas características disponibles en la versión de prueba para desarrolladores.&lt;br/>Para finalizar, invitamos a todos con bocaditos y bebidas en la terraza abierta, con un cielo estrellado como telón de fondo, donde pudimos hablar de nuevas tecnologías y generar nuevos contactos.&lt;br/>¡Compartimos algunas fotos del evento!&lt;/p></description></item><item><title>Implementación de Spring Security en una aplicación Vaadin</title><link>https://www.flowingcode.com/es/implementacion-de-spring-security-en-una-aplicacion-vaadin/</link><pubDate>Mon, 11 May 2020 14:46:54 +0000</pubDate><guid>https://www.flowingcode.com/es/implementacion-de-spring-security-en-una-aplicacion-vaadin/</guid><description>&lt;div style="clear: both; text-align: center;">&lt;img alt="" class="alignnone size-full wp-image-440" height="340" loading="lazy" src="https://www.flowingcode.com/images/uploads/2017/10/Implementing-Spring-Security-on-a-Vaadin-application.png" width="760"/>&lt;/div>
&lt;p>Hoy voy a escribir un poco sobre mi experiencia en tratar de dar seguridad a una aplicación simple de Vaadin usando uno de los frameworks de seguridad más populares: las extensiones de seguridad de SpringFramework.&lt;br/>
Esta publicación abordará la parte de realizar una configuración predeterminada para que funcione, por supuesto que después de esto, tendremos muchas cosas para hacer en el proyecto para terminar de implementarlo, como almacenar y recuperar los datos de usuario de la base de datos utilizada, elegir el algoritmo de encriptación de contraseña, etc. Pero al menos tendrás una visión general de lo que se debe hacer para lograr esto.&lt;/p></description></item><item><title>Capacidades de edición de la Grilla de Vaadin</title><link>https://www.flowingcode.com/es/capacidades-de-edicion-de-la-grilla-de-vaadin/</link><pubDate>Mon, 11 May 2020 14:37:51 +0000</pubDate><guid>https://www.flowingcode.com/es/capacidades-de-edicion-de-la-grilla-de-vaadin/</guid><description>&lt;div class="wp-block-group">&lt;div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
&lt;div>&lt;img alt="" class="alignnone size-full wp-image-442" height="340" loading="lazy" src="https://www.flowingcode.com/images/uploads/2017/10/Vaadins-Grid-editing-capabilities.png" width="760"/>&lt;/div>
&lt;div style="text-align: justify;">En esta oportunidad, me gustaría hablar un poco sobre algo que creo que es una de las funcionalidades más poderosas del componente “Vaadin Grid”: la función de edición. La vista predeterminada del componente es una vista de solo lectura, de los datos de la tabla cargados en este componente. Pero si habilitamos el editor, podremos modificar visualmente las celdas de la grilla y cambiar los datos que ésta mantiene en la memoria del servidor. Analicemos algunas dificultades en el uso esta función y cómo superarlas.&lt;/div>
&lt;h3>Edición en línea&lt;/h3>
&lt;div style="text-align: justify;">Si observamos la aplicación demo de ejemplo, veremos que el Editor es como un pequeño formulario que se abre cada vez que hacemos doble clic en una fila. Diferente al comportamiento previo del componente, en las versiones anteriores de Vaadin (Table). Con Table, cuando hacemos doble clic, la fila completa cambia a modo lectura/escritura, sin convertir la fila en un “mini-formulario” como ahora lo hace Grid. Por supuesto, este comportamiento es configurable, puedes deshabilitarlo simplemente invocando a &lt;span style="background-color: white; color: #464440; font-size: 14px;">&lt;span style="font-family: 'courier new' , 'courier' , monospace;">&lt;b>setBuffered(false)&lt;/b>&lt;/span>&lt;/span>&lt;span style="background-color: white; color: #464440; font-family: 'helvetica neue' , 'helvetica' , 'arial' , 'microsoft yahei new' , 'microsoft yahei' , 'simsun' , 'stxihei' , sans-serif; font-size: 14px; font-style: italic;">.&lt;/span>&lt;/div>
&lt;div style="text-align: justify;">A pesar de ser de alguna manera mucho más visual, este nuevo comportamiento podría no ser no deseado para aquellas aplicaciones empresariales que dependen más del teclado, y no tanto del mouse, para manejar la tabla o la grilla.&lt;/div>
&lt;div style="text-align: justify;">Pero si los usuarios desean este tipo de manejo de la grilla, entonces el complemento &lt;a href="https://vaadin.com/directory#!addon/gridfastnavigation-add-on" rel="noopener noreferrer" target="_blank">Grid Fast Navigation Addon&lt;/a> es lo ideal. Éste utiliza &lt;a href="https://vaadin.com/docs/-/part/framework/gwt/gwt-extension.html" rel="noopener noreferrer" target="_blank">Component Extension feature&lt;/a>para darle a la grilla una nueva apariencia, que hace que la edición sea mucho más fácil y la transforma, otorgándole una de edición sencilla al estilo de Excel.&lt;/div>
&lt;table align="center" cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: center;">
&lt;tbody>
&lt;tr>
&lt;td style="text-align: center;">&lt;a href="https://www.flowingcode.com/wp-content/uploads/2017/10/FastNavigation.gif" style="margin-left: auto; margin-right: auto;">&lt;img border="0" loading="lazy" src="https://www.flowingcode.com/images/uploads/2017/10/FastNavigation.gif"/>&lt;/a>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td style="font-size: 12.8px;">Complemento Grid Fast Navigation en acción.&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h3>Componentes&lt;/h3>
&lt;div style="text-align: justify;">Otra cosa que evitó que algunos desarrolladores dejaran de usar Table y comenzaran a usar Grid, fue que no se podía usar un componente estándar dentro de una celda de la grilla. Si se desea, por ejemplo, utilizar casillas de verificación dentro de una celda, se debe crear una clase especial, llamada “renderer”, que debe manejar el lado cliente y el lado del servidor de esa celda.&lt;/div>
&lt;div style="text-align: justify;">Afortunadamente, hay algunos complementos que pueden ayudarte con esa tarea. El que se destaca es &lt;a href="https://vaadin.com/directory#!addon/grid-renderers-collection-for-vaadin7" rel="noopener noreferrer" target="_blank">Grid renderes collection&lt;/a> (disponible para las versiones Vaadin 7 y 8). Esta colección proporciona muchos componentes que permiten manejar selecciones, casillas de verificación, imágenes, etc.&lt;/div>
&lt;div style="text-align: justify;">En la &lt;a href="https://vaadin.com/blog/-/blogs/vaadin-8-1-beta-is-out" rel="noopener noreferrer" target="_blank">última versión de Vaadin&lt;/a>, una de las características más interesantes es el nuevo Renderer, que da la capacidad de utilizar un componente Vaadin dentro de una celda de una grilla. Se puede ver una vista previa en la &lt;a href="https://demo.vaadin.com/sampler/#ui/grids-and-trees/grid/component-renderer" rel="noopener noreferrer" target="_blank">aplicación de ejemplo&lt;/a>.&lt;/div>
&lt;div style="text-align: justify;">Sin embargo, si estás utilizando Vaadin 7, podrías usar una versión experimental de esta característica, instalando &lt;a href="https://vaadin.com/directory#!addon/componentrenderer" rel="noopener noreferrer" target="_blank">Component Renderer Addon&lt;/a>.
&lt;br/>
¡Pruébalo!&lt;/div>
&lt;div style="text-align: justify;">&lt;/div>
&lt;/div>&lt;/div></description></item><item><title>Resumen de nuestro año: #QuedateEnCasa #Cuidate</title><link>https://www.flowingcode.com/es/resumen-de-nuestro-ultimo-periodo/</link><pubDate>Tue, 14 Apr 2020 20:16:54 +0000</pubDate><guid>https://www.flowingcode.com/es/resumen-de-nuestro-ultimo-periodo/</guid><description>&lt;div class="wp-block-image">&lt;figure class="alignright size-large is-resized">&lt;img alt="" class="wp-image-452" height="260" loading="lazy" src="https://www.flowingcode.com/images/uploads/2020/04/photo4blog.jpg" width="260"/>&lt;/figure>&lt;/div>
&lt;p class="wp-block-paragraph">A pesar de que estamos transitando estos tiempos bastante inciertos y la realidad del mundo hoy es muy diferente a lo que era un año atrás, Flowing Code está cumpliendo 3 años y queríamos aprovechar el momento para reconocer el buen trabajo y el crecimiento que logramos. Así que aquí va un resumen de nuestro último año:&lt;/p></description></item><item><title>Desarrollo de web-apps modernas con Vaadin @ UNL</title><link>https://www.flowingcode.com/es/desarrollo-de-web-apps-modernas-con-vaadin-unl/</link><pubDate>Mon, 24 Sep 2018 23:02:00 +0000</pubDate><guid>https://www.flowingcode.com/es/desarrollo-de-web-apps-modernas-con-vaadin-unl/</guid><description>&lt;div style="text-align: justify;">
&lt;div style="clear: both; text-align: center;"> &lt;/div>
&lt;p>&lt;a href="https://2.bp.blogspot.com/-kC8IyMRzV9o/W6kZL1cSRqI/AAAAAAAAA_4/PBR11iYChYQZjLsYKBIX0mmIUcWZBBxngCLcBGAs/s1600/UNL1-1.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">&lt;img border="0" height="185" loading="lazy" src="https://2.bp.blogspot.com/-kC8IyMRzV9o/W6kZL1cSRqI/AAAAAAAAA_4/PBR11iYChYQZjLsYKBIX0mmIUcWZBBxngCLcBGAs/s320/UNL1-1.jpg" width="320"/>&lt;/a>El miércoles pasado dimos una presentación en la &lt;a href="http://fich.unl.edu.ar/" rel="noopener noreferrer" target="_blank">Universidad Nacional del Litoral&lt;/a>, donde explicamos algunos conceptos relacionados al desarrollo de aplicaciones web utilizando la última versión del &lt;a href="https://vaadin.com/" rel="noopener noreferrer" target="_blank">framework finlandés&lt;/a>.&lt;/p></description></item><item><title>Conozca nuestros clientes</title><link>https://www.flowingcode.com/es/clientes/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/clientes/</guid><description/></item><item><title>Conozca nuestros clientes - Consultoría</title><link>https://www.flowingcode.com/es/servicio/consultoria/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/servicio/consultoria/</guid><description/></item><item><title>Conozca nuestros clientes - Desarrollo</title><link>https://www.flowingcode.com/es/servicio/desarrollo/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/servicio/desarrollo/</guid><description/></item><item><title>Conozca nuestros clientes - Open Source</title><link>https://www.flowingcode.com/es/servicio/codigo-abierto/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/servicio/codigo-abierto/</guid><description/></item><item><title>Conozca nuestros clientes - SCM</title><link>https://www.flowingcode.com/es/servicio/scm-es/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/servicio/scm-es/</guid><description/></item><item><title>Consultoría</title><link>https://www.flowingcode.com/es/services/consultoria/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/services/consultoria/</guid><description>&lt;p>&lt;span style="font-weight: 400">Las plataformas de software complejas presentan desafíos estratégicos constantes. Tomar las decisiones de arquitectura correctas, modernizar sistemas heredados (&lt;/span>&lt;i>&lt;span style="font-weight: 400">legacy&lt;/span>&lt;/i>&lt;span style="font-weight: 400">) y navegar nuevas tecnologías como la IA requiere más que solo consejos: exige una guía basada en experiencia real y práctica. Nuestros servicios de consultoría te brindan acceso directo a desarrolladores senior con experiencia práctica, capaces de mitigar los riesgos de tus proyectos, optimizar tu plataforma para el futuro y garantizar la excelencia técnica.&lt;/span>&lt;/p></description></item><item><title>Desarrollo</title><link>https://www.flowingcode.com/es/services/desarrollo/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/services/desarrollo/</guid><description>&lt;p>&lt;span style="font-weight: 400">Construimos software empresarial robusto y de alto rendimiento con la calidad garantizada de un proceso certificado bajo la norma ISO 9001:2015. Nuestro servicio es desarrollo de software, puro y enfocado. Ponemos a tu disposición expertos Java senior que se integran a tu equipo para escribir código limpio, escalable y mantenible, convirtiendo los requerimientos complejos de tu negocio en activos tecnológicos potentes y duraderos.&lt;/span>&lt;/p></description></item><item><title>DevOps</title><link>https://www.flowingcode.com/es/services/devops-es/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/services/devops-es/</guid><description>&lt;p>Entregar software de forma confiable y rápida requiere más que solo buen código: exige una cultura de colaboración y un conjunto de herramientas (toolchain) altamente automatizado. DevOps es la filosofía que unifica a tus equipos de desarrollo y operaciones para lograr este objetivo. Te ayudamos a adoptar e implementar las prácticas y herramientas de DevOps necesarias para optimizar todo tu ciclo de vida de software, desde el primer commit hasta el deploy en producción, y más allá.&lt;/p></description></item><item><title>Historial de Cambios</title><link>https://www.flowingcode.com/es/historial-de-cambios/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/historial-de-cambios/</guid><description>&lt;h2 class="wp-block-heading">Política de Calidad&lt;/h2>
&lt;ul class="wp-block-list">
&lt;li>Versión 1: &lt;a href="https://www.flowingcode.com/es/politica-de-calidad-version-1/">https://www.flowingcode.com/es/politica-de-calidad-version-1/&lt;/a>&lt;/li>
&lt;li>Versión 2: &lt;a href="https://www.flowingcode.com/es/politica-de-calidad-version-2/">https://www.flowingcode.com/es/politica-de-calidad-version-2/&lt;/a>&lt;/li>
&lt;li>Versión 3 (última versión): &lt;a href="https://www.flowingcode.com/es/politica-de-calidad/">https://www.flowingcode.com/es/politica-de-calidad/&lt;/a>&lt;/li>
&lt;/ul>
&lt;h2 class="wp-block-heading">Política de Privacidad&lt;/h2>
&lt;ul class="wp-block-list">
&lt;li>Versión 1: &lt;a href="https://www.flowingcode.com/es/politica-de-privacidad-version-1/">https://www.flowingcode.com/es/politica-de-privacidad-version-1/&lt;/a>&lt;/li>
&lt;li>Versión 2: &lt;a href="https://www.flowingcode.com/es/politica-de-privacidad-version-2/">https://www.flowingcode.com/es/politica-de-privacidad-version-2/&lt;/a>&lt;/li>
&lt;li>Versión 3: &lt;a href="https://www.flowingcode.com/es/politica-de-privacidad-version-3/">https://www.flowingcode.com/es/politica-de-privacidad-version-3/&lt;/a>&lt;/li>
&lt;li>Versión 4 (última versión): &lt;a href="https://www.flowingcode.com/es/politica-de-privacidad/">https://www.flowingcode.com/es/politica-de-privacidad/&lt;/a>&lt;/li>
&lt;/ul></description></item><item><title>Links charla Tecnomate</title><link>https://www.flowingcode.com/es/tecnomate/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/tecnomate/</guid><description>&lt;div class="wp-block-image">&lt;figure class="alignright size-large is-resized">&lt;img alt="" class="wp-image-1354" height="316" loading="lazy" src="https://www.flowingcode.com/images/uploads/2022/11/IMG_20221111_085834-1-1024x576.jpg" width="563"/>&lt;/figure>&lt;/div>
&lt;p class="wp-block-paragraph">Enlaces utilizados en la demo&lt;br/>Vaadin&lt;br/>– &lt;a href="https://hilla.dev" rel="noreferrer noopener nofollow" target="_blank">Hilla website&lt;/a> &lt;br/>– &lt;a href="https://start.vaadin.com" rel="noreferrer noopener nofollow" target="_blank">Starter app&lt;/a> &lt;br/>– &lt;a href="https://demo.vaadin.com/lumo-editor" rel="noreferrer noopener nofollow" target="_blank">Lumo editor&lt;/a> &lt;br/>Lit&lt;br/>– &lt;a href="https://lit.dev/components/rendering">Render&lt;/a> &lt;br/>– &lt;a href="https://lit.dev/components/styles" rel="noreferrer noopener nofollow" target="_blank">Styles&lt;/a>&lt;br/>– &lt;a href="https://lit.dev/components/properties" rel="noreferrer noopener nofollow" target="_blank">Reactive properties&lt;/a> &lt;br/>– &lt;a href="https://lit.dev/template/expressions" rel="noreferrer noopener nofollow" target="_blank">Expressions&lt;/a> &lt;br/>– &lt;a href="https://lit.dev/components/lifecycle" rel="noreferrer noopener nofollow" target="_blank">Lifecycle&lt;/a> &lt;br/>Hilla&lt;br/>– &lt;a href="https://hilla.dev/docs/application/accessing-backend" rel="noreferrer noopener nofollow" target="_blank">Endpoints&lt;/a> &lt;br/>– &lt;a href="https://hila.dev/docs/data-binding/binder" rel="noreferrer noopener nofollow" target="_blank">Data binder&lt;/a> &lt;br/>– &lt;a href="https://hilla.dev/blog/interactive-applications-with-server-push" rel="noreferrer noopener nofollow" target="_blank">Reactive endpoints&lt;/a> &lt;/p></description></item><item><title>Open Source</title><link>https://www.flowingcode.com/es/codigo-abierto/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/codigo-abierto/</guid><description/></item><item><title>Open Source</title><link>https://www.flowingcode.com/es/services/codigo-abierto/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/services/codigo-abierto/</guid><description>&lt;p>El código abierto (open source) es la base del software moderno y un pilar fundamental de nuestra cultura de ingeniería. Para nosotros, representa un profundo compromiso con la transparencia, la excelencia impulsada por la comunidad y el dominio técnico. No somos meros consumidores de tecnología de código abierto; somos participantes activos y promotores, dedicados a contribuir con el ecosistema que impulsa a toda la industria.&lt;/p></description></item><item><title>Open Source - AddOns</title><link>https://www.flowingcode.com/es/opensource/addons-es/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/opensource/addons-es/</guid><description/></item><item><title>Open Source - Componentes Web</title><link>https://www.flowingcode.com/es/opensource/componentes-web/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/opensource/componentes-web/</guid><description/></item><item><title>Política de calidad</title><link>https://www.flowingcode.com/es/politica-de-calidad/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-calidad/</guid><description>&lt;p class="wp-block-paragraph">Flowing Code es una empresa dedicada a la comercialización de servicios de desarrollo de software y consultoría en informática en Argentina y en el extranjero.&lt;/p>
&lt;p class="wp-block-paragraph">La Dirección de Flowing Code ha adoptado el compromiso de implantar un Sistema de Gestión de la Calidad, basado en la norma internacional ISO 9001 para su servicio de desarrollo de aplicaciones empresariales.&lt;br/>Nuestra Política de Calidad se basa en los siguientes principios, que conforman las líneas primordiales de nuestra estrategia de negocios:&lt;/p></description></item><item><title>Política de calidad (Versión 1)</title><link>https://www.flowingcode.com/es/politica-de-calidad-version-1/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-calidad-version-1/</guid><description>&lt;p class="wp-block-paragraph">Flowing Code es una empresa dedicada a la comercialización de servicios de desarrollo de software y consultoría en informática en Argentina y en el extranjero.&lt;/p>
&lt;p class="wp-block-paragraph">La Dirección de Flowing Code ha adoptado el compromiso de implantar un Sistema de Gestión de la Calidad, basado en la norma internacional ISO 9001 para su servicio de programación java para aplicaciones empresariales.&lt;br/>Nuestra Política de Calidad se basa en los siguientes principios, que conforman las líneas primordiales de nuestra estrategia de negocios:&lt;/p></description></item><item><title>Política de calidad (Versión 2)</title><link>https://www.flowingcode.com/es/politica-de-calidad-version-2/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-calidad-version-2/</guid><description>&lt;p class="wp-block-paragraph">Flowing Code es una empresa dedicada a la comercialización de servicios de desarrollo de software y consultoría en informática en Argentina y en el extranjero.&lt;/p>
&lt;p class="wp-block-paragraph">La Dirección de Flowing Code ha adoptado el compromiso de implantar un Sistema de Gestión de la Calidad, basado en la norma internacional ISO 9001 para su servicio de desarrollo de aplicaciones empresariales.&lt;br/>Nuestra Política de Calidad se basa en los siguientes principios, que conforman las líneas primordiales de nuestra estrategia de negocios:&lt;/p></description></item><item><title>Política de Privacidad</title><link>https://www.flowingcode.com/es/politica-de-privacidad/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-privacidad/</guid><description>&lt;h3 class="wp-block-heading">Información general&lt;/h3>
&lt;p class="wp-block-paragraph">Esta Política de Privacidad contiene la información exigida por el Reglamento General de Protección de Datos de la Unión Europea (“RGPD”) y la Ley de Protección de los Datos Personales N.º 25.326 de la República Argentina. Proporciona información general sobre los principios de protección de datos de Flowing Code S.A. dirigida a miembros de la comunidad de desarrolladores, clientes y otras partes interesadas.&lt;/p></description></item><item><title>Política de Privacidad (Version 1)</title><link>https://www.flowingcode.com/es/politica-de-privacidad-version-1/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-privacidad-version-1/</guid><description>&lt;h3 class="wp-block-heading">&lt;strong>Información general&lt;/strong>&lt;/h3>
&lt;p class="wp-block-paragraph">Esta política de privacidad contiene información sobre el tratamiento de datos personales de conformidad al Reglamento General de Protección de Datos de la UE (“RGPD”) y la Ley de Protección de Datos Personales de Argentina N ° 25.326. La política de privacidad también proporciona información general sobre los principios de protección de datos de Flowing Code para miembros de la comunidad de desarrolladores, clientes y otras partes interesadas.&lt;/p></description></item><item><title>Política de Privacidad (Version 2)</title><link>https://www.flowingcode.com/es/politica-de-privacidad-version-2/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-privacidad-version-2/</guid><description>&lt;h3 class="wp-block-heading">&lt;strong>Información general&lt;/strong>&lt;/h3>
&lt;p class="wp-block-paragraph">Esta política de privacidad contiene información sobre el tratamiento de datos personales de conformidad al Reglamento General de Protección de Datos de la UE (“RGPD”) y la Ley de Protección de Datos Personales de Argentina N ° 25.326. La política de privacidad también proporciona información general sobre los principios de protección de datos de Flowing Code para miembros de la comunidad de desarrolladores, clientes y otras partes interesadas.&lt;/p></description></item><item><title>Política de Privacidad (Versión 3)</title><link>https://www.flowingcode.com/es/politica-de-privacidad-version-3/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/politica-de-privacidad-version-3/</guid><description>&lt;h3 class="wp-block-heading">&lt;strong>Información general&lt;/strong>&lt;/h3>
&lt;p class="wp-block-paragraph">Esta política de privacidad contiene información sobre el tratamiento de datos personales de conformidad al Reglamento General de Protección de Datos de la UE (“RGPD”) y la Ley de Protección de Datos Personales de Argentina N ° 25.326. La política de privacidad también proporciona información general sobre los principios de protección de datos de Flowing Code para miembros de la comunidad de desarrolladores, clientes y otras partes interesadas.&lt;/p></description></item><item><title>Sumate</title><link>https://www.flowingcode.com/es/sumate/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.flowingcode.com/es/sumate/</guid><description/></item></channel></rss>