Manejar cualquier lenguaje es una tarea compleja, sin embargo, todos lo hacemos; ¿acaso no nuestro idioma nos permite programarnos a nivel individual y como sociedad? Pues bien, en el caso de los profesionales en programación sucede algo similar y hoy te lo quiero explicar.

<h4>Descubriendo el camino para adentrarse a la programación</h4>
<figure><img alt="Habilidades de un programador profesional" src="https://cdn-images-1.medium.com/max/1024/1*gnzTlk6ncgpY7k2HkvRGng.jpeg"></figure>Manejar cualquier lenguaje es una tarea compleja, sin embargo, todos lo hacemos; ¿acaso no nuestro idioma nos permite programarnos a nivel individual y como sociedad? Pues bien, en el caso de los profesionales en programación sucede algo similar y hoy te lo quiero explicar.
Como seres humanos nacemos programados y para programar, por eso puedo decir que todos nacemos programadores, pero… ¿qué es lo que verdaderamente hace a alguien en un experto en programación?
El lenguaje, ya sea escrito, oral o corporal nos permite emitir un mensaje entrante y producir un mensaje o acción de salida. Y además, nacemos con un sistema completamente programado para realizar funciones vitales como respirar, procesar alimentos, distribuir oxígeno, etc., lo que significa que lo que nos hace programadores es la acción, la práctica y los sistemas funcionando.
Con esta idea viene el concepto de pragmatismo que es una doctrina filosófica nacida en Estados Unidos a finales del siglo XIX, fruto del pensamiento de Charles Sanders Pierce (1839–1914), William James (1842–1910) y John Dewey (1859–1952).
Según sus propios creadores, se trata más de una manera de pensar que de una corriente filosófica, y se resume en que la teoría debe extraerse de la práctica (y no al revés), y luego aplicarse a la práctica misma (o sea, a su mejoramiento) para alcanzar así una práctica inteligente.
Ahora bien, de este tema surgen 2 preguntas importantes:
<ol><li>¿Qué es lo que influye para hacer grandes programadores? La respuesta es la programación pragmática que se resume en la práctica inteligente, constante, cambiante e influyente.</li></ol>
2. ¿Cómo alguien puede hacerse un programador pragmático? Para contestar esto, Andrew Hunt y David Thomas (1999), en su libro The pragmatic programmer, brindan estas características y consejos para serlo:
<h4>Características de un programador pragmático</h4>
<ol>
<li>Adopta de manera temprana nuevas herramientas y conocimientos. Y también se adapta muy rápido.</li>
<li>Es curioso. Se cuestiona constantemente.</li>
</ol>
3. Es crítico. No se conforma con un “porque así se hacen las cosas y punto”. Al contrario, se cuestiona, investiga, busca entender el porqué.
4. Es realista. Logra identificar la complejidad en tiempo y esfuerzo que conlleva solucionar un problema.
<h4>Consejos para convertirse en un programador pragmático</h4>
Tip 1. Pensar acerca del trabajo
Este consejo se refiere a reflexionar y arreglar en la marcha, cuestionar si lo que se está haciendo es la mejor opción y a no acumular soluciones fácilmente desechables.
Tip 2: Dar opciones, no excusas
Muchas veces existirán problemas que no siempre uno mismo ocasionará. Y si bien es válido quejarse, no lo es dar excusas como respuesta al problema.
Tip 3: Eliminar efectos entre cosas no relacionadas
Este es de mis consejos favoritos. En la mayoría de cosas que se hagan, es necesario evitar que dependan unas de otras.
Incluso por la manera en que funciona el cuerpo humano, es posible identificar la importancia de la independencia (ortogonalidad). Qué horrible sería que por un dolor de estómago duela absolutamente todo el cuerpo ¿no?, o que por una infección de garganta se detenga el corazón.😳
Esta independencia ayuda a que los códigos sean más resistentes al cambio y a evitar multiplicar problemas. Por eso es fundamental lograr que el código sea lo más independiente posible.
Tip 4: Saber que no hay decisiones finales
Es importante ser consciente de que no existen soluciones únicas. Una rápida adopción y adaptación es clave.
Tip 5: Mantener el conocimiento documentado
Si cada quien aprendiera únicamente de su propia práctica, nos quedaríamos estancados, por eso es importantísimo transferir el conocimiento y en su momento, resguardarlo. Para conseguirlo es vital documentar las creaciones que se generen.
Tip 6: Profundizar en el código y la documentación antes de culpar a las otras cosas de que están rotas
Toda creación está propensa a errores, por eso siempre hay que profundizar en ella. Revisar y analizar el código y la documentación antes de culpar a eventos externos es crucial, “las funciones no están rotas”.
Tip 7: No asumir, es mejor demostrar
No basta con asumir que un código funciona con una prueba, es necesario comprobar si también funciona en más casos, en diferentes entornos y hasta con otras personas.
Así como cuando un producto (medicamento, alimento, etc.) es puesto a prueba en distintos ambientes, el código también debe probarse. No basta con asumir que si funciona en una ocasión, funcionará en otras.
Tip 8: No usar código “mágico” que no se entienda
No hay que usar código que uno mismo no entienda. Las cosas no pueden funcionar a costa de tener suerte, pues tarde o temprano será obsoleto o peor aún, perjudicará a alguien más.
Tip 9: Saber que nadie escribe código perfecto
Es importante evitar la “paranoia” del programador pragmático que se resume en hacerse consciente de que no existe código perfecto. Siempre vendrán mejoras, por eso no hay que caer en el exceso de la perfección.
El programador pragmático debe solucionar conforme al tiempo, la situación actual y los recursos disponibles, no existe solución eterna.
Tip 10: Escribir código que escriba código
Una ventaja del día a día es poder automatizar y acelerar las tareas.
¿Imaginas que no existiera el microondas, la estufa o la sartén? Tardarías demasiado en cocinar ¿verdad? Pues bien, a nivel código pasa lo mismo, la vida no es la misma sin las funciones, clases, ciclos, etc., por eso resulta irracional no aprovechar código que trabaje contigo.
Tip 11: Si no puede suceder, usar afirmaciones para asegurarse de que no sucederá
Asegurar con aserciones y excepciones cosas que no pueden pasar, rompe el código. Por esta razón siempre será necesario limitar lo que puede entrar o no, a un programa.
Para concluir, me gustaría dejarte en claro que aún hay más tips por conocer (y estoy seguro que los seguirá habiendo), así que te invito a consultar constantemente información sobre el tema y sobre todo, a poner manos a la obra (practicar) para generar nuevo conocimiento y transmitirlo.
Por otro lado, ten presente que estos consejos no solo sirven para aplicarse a la programación informática, sino también puedes ponerlos en práctica en cualquier ámbito de tu vida. Así que espero te sean útiles tanto en tu vida profesional, como en la personal.
<blockquote>“El programador nace y se hace pragmático”.</blockquote>
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=28ff3575d630" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/un-programador-nace-o-se-hace-28ff3575d630">¿Un programador nace o se hace?</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

¿Un programador nace o se hace?

La accesibilidad es un tema de enorme importancia porque garantiza el acceso inclusivo a la web y a la tecnología para todas las personas, pero… ¿cómo garantizarla?

<h4>La accesibilidad es fundamental para todos los usuarios</h4>
<figure><img alt="Accesibilidad UX" src="https://cdn-images-1.medium.com/max/1024/1*_bhR5rD-0fJ48Hl1uZB1wg.jpeg"></figure>La accesibilidad es un tema de enorme importancia porque garantiza el acceso inclusivo a la web y a la tecnología para todas las personas, pero… ¿cómo garantizarla?
Datos actuales indican que más del <a href="https://www.who.int/es/news-room/fact-sheets/detail/disability-and-health">15% de la población mundial</a> (mil millones de personas) experimenta algún tipo de discapacidad. Por eso, con el fin de crear soluciones para todos los usuarios, hoy es necesario incorporar una planificación y una auditoría de la accesibilidad en todos y cada uno de los procesos de diseño y desarrollo.
Y para que sepas por dónde empezar, ahora te explico cómo lograrlo.😉
<h4>¿Quiénes son las personas con discapacidad?</h4>
Primero es importante entender lo más básico de este tema.
Tal y como señala la Asamblea General de las Naciones Unidas, las <a href="https://www.un.org/esa/socdev/enable/documents/tccconvs.pdf">personas con discapacidad</a> son aquellas que tienen deficiencias físicas, mentales, intelectuales o sensoriales a largo plazo que, al interactuar con diversas barreras, impiden su participación plena y efectiva en la sociedad, en igualdad de condiciones con las demás.
Dicho esto, es momento de ir más allá.
<h4>¿Qué es la accesibilidad?</h4>
La accesibilidad es la práctica de eliminar barreras para que todas las personas accedan a donde necesitan.
Y en el mundo físico es fácil de identificar; un claro ejemplo de adaptación para accesibilidad es la creación rampas para que las personas de edad avanzada o en sillas de ruedas entren fácilmente a algún lugar.
Pues bien, lo mismo ocurre con los productos digitales y los sitios web. Debido a que existen usuarios que usan ampliadores y lectores de pantalla, y también quienes no pueden usar un mouse o trackpad, es necesario contar con elementos que les permitan aprovecharlos.
Todo el mundo, independientemente de sus discapacidades o limitaciones, debe poder acceder a ellos y consumirlos.
<h4>Accesibilidad y usabilidad: ¿son lo mismo?</h4>
La “accesibilidad” y la “usabilidad” son términos que se superponen.
Algunos estándares definen al primero como la usabilidad de un producto, servicio, entorno o instalación por parte de personas con la gama más amplia de capacidades. Lo que enfatiza que la accesibilidad implica tanto la facilidad de uso (que puede afectar la eficiencia de la tarea y la satisfacción del usuario) como el éxito del uso, es decir, la eficacia del sistema.
<h4>¿Por qué gastar tiempo y dinero en accesibilidad, especialmente si un porcentaje tan pequeño de mis usuarios potenciales lo requiere?</h4>
La respuesta corta es porque todos los usuarios se benefician de una buena accesibilidad y un diseño inclusivo, básicamente por estas razones:
<ul>
<li>Es útil ante discapacidades temporales o situaciones especiales.</li>
<li>Existen requisitos legales que deben cumplirse para poder implementar una buena accesibilidad en la web y en un software.</li>
<li>Muchas de las características diseñadas para usuarios con discapacidades se desarrollan y luego son adoptadas por un público mucho más amplio. Por ejemplo: los subtítulos que aumentan la comprensión, la voz que se usa en los videos de redes sociales y la asistencia digital que ayuda a resolver problemas con agilidad.</li>
</ul>
<h4>¿Qué personas necesitan de la accesibilidad?</h4>
Las personas que comúnmente necesitan de la accesibilidad son aquellas con discapacidad motriz. Alguien con limitantes en sus brazos, por ejemplo, requiere un software de seguimiento ocular y estados de enfoque.
Asimismo, aquellas con discapacidades cognitivas y de aprendizaje, también la necesitan. Estas pueden representar dificultades temporales o permanentes en el uso de las funciones cognitivas, por ejemplo: aprendizaje, comunicación y lectura, memoria, atención, problemas visuales, lenguaje y pensamiento numérico.
Una navegación compleja en el diseño de una página, los textos largos sin imágenes y sin ningún otro soporte gráfico, contenido que se mueve, parpadea o titila, y audio de fondo que no se puede apagar, hace difícil el uso y la comprensión.
De igual manera, los usuarios con discapacidad visual, por ejemplo, personas con baja visión, daltónicos o ciegos, también necesitan de la accesibilidad.
Barreras como imágenes sin alternativas de texto, textos de página que no cambian de tamaño, textos e imágenes con contraste insuficiente entre las combinaciones de colores de primer plano y de fondo, y textos y navegadores sin combinaciones de colores personalizadas, también impiden el uso y la comprensión.
<h4>¿Cómo desarrollar una experiencia de usuario accesible?</h4>
Aunque para crear una experiencia de usuario accesible e inclusiva debes centrarte en 4 áreas: visual, auditiva, motora y cognitiva, para fines de este artículo solo te diré cómo enfocarte en lo visual.
Lo primero por hacer es brindar una lista de estándares que el diseño, la ingeniería y el contenido pueden seguir para ayudar a los usuarios con discapacidades visuales, auditivas, motoras y cognitivas. Para conseguirlo necesitas observar el diseño en sí, la jerarquía del contenido y la función.
Esto no solo es bueno para los usuarios, sino también para el negocio en general, ya que el SEO u optimización de motores de búsqueda, ahora considera los puntajes de accesibilidad al clasificar las páginas en Google.
Ahora, cuando se trata de accesibilidad visual, es necesario que te centres en 6 áreas, cada una con sus propias complejidades: color, contraste, jerarquía, fuente, formularios y movimiento. Y para que lo entiendas más, enseguida te explicaré en qué consiste cada una:
Color
En cuanto al color, es fácil suponer que todos pueden ver el mismo espectro de colores, pero esto no es así. Al diseñar, utiliza indicadores adicionales, además del color, para garantizar que el mensaje siempre se reciba correctamente; agrega un ícono simple alado o dentro del cuadro, por ejemplo.
Contraste
Por otro lado, por hacer combinaciones inadecuadas, el bajo contraste llega a convertirse en una infracción frecuente de las pautas de accesibilidad. Para evitarlo debes considerar el primer plano y el fondo.
Hoy existen muchas herramientas que determinan si un diseño cumple con los estándares de relación de contraste, y las <a href="https://www.w3.org/WAI/standards-guidelines/wcag/es">Pautas de Accesibilidad para el Contenido Web (WCAG de aquí en adelante)</a> brindan un rango de lo que se considera aceptable para estas relaciones. Lo ideal es proporcionar opciones de navegación claras y consistentes.
Jerarquía visual
Para atender esta área debes crear una jerarquía visual clara con una estrategia de contenido accesible, centrándote en una guía de recursos de contenido para todos los productos. Primero, haz un mapeo de todos los enlaces web y determina cómo encajan en la jerarquía general de tu sitio.
Un mapa de navegación disponible al pie de página de un sitio es la mejor práctica para la accesibilidad, cuantas más formas de navegar existan en un sitio o producto, mejor. Algunos usuarios pueden encontrarlo más fácil de usar, comparado con la navegación principal.
También te recomiendo usar encabezados y espacios para agrupar contenido relacionado. La clave es crear una relación clara entre cada título, subtítulo y contenido, tanto en el texto como las imágenes.
Cada encabezado debe ser descriptivo y seguir un orden de enfoque obvio (piensa en alguien que usa un lector de pantalla y toca el sitio). Por otro lado, igual implementa las diferentes etiquetas de encabezados (h1, h2, h3, etc.) para establecer una jerarquía clara en los temas y facilitar la lectura.
Fuente
De acuerdo con las <a href="https://www.w3.org/WAI/standards-guidelines/wcag/es">WCAG</a>, el texto de tu interfaz debe poder ampliarse un 200% más sin estropear nada.
La buena noticia es que hoy en día existen muchas herramientas excelentes que mejoran la accesibilidad para las personas con discapacidad visual, incluido el software de ampliación y la posibilidad de ajustar el tamaño del texto en la configuración del navegador.
De igual forma, hay varias maneras de garantizar que el usuario pueda cambiar el tamaño de la página con precisión, incluido el texto. Por ejemplo, establecer el tamaño de fuente del texto proporcionalmente a la escala de la fuente predeterminada.
La realidad es que es común usar una mezcla de unidades para diferentes propósitos. Lo más importante es que el texto pueda cambiar de tamaño sin superponerse con otros elementos o características, como estados de desplazamiento que podrían volverse demasiado grandes para leer o que cubren una gran cantidad de otro contenido.
Formularios
Los formularios están en todas partes y son una herramienta esencial para comunicarse en línea. Estos son los puntos principales a tener en cuenta:
<ul>
<li>
Deben tener controles de etiquetas: cada control de un formulario debe estar claramente etiquetado para describir su propósito. Las etiquetas generalmente se muestran como texto en o alado del control y permiten que la tecnología de asistencia, como lectores de pantalla, lean qué es cada elemento; sin ellas, a menudo se escucharía “botón uno, botón dos, entrada de texto uno”, algo que no sirve de nada.</li>
<li>
Debe proporcionar instrucciones muy claras: primero en la parte superior de la página y luego en todo el formulario, para que cualquier usuario pueda completarlo con éxito y facilidad. Un ejemplo de instrucciones en todo el formulario es cómo formatear una fecha.</li>
<li>
Es necesario dividir en páginas los formularios largos: lo mejor es dividirlos en páginas, con un botón de siguiente o continuar. Así es más fácil identificar errores cuando el usuario use una lupa de pantalla u otros controles de asistencia. Una buena regla general es no ir mucho más allá de la primera parte inferior del pliegue en el escritorio para evitar que el usuario se desplace hasta el final.</li>
<li>
Deben ser cortos: esto aumenta las posibilidades de respuesta y evita las desconexiones por inactividad.</li>
</ul>
Movimiento
Estos son algunos principios a considerar:
<ul>
<li>Las ventanas emergentes o alertas deben ser claras y permanecer en la pantalla el tiempo suficiente para encontrarlas y leerlas.</li>
<li>Si algo causa destellos, no deben ocurrir más de 3 veces por segundo. Esto para disminuir el riesgo de epilepsia.</li>
<li>Cuando un elemento de desplazamiento inicie automáticamente, es importante asegúrese de que exista un control para detenerlo.</li>
<li>El audio y video deben ser acompañados de subtítulos.</li>
<li>Para los videos y audios, es fundamental proporcionar un enlace con la transcripción (que describa lo que ocurre en el video).</li>
<li>Todo contenido de audio debe tener una alternativa basada en texto.</li>
</ul>
<h4>¿Cómo implementar un proceso de diseño accesible?</h4>
Debes saber que no necesitas ajustar todo tu proceso de diseño, al menos desde un nivel alto, solo debes reflexionar un poco más.
Este es el proceso de diseño típico a seguir:
<ol>
<li>
Define tu producto: ¿qué es lo que van a construir a partir de las partes interesadas, el liderazgo o los clientes? Se requiere investigación, incluida la competitiva, entrevistas con las personas objetivo, analizar historias de usuario y crear un guion gráfico de las personas, tareas y trabajos a realizar.</li>
<li>
Diseña: esboza una interfaz de usuario básica para convertirla en estructuras alámbricas y prototipos para la validación. Durante la validación, prueba usando herramientas como prototipos, encuestas y grupos focales, y determina qué funciona y qué no. El proceso de cada equipo variará, pero la tarea general siempre debe ser cierta. Con esta descripción general de alto nivel en mente, debes acercarte y estudiar diversos métodos de diseño para centrarlos en la accesibilidad.</li>
<li>
Aplica un método de diseño que considere a los usuarios con discapacidades: a través de herramientas puedes simular la navegación en tu producto bajo la visión de alguien con daltonismo, por ejemplo. Realiza una auditoría web completa de accesibilidad para obtener un informe completo de lo que no cumple con los estándares <a href="https://www.w3.org/WAI/standards-guidelines/wcag/es">WCAG</a> y usa ajustadores de altura de línea y lectores de pantalla para conocer la experiencia.</li>
</ol>
De ser posible, prueba tus productos con personas con discapacidad para conocer los dispositivos de asistencia que usan, los problemas que enfrentan con frecuencia y así, puedas ajustar lo necesario.
A veces necesitarás ponerte creativo con los métodos de prueba. Por ejemplo, un colega puede ayudarte a leer cada elemento como si fuera un lector de pantalla para determinar si el usuario puede navegar correctamente de esa manera.
Recuerda, en lo visual, el color, el contraste, la jerarquía de contenido clara, la fuente, el peso y el tamaño, los formularios y el movimiento accesibles son importantes para todos sus usuarios, pero especialmente para aquellos con discapacidades. Asimismo, la jerarquía y el etiquetado del contenido son muy beneficiosos para que comprender y consumir contenido, pues para quienes usan dispositivos de asistencia, como lectores de pantalla, hacen una gran diferencia.
<h4>¿Qué tipos de tecnología de asistencia existen?</h4>
Existen tecnologías de asistencia como lectores de pantalla, software de ampliación de pantalla y seguimiento ocular, por lo que es importante que entiendas cómo funcionan para que las implementes de la mejor manera.
Aunque existan excelentes lectores de pantalla, software de ampliación de pantalla y software de entrada de pantalla, no debes descuidar la creación de un sitio web accesible, ya que aquél que no considera las <a href="https://www.w3.org/WAI/standards-guidelines/wcag/es">WCAG</a> genera una mala experiencia, incluso con el mejor lector de pantalla.
Ahora bien, ¿en qué consiste cada una? ¡Veamos!👇
<ul>
<li>
Software de ampliación de pantalla: tanto en dispositivos móviles como de escritorio, permite a los usuarios aumentar el tamaño de la fuente o simplemente hacer zoom en una página web o aplicación.</li>
<li>
Software de entrada de voz: traduce el dictado del usuario en palabras escritas. Es especialmente útil para usuarios con discapacidades para abrir y cerrar aplicaciones, enviar mensajes y escribir en documentos.</li>
<li>
Punteros de cabeza: son una combinación de hardware y software. Un usuario que generalmente no puede usar un mouse o un teclado tiene una banda o un casco con un puntero que apunta a una pantalla. A medida que su cabeza se mueve, también lo hace el punto o cursor en una pantalla, similar a usar un mouse físico.</li>
<li>
Seguimiento ocular: similar a los punteros de cabeza, solo requiere la cámara del teléfono o computadora portátil. Permite una navegación interpretando la mirada y parpadeos del usuario.</li>
</ul>
¿Sabías que parte de esta tecnología ahora es utilizada por todos los usuarios? Así es, herramientas como asistentes personales y software de entrada de voz fueron desarrollados originalmente para usuarios con discapacidades, pero hoy muchos las usan. De aquí la relevancia que han ganado.
<h4>¿En qué consisten los dispositivos de entrada alternativos?</h4>
No quiero terminar este artículo sin antes tocar este tema igual de importante. Así que te entregaré un poco más de información.
Aunque el reconocimiento de voz se puede utilizar mediante aplicaciones integradas en macOS, Windows, iOS o Android, hoy en día esto se hace en gran parte del lado del servidor. A medida que los chips se vuelven cada vez más rápidos, es posible hacer más y más, incluso sin conexión a Internet.
Lo bueno para los desarrolladores es que no necesitan crear su propio servicio de dictado para cada página web o aplicación, esto porque la mayoría de los usuarios ya tienen acceso a uno a través del sistema operativo que usan.
Por otra parte, el reconocimiento de voz también es excelente para interactuar con asistentes digitales en aplicaciones que pueden ayudar al usuario a navegar sin necesidad de interacción física. Por eso cada vez más empresas buscan integrar guías y otros servicios simples que se pueden usar con la voz del usuario en el sitio web, app o el servicio telefónico.
Un usuario puede abrir rápidamente su app bancaria, por ejemplo, para conocer su saldo actual o realizar una transacción usando solo su voz.
Si quieres saber cómo aprovecharlos mejor, te invito a probar distintos dispositivos de entrada para que tengas la oportunidad de experimentar de primera mano sus pros y contras, particularmente en un sitio web o app.
<h4>Considera todas las posibilidades en tu diseño</h4>
Si llegaste hasta aquí, te agradezco por leer mi artículo. Espero que te sea útil para establecer las bases de la accesibilidad UX y que pongas en práctica todas las recomendaciones al diseñar tu próximo proyecto.
Si tienes alguna pregunta, escríbeme a <a href="https://www.linkedin.com/in/heidysulbaran/">mi LinkedIn</a> y conectemos.😁
¡Espero que nunca dejes de aprender!
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=2083116b531e" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/disenar-producto-digital-para-personas-con-discapacidad-2083116b531e">Guía para diseñar un producto digital para personas con discapacidad</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Guía para diseñar un producto digital para personas con discapacidad

Aunque trabajar en el mundo del desarrollo tecnológico significa enfrentarse a una multitud de escenarios y ser parte de proyectos que enorgullecen, esto no siempre es así. Por eso hoy quiero hablarte desde mi experiencia para ayudarte a reducir riesgos e ir por el camino del éxito.

<h4>Implementar el proceso adecuado reduce la incertidumbre</h4>
<figure><img alt="Iniciativas tecnológicas exitosas" src="https://cdn-images-1.medium.com/max/1024/1*0tVmo2RZbSnbYWOqPXJC4w.jpeg"></figure>Aunque trabajar en el mundo del desarrollo tecnológico significa enfrentarse a una multitud de escenarios y ser parte de proyectos que enorgullecen, esto no siempre es así. Por eso hoy quiero hablarte desde mi experiencia para ayudarte a reducir riesgos e ir por el camino del éxito.
Lo cierto es que las situaciones a las que los profesionales del área de tecnología se enfrentan son muchas, por ejemplo:
<ul>
<li>Tras una liberación exitosa, se determina que el proyecto no representa una solución para el problema planteado originalmente.</li>
<li>Después de que el proyecto se ha puesto en marcha, no se percibe ningún valor agregado y no genera impacto tangible sobre las métricas del negocio.</li>
</ul>
¿Alguna de estas te es conocida o te parece similar a algo vivido?
Pues bien, lo cierto es que a veces es complicado escapar de ese tipo de instancias, sin embargo, existen ciertas estrategias que te permiten promover iniciativas exitosas para garantizar que se genere valor, tanto para el negocio como para los clientes.
Y justo de esto te quiero hablar. A continuación te comparto el proceso para ejecutar casos de negocio o business cases que, aunque normalmente corresponde al aspecto financiero, también puede aplicarse a términos de tiempo, optimización de costos y hasta de presencia de mercado. Te servirá para tomar mejores decisiones y crear una verdadera solución tecnológica.
¡Veamos!👇
<h4>1. Alinea las estrategias</h4>
Asegúrate de que tu portafolio de proyectos se alinee con las estrategias necesarias para cumplir las metas organizacionales, tomando en cuenta la siguiente precedencia:
<figure><img alt="Estrategias para iniciativas tecnológicas" src="https://cdn-images-1.medium.com/max/1024/1*bpE_E4Pl9OKzeEJF31x_SA.jpeg"></figure>A partir de un objetivo común, podrás ejecutar una guía de análisis que te permitirá identificar el problema de raíz a solucionar. Puedes utilizar la técnica de los 5 porqués (Five whys) o un diagrama de Fishbone.
<figure><img alt="Técnica de los 5 porqués" src="https://cdn-images-1.medium.com/max/1024/1*YmSJLH3bK73MN4_v5hhdYg.jpeg"></figure><h4>2. Propón múltiples soluciones</h4>
Con el conocimiento que adquieras, podrás realizar sesiones de análisis en conjunto con varios perfiles de la empresa, adicionales a los administradores del proyecto que lideran la dinámica. Entre ellos están:
<ul>
<li>Responsable del dominio con buen contexto del problema a resolver.</li>
<li>Responsables técnicos a cargo de la solución automatizada.</li>
</ul>
Toda vez que identifiques el problema a resolver y dispongas del equipo que lo solucionará con tecnología, puedes hacer una lluvia de ideas donde detectes las siguientes soluciones:
<ul>
<li>Solución sin dependencias tecnológicas u operativas.</li>
<li>Solución que no requiere de asignación de presupuesto.</li>
<li>Solución más robusta y que por lo tanto requiere más presupuesto.</li>
<li>Solución más económica en función del presupuesto o tiempo de implementación.</li>
<li>Solución intermedia, entre la más costosa y la más económica.</li>
</ul>
Para cada una, también deberás responder a estas preguntas:
<ul>
<li>¿Se trata de una solución parcial?</li>
<li>¿Existen elementos que vuelvan la alternativa de solución inviable?</li>
<li>¿Cuáles son las suposiciones, riesgos o efectos que puede tener?</li>
<li>¿Qué tan alineada se encuentra esta iniciativa con las metas y estrategias previamente identificadas?</li>
</ul>
<h4>3. Estima el retorno de inversión</h4>
Hasta este punto ya contarás con propuestas de solución con distintos costos y alineadas con la estrategia global, por lo que a partir de aquí, podrás realizar un análisis del retorno de inversión para cada una asignando un valor monetario a los beneficios (tangibles o intangibles), e incluso, eliminar la incertidumbre tomando como referencia:
<ul>
<li>La experiencia en las métricas del negocio.</li>
<li>El conocimiento del comportamiento del producto.</li>
<li>Las iniciativas de analítica.</li>
</ul>
<h4>4. Selecciona la iniciativa a emprender</h4>
Como resultado de todo esto, podrás documentar o realizar presentaciones con distinto nivel de detalle para seleccionar la mejor opción, incluso con la colaboración de los sponsors de la compañía. Esto te permitirá elegir la mejor alternativa, aquella que tenga un fundamento sólido y una expectativa de impacto bien definida.
<h4>Enfócate en encontrar la mejor solución para tu proyecto</h4>
Después de desarrollar estas actividades, aunque notarás que tendrás mayor certidumbre sobre las iniciativas que decidas emprender, debes saber que incluso así existe la posibilidad de que necesites de alguna iteración que asegure la generación de valor deseada, teniendo a la mano muchísimas más variables que te ayuden a identificar los ajustes a realizar.
Como seguramente sabes, existen muchas otras alternativas de identificación de necesidades, de planteamiento de soluciones y de priorización. Lo importante es que las ejercites antes de emprender nuevos proyectos y de forma continua durante el ciclo de vida de un producto.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=31840b99be0f" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/pasos-emprender-iniciativas-tecnologicas-exitosas-31840b99be0f">4 pasos para emprender iniciativas tecnológicas exitosas</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

4 pasos para emprender iniciativas tecnológicas exitosas

Gran parte del valor que puedes aportar como científico de datos va más allá de memorizar las herramientas y los frameworks de aprendizaje automático que existen. Para consolidar tu formación es necesario que apliques lo aprendido y superes los obstáculos que se presenten en el mundo real, y hoy me gustaría ayudarte a lograrlo.

<h4>Formas prácticas de usar los datos para potenciar tu empresa</h4>
<figure><img alt="Aplicar Data Science en proyectos" src="https://cdn-images-1.medium.com/max/1024/1*m9dOKfMkix1kCfk0Oh-dLw.jpeg"></figure>Gran parte del valor que puedes aportar como científico de datos va más allá de memorizar las herramientas y los frameworks de aprendizaje automático que existen. Para consolidar tu formación es necesario que apliques lo aprendido y superes los obstáculos que se presenten en el mundo real, y hoy me gustaría ayudarte a lograrlo.
Extraer datos crudos, centralizar múltiples fuentes de información, explorar distintas estrategias y compartir hallazgos en un lenguaje amigable, son solo algunas tareas que debes hacer para desarrollar proyectos de ciencia de datos desde 0. Por eso, mi objetivo con este artículo es que refuerces tus habilidades prácticas y aprendas a generar más valor dentro de tu entorno laboral.
Primero describiré las habilidades involucradas en la ciencia de datos de alto impacto y después, evaluaré un caso real para que identifiques cómo aplicar técnicas de análisis, visualización y modelos de datos.
¡Es momento de empezar!😉
<h4>Habilidades analíticas que todo científico de datos debe tener</h4>
Un buen científico de datos necesita ser consciente de:
<ul>
<li>Las limitantes estadísticas de su trabajo.</li>
<li>El dominio empresarial en el que trabaja.</li>
<li>El problema que está resolviendo (el objetivo de su trabajo).</li>
<li>La manera de comunicar sus hallazgos de manera efectiva.</li>
</ul>
De hecho, alguna vez Albert Einstein emitió unas palabras que, llevándolas a esta área, respaldan estas ideas:
<blockquote>“Si yo tuviera una hora para resolver un problema y mi vida dependiera de la solución, yo gastaría los primeros 55 minutos para determinar la pregunta apropiada, porque una vez supiera la pregunta correcta podría resolver el problema en menos de cinco minutos”.</blockquote>
Y, aunque los puntos mencionados anteriormente no son más que habilidades analíticas enfocadas en los datos, de manera general, estas también incluyen:
<ul>
<li>Identificación y definición de problemas.</li>
<li>Extracción de información clave a partir de los datos.</li>
<li>Prueba y verificación de la causa de los problemas.</li>
<li>Desarrollo de soluciones viables.</li>
</ul>
<h4>Casos de estudio de proyectos de ciencia de datos</h4>
En su curso, <a href="https://learning.oreilly.com/search/?query=author%3A%22Rajeev%20Ratan%22&amp;sort=relevance&amp;highlight=true">Rajeev Ratan</a> cubre 10 proyectos de ciencia de datos que toda compañía, sin importar su giro, debe realizar, y cada uno es elegido por el valor que puede aportar. Estos son:
Proyectos de analítica 1. Determinar los mejores clientes (los más rentables). 2. Artículos y categorías de artículos más rentables. 3. Valor del tiempo de vida del cliente. 4. Tendencias y pronósticos de la temporada.
Proyectos de predicción de aprendizaje automático 5. Determinar qué clientes probablemente abandonarán su negocio (retención). 6. Segmentación de clientes. 7. Sistemas de recomendación de segmentos de clientes. 8. Análisis de pruebas AB de anuncios o muchos otros cambios (interfaz de usuario, logotipo, etc.). 9. Detección de fraude. 10. Procesamiento del lenguaje natural del sentimiento de las redes sociales.
Ahora bien, para la siguiente sección seleccioné 1 de estos casos para profundizar en el razonamiento detrás de los análisis realizados, con el fin de que puedas comprender mejor su función.
<h4>Proyecto: segmentación de clientes</h4>
Conocer los hábitos de los compradores ayuda a ofrecer mejores promociones, enfocar las campañas de marketing y a generar nuevos productos o servicios que cubran sus necesidades, pero… ¿cuál es el procedimiento para segmentarlos y alcanzar estos objetivos?
En esta sección analicé el caso de estudio del capítulo 41 del curso de Ratan: Customer Clustering (K-Means, Hierarchical) — Train Passenger.
<figure><img alt="Segmentación de clientes en ciencia de datos" src="https://cdn-images-1.medium.com/max/1024/1*0fM-EEV5I6FJQdODb3633w.jpeg"><figcaption>Foto por <a href="https://unsplash.com/es/@mbaumi">Mika Baumeister</a> en <a href="https://unsplash.com/">Unsplash</a></figcaption></figure>Como cualquier otra tarea de datos estándar, el primer paso a dar es explorar lo que se presenta y, antes de iniciar con el análisis de datos exploratorio (EDA), es necesario conocer qué significa cada una de las columnas del set de datos (o al menos la mayoría). Con esto se empieza a complementar el conocimiento sobre el negocio.
<figure><img alt="Descripción de las columnas del dataset del Capitulo 40 de Ratan" src="https://cdn-images-1.medium.com/max/469/1*nGeIgauRutPSD5U0ISIZdQ.png"><figcaption>Descripción de las columnas del dataset del Capitulo 40. <a href="https://github.com/PacktPublishing/Data-Science-Analytics-AI-for-Business-the-Real-World-/blob/main/All%20Resource%20files/Case%20Studies/Clustering%20Customer%20Data%20from%20Travel%20Agency.ipynb">Disponible aquí</a></figcaption></figure>Al separar las columnas por tipos de datos te puedes dar cuenta que hay algunas que, más allá de ser numéricas, son categóricas. Por lo que realizar el promedio de site_name, por ejemplo, no tendría sentido; esto se refiere al número identificador de una página.
Por otro lado, al realizar el análisis de la mediana, o distribución de cuantiles de la cantidad de adultos y niños, sí es posible obtener información útil para segmentar a los clientes.
<figure><img alt="Mapa de calor de las variables numéricas." src="https://cdn-images-1.medium.com/max/1024/1*8q4qAyJwbN2CVRhe6U1jyw.png"><figcaption>Mapa de calor de las variables numéricas. <a href="https://github.com/PacktPublishing/Data-Science-Analytics-AI-for-Business-the-Real-World-/blob/main/All%20Resource%20files/Case%20Studies/Clustering%20Customer%20Data%20from%20Travel%20Agency.ipynb">Disponible aquí</a></figcaption></figure>Siguiendo con el caso, para visualizar la relación de los datos entre sí, se debe realizar una matriz de correlación. Para esto es importante elegir colores que ayuden a incrementar la facilidad de lectura del gráfico; el usar colores que contrasten facilita el encontrar y presentar la información.
También sirve crear histogramas que apoyen el descubrimiento de la información que se muestra a los usuarios.
El conjunto de pasos en esta primera exploración ayuda a determinar si existen datos faltantes o erróneos que deben limpiarse. Es vital recordar que cada decisión tiene implicaciones que afectan directamente el resultado final de la segmentación y que, dependiendo del tamaño del set y del porcentaje de la información faltante, se puede optar por imputar los datos que faltan o eliminar esos registros.
Una vez que se entienden los datos, ahora es vital conocer qué otra información se deriva de ellos. Esta es la parte de Feature Engineering, misma que depende del objetivo de la tarea y del negocio.
Para este caso se crearon 2 variables muy sencillas que capturan el comportamiento del cliente: duración y días de antelación. Para mayor claridad de cómo se realiza la segmentación, dividí el proceso en pasos.
<figure><img alt="Feature Engineering" src="https://cdn-images-1.medium.com/max/1024/1*J741KmBOYxNHPjsIsM66_w.png"><figcaption>Captura de pantalla del código del caso de estudio. <a href="https://github.com/PacktPublishing/Data-Science-Analytics-AI-for-Business-the-Real-World-/blob/main/All%20Resource%20files/Case%20Studies/Clustering%20Customer%20Data%20from%20Travel%20Agency.ipynb">Disponible aquí</a></figcaption></figure><h4>Proceso de segmentación</h4>
Paso 1. Elección de variables Con las variables diseñadas y las preexistentes, existe una variedad de datos a elegir, pero no todas aportan el mismo valor, incluso algunas pueden llegar a entorpecer la segmentación. Por esto, la selección de variables debe guiarse del conocimiento del dominio comercial.
En el material de apoyo se agrupan los datos por ciudad del comprador (user_location_city). Esta elección de agrupación es arbitraria, al igual que la elección de variables tomada para la segmentación, por lo que es recomendable siempre realizar pruebas usando diferentes agrupaciones y diferentes variables para segmentar, de esta manera se logra un punto de referencia sobre qué tan útil resulta la segmentación final de los clientes.
Paso 2. Estandarizar los datos La magnitud de las grandes variaciones afecta los algoritmos de aprendizaje automático. Por eso estandarizar los datos es crucial.
Paso 3. Implementar un algoritmo de segmentación Ahora, ¿cómo se decide el número de segmentos o clusters? La realidad es que hay varios métodos que ayudan a determinarlo. Lo ideal es intentar varios y comparar resultados.
Dependiendo del tiempo y los recursos disponibles se determina la cantidad de experimentos a realizar. En este caso, se exploró el Elbow Method y el coeficiente de Silhouette.
Tratándose de un problema con múltiples variables, se puede usar una técnica de reducción de dimensionalidad llamada Principal Component Analysis (PCA) para minimizar la cantidad de dimensiones y visualizar los segmentos.
En el material proporcionado por Ratan se elige n igual a 2. Aunque otra alternativa más atractiva visualmente es utilizar n igual a 3 para modelar un diagrama en 3D.
<figure><img alt="Representación en 2D de los segmentos generados" src="https://cdn-images-1.medium.com/max/1024/1*bqjgngObxL8F7dluLzSJCw.png"><figcaption>Representación en 2D de los segmentos generados. <a href="https://github.com/PacktPublishing/Data-Science-Analytics-AI-for-Business-the-Real-World-/blob/main/All%20Resource%20files/Case%20Studies/Clustering%20Customer%20Data%20from%20Travel%20Agency.ipynb">Disponible aquí</a></figcaption></figure>En la siguiente gráfica del Elbow Method te puedes dar cuenta de que no hay un punto claro de cambio pronunciado, lo cual da poca información sobre la cantidad adecuada de segmentos a usar. Por otro lado, el coeficiente de Silhouette alcanza su punto máximo en 3 clusters:
<figure><img alt="Gráfica de las distancias cuadradas obtenidas usando distintas cantidades de clusters" src="https://cdn-images-1.medium.com/max/1024/1*A3j0NCY-y_W1XIDfYK4JEA.png"><figcaption>Gráfica de las distancias cuadradas obtenidas usando distintas cantidades de clusters (k). <a href="https://github.com/PacktPublishing/Data-Science-Analytics-AI-for-Business-the-Real-World-/blob/main/All%20Resource%20files/Case%20Studies/Clustering%20Customer%20Data%20from%20Travel%20Agency.ipynb">Disponible aquí</a></figcaption></figure>Paso 4. Analizar los segmentos Ya con la cantidad de clusters, se agrupan los usuarios de cada segmento para analizar sus características.
Nota que la agrupación sucede al nivel de segmento (cluster), lo que ocasiona que el promedio de algunas columnas, como user_location_city no aporten datos. El promedio numérico de una columna categórica rara vez tiene relevancia.
<figure><img alt="Promedio de las características de los distintos segmentos" src="https://cdn-images-1.medium.com/max/1024/1*-IalBrQF5Os8pb2-MMBsnQ.png"><figcaption>Promedio de las características de los distintos segmentos. <a href="https://github.com/PacktPublishing/Data-Science-Analytics-AI-for-Business-the-Real-World-/blob/main/All%20Resource%20files/Case%20Studies/Clustering%20Customer%20Data%20from%20Travel%20Agency.ipynb">Disponible aquí</a></figcaption></figure>¡Y listo! Se logró dividir a los clientes en 3 categorías. Esta información ahora es muy valiosa para generar estrategias de ventas, marketing y de diseño de productos.🙌
Ahora… ¿con esto se termina? La respuesta es no. Aún hay más cosas que se pueden realizar con esta información.
Y otra pregunta que también resulta interesante aclarar es: ¿qué características son las que determinan que un cliente pertenece a un segmento? Esto se puede explorar construyendo un modelo de clasificación supervisando y especificando la importancia de las características, por ejemplos.
Cualquier empresa de producto o servicio puede obtener valor de un proyecto de segmentación de clientes. Sin embargo, no hay que perder de vista que con el paso del tiempo un cliente puede pasar de una categoría a otra, e incluso pueden surgir otros tipos de clientes.
Por esta razón, tomar en cuenta la naturaleza dinámica y la fecha de expiración de tus experimentos puede ser el determinante que lleve a tu empresa al éxito.
<h4>Muchos problemas, muchas respuestas</h4>
Mas allá de brindar una sola respuesta correcta, aplicar la ciencia de datos ayuda a tomar mejores decisiones empresariales.
Un proyecto de alto impacto tiene la capacidad de tomar datos crudos y transformarlos en información que empodera a colaboradores de todos los niveles. Por eso, entre más grande sea la empresa, más específicos se pueden volver los proyectos.
Ten presente que el éxito de un proyecto no radica en su complejidad, ni en su tamaño, sino en el impacto que genera. Es por eso que para poder generar valor con la ciencia de datos necesitas complementar tus habilidades matemáticas y estadísticas con el entendimiento del negocio.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=c2c2fac3d3d9" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/data-science-para-agregar-valor-a-proyectos-c2c2fac3d3d9">Aplicando Data Science para agregar valor a tu organización</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Aplicando Data Science para agregar valor a tu organización

Junto con la versión 16.8 de React, llegaron los Hooks. Así que para conocerlos más, decidí escribir este artículo donde comparto algunos de sus usos más importantes, su importancia y la forma de aplicarlos a código.

<h4>Gestiona mejor el estado de los componentes funcionales</h4>
<figure><img alt="React Hooks para tener código limpio" src="https://cdn-images-1.medium.com/max/1024/1*l1kfGyWfoUk0mDXJwsIXMw.jpeg"></figure>Junto con la versión 16.8 de React, llegaron los Hooks. Así que para conocerlos más, decidí escribir este artículo donde comparto algunos de sus usos más importantes, su importancia y la forma de aplicarlos a código.
Si actualmente trabajas (o quieres empezar) con un proyecto donde utilices esta biblioteca de Javascript, no te pierdas esta información.👇
<h4>¿Qué son los React Hooks?</h4>
Proporcionan la posibilidad de manejar el estado y la interfaz con los métodos de ciclo de vida de React. Es decir, permiten agregar una lógica reusable a los componentes para obtener otros mucho más sencillos de entender y manejar.
<h4>¿Qué reglas seguir para usar React Hooks?</h4>
Las reglas básicas a considerar para usarlos correctamente son:
<ul>
<li>Únicamente pueden utilizarse en componentes funcionales.</li>
<li>Se llaman solo en el nivel superior. No pueden ser llamados dentro de ciclos, condicionales, ni funciones anidadas.</li>
<li>Es necesario importar los Hooks que se utilicen desde React.</li>
</ul>
De hecho, para que cumplir estas reglas te sea fácil, React lanzó un plugin de ESLint llamado <a href="https://www.npmjs.com/package/eslint-plugin-react-hooks">eslint-plugin-react-hooks</a>, que viene por defecto con Create React App.
<h4>¿Cuáles son algunos de los Hooks de React?</h4>
Entre algunos de los Hooks que proporciona React se encuentran:
1. Hook de estado — useState()
Antes, en los componentes de clase se utilizaba this.state y this.setState para manejar el estado, pero ahora existe useState. Este facilita el trabajo, y es uno de los Hooks más comunes.
Como único parámetro, toma el valor inicial del estado y devuelve un arreglo con 2 elementos: el primero es el estado actual y el segundo, la función que se utiliza para actualizar ese estado.
En el código se ve de esta manera:
<pre>const [state, setState] = useState(valorInicial);</pre>
Y comúnmente, la función para actualizar el estado inicia con “set”.
En el siguiente código se creó la función Ejemplo para mostrar cuántas veces se hace clic en un botón, iniciando en 0. Para ello, la función setCount actualiza el estado count a count + 1 cada vez que hay clics, tal y como se muestra a continuación:
<a href="https://medium.com/media/a4ab23e4eb413bb0191a5edd3f81c5d6/href">https://medium.com/media/a4ab23e4eb413bb0191a5edd3f81c5d6/href</a>2. Hook de efecto — useEffect()
Si dominas los componentes de clase, piensa en useEffect como una combinación de los métodos de ciclo de vida componentDidMount, componentDidUpdate y componentWillUnmount. Este permite agregar efectos secundarios a los componentes.
El primer parámetro de useEffect es una función que se ejecuta cuando el componente se renderiza. Y para ejecutar otra función al momento de desmontar el componente, la función del primer parámetro necesariamente debe retornar esta segunda función.
El segundo parámetro es un arreglo que contiene una lista de dependencias del efecto. En caso de que sea un arreglo vacío, la función asociada a useEffect solo se ejecuta al renderizar el componente por primera vez, y si no hay arreglo, la función se ejecuta la primera vez que se renderiza el componente y todas las veces subsecuentes que se actualiza.
De manera sencilla, se ve así en el código:
<pre>useEffect(función, dependencias);</pre>
3. Hook de referencia — useRef()
En React, los componentes padres interactúan con sus hijos a través de las propiedades, por lo que para modificar un hijo es necesario que se renderice con nuevas propiedades.
Por otro lado, no hay que olvidar que hay ocasiones en las que se debe modificar imperativamente. Y para este caso, las referencias son útiles.
Antes, React utilizaba createRef() para crear referencias, pero ahora existe el Hook useRef que cumple este propósito. Retorna un objeto ref mutable y toma como parámetro el valor inicial:
<pre>const variableRef = useRef(valorInicial);</pre>
Para enlazar esta referencia a un elemento, se utiliza la propiedad ref así:
<pre>&lt;img ref={variableRef}&gt;</pre>
El objeto que devuelve useRef contiene la propiedad current donde se encuentra la referencia al elemento que se enlaza. Y a su vez, esta referencia contiene todas las propiedades del elemento para que se pueda manipular directamente.
En el siguiente ejemplo se declara textInput (objeto ref), este se refiere al primer input con ref={textInput} y la función handleClick lo enfoca:
<a href="https://medium.com/media/affff6b016c57c54a3d393f31a0c98a0/href">https://medium.com/media/affff6b016c57c54a3d393f31a0c98a0/href</a>4. Hook de contexto — useContext()
Si bien los props son muy útiles, el flujo de las aplicaciones es cada vez más complicado conforme crecen. La buena noticia es que la Context API de React resuelve este problema, permite crear un contexto y compartir información entre componentes de diferentes niveles, sin necesidad de utilizar props.
Este Hook recibe como parámetro un objeto de contexto y devuelve el valor del contexto actual, justo como se muestra ahora:
<pre>const valor = useContext(objetoDeContexto);</pre>
Aunque igual es posible usar desestructuración para obtener valores específicos:
<pre>const { valorEspecífico } = useContext(objetoDeContexto);</pre>
5. Hook useReducer()
Se puede empezar a entender a este Hook con la premisa de que useState está construido con useReducer “de fondo”. Por lo que así como useState facilita el manejo del estado de un componente, useReducer da un paso más y permite emplear diversos actions.
Este Hook recibe como primer parámetro un reducer que toma el estado previo y un action para devolver un nuevo estado, y como segundo parámetro el estado inicial, es decir, retorna un arreglo con el estado actual y el método dispatch.
<pre>const reducer = (estado, action) =&gt; nuevoEstado;</pre>
<pre>const [estado, dispatch] = useReducer(reducer, valorInicial);</pre>
El siguiente código tiene una funcionalidad muy similar al ejemplo que puse en useState, pero a diferencia de este, con useReducer existe la posibilidad de incrementar y reducir la cuenta mediante actions.
<a href="https://medium.com/media/d891d521891daf0165c9600d4bf5a898/href">https://medium.com/media/d891d521891daf0165c9600d4bf5a898/href</a>6. Hooks useMemo() y useCallback()
A grandes rasgos, estos 2 Hooks ayudan a reducir la cantidad de trabajo que se necesita en un renderizado y el número de veces que se renderiza un componente.
El Hook useMemo recibe como parámetros una función de “crear” y un arreglo de dependencias, y devuelve un valor memorizado (el resultado de la función que pasa como parámetro):
<pre>const valorMemorizado = useMemo(función, dependencias);</pre>
La función asociada a useMemo se corre cuando el componente se renderiza y se vuelve a correr únicamente cuando alguno de los elementos del arreglo de dependencias cambia.
Por su parte, useCallback tiene una funcionalidad muy similar, pero en lugar de memorizar un valor, memoriza una función (un callback), tal y como muestro ahora:
<pre>const funciónMemorizada = useCallback(funciónCallback, dependencias);</pre>
Si observas, puedes notar que lo anterior equivale a:
<pre>const funciónMemorizada = useMemo(() =&gt; funciónCallback, dependencias);</pre>
7. Custom Hooks
React también te permite crear tus propios Hooks.
Estos Hooks personalizados son funciones que tienen un nombre que empieza con “use”, que llaman a otros Hooks y que cumplen con las reglas que vimos al principio de este artículo.
<h4>Encuentra más alternativas para tu proyecto</h4>
En resumen, los React Hooks facilitan la resolución de muchos problemas que se te pueden presentar durante el desarrollo de una aplicación con esta biblioteca. Y lo hacen de una manera sencilla de entender e implementar para que les saques ventaja.
Los anteriores solo son algunos de los muchos que ofrece React, por lo que si deseas conocer más, te recomiendo ampliamente visitar y leer la documentación oficial.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=fec07ac614d7" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/react-hooks-para-codigo-mas-limpio-fec07ac614d7">7 React Hooks que debes conocer para un código más limpio</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

7 React Hooks que debes conocer para un código más limpio

Crear una interfaz de usuario desde cero suele tomar bastante tiempo y puede convertirse en una tarea bastante tediosa y complicada. Sin embargo, existen herramientas que facilitan este proceso y justo de esto te quiero hablar en el artículo de hoy.

<h4>Impacta a los usuarios con experiencias memorables y efectivas</h4>
<figure><img alt="UI Kits y Atomic Design para diseñar interfaces en producto digital" src="https://cdn-images-1.medium.com/max/1024/1*kcBlyObOHaA4gHd5z7XNjQ.jpeg"></figure>Crear una interfaz de usuario desde cero suele tomar bastante tiempo y puede convertirse en una tarea bastante tediosa y complicada. Sin embargo, existen herramientas que facilitan este proceso y justo de esto te quiero hablar en el artículo de hoy.
Gracias a las soluciones tecnológicas y a las metodologías que existen hoy en día, es posible desarrollar productos de manera más precisa y ágil que garanticen buena usabilidad y el correcto funcionamiento de cada uno de los componentes que se involucran en la creación de su interfaz.
Entre ellas se encuentran los UI Kits, los elementos que pueden convertirse en puntos clave para el desarrollo de un proyecto y también, la metodología Atomic Design, misma que los transforma en herramientas de diseño vinculadas a conceptos de usabilidad, consistencia y versatilidad para optimizar el tiempo y diversificar tareas. Ahora te explico más.👇
<h4>¿Qué son los UI Kits?</h4>
También llamados kits de interfaz de usuario, son un conjunto de archivos que contienen los componentes críticos para crear productos digitales. En sí, transmiten un significado y brindan una funcionalidad particular a cada proyecto.
Algunos de estos elementos parten de lo básico, por ejemplo: botones e inputs. Y pueden llegar a convertirse en plantillas completas de una parte específica del diseño, como menús de navegación y formularios completos, para que los usuarios entiendan, interpreten e interactúen mejor con él.
Gracias a que son archivos editables, pueden personalizarse de manera sencilla, facilitar el diseño de nuevas pantallas, ayudar a descubrir nuevos elementos que se pueden utilizar en el diseño y permitir encontrar soluciones a problemas que antes no se hubieran detectado.
<figure><img alt="Ejemplo de componentes dentro de un UI Kit" src="https://cdn-images-1.medium.com/max/800/1*zq2scNiaKL9upoOQRLRaYA.gif"><figcaption>Ejemplo de componentes dentro de un UI Kit. Créditos a Antonija Bubalo vía dribbble.com</figcaption></figure>También es importante que sepas que, así como los kits de interfaz de usuario pueden ser bastante simples, con pocos botones y componentes de diseño, también pueden ser extremadamente robustos, con componentes que cambian las fuentes, los colores y las formas sobre la marcha.
<h4>Ventajas de aplicar UI Kits en un proyecto</h4>
Ahora bien, ¿qué se puede decir sobre sus beneficios? Pues bien, la realidad es que <a href="https://www.adobe.com/products/xd/features/ui-kits.html">los kits de interfaz de usuario</a> te ayudan a mejorar un flujo de trabajo de diseño y un proyecto en general de varias maneras diferentes:
<ul>
<li>
Ahorro de tiempo: no necesitas crear los componentes desde cero ni preocuparte por los detalles estándar de cada uno. Esto te permite utilizar tu tiempo de forma más eficiente y simplificar la tarea de encontrar una solución a un problema de diseño.</li>
<li>
Coherencia y consistencia: permite mantener una relación lógica entre sus partes y componentes. Cada elemento posee características en común, lo que visualmente le otorga solidez a la interfaz.</li>
<li>
Versatilidad: brinda la oportunidad de adaptar los componentes a las especificaciones de tu proyecto, cambiando estilos de manera rápida.</li>
</ul>
<h4>¿Cómo usar un UI Kit?</h4>
Las 2 formas en las que puedes aplicar los kits de interfaz de usuario son:
<ul>
<li>
Para prototipos rápidos: puedes seleccionar los elementos de un UI Kit que se adapten a los requisitos de tu producto y usarlos para simular el comportamiento de las pantallas.</li>
<li>
Para el diseño de producto final: puedes crear un UI Kit específico para atender las necesidades de tu proyecto y usarlo durante su desarrollo.</li>
</ul>
Ahora que ya sabes cómo aprovechar los UI Kits como herramientas de diseño, es momento de que te concentres un poco más en las etapas de un producto digital, o al menos, en el camino ideal a seguir para que desarrolles las bases de una interfaz de usuario. Para esto, enseguida te presento la metodología Atomic Design.
<h4>¿Qué es Atomic Design?</h4>
La creación de esta metodología surgió a manos de Brad Frost en su libro “Atomic Design”, publicado en 2013. Desde entonces se convirtió en un referente para crear cualquier tipo de sistema de diseño, implementarlo correctamente y conocer sus posibles usos a futuro.
Frost tomó varios conceptos relacionados con la química y biología para concebir cada diseño como un todo compuesto de unidades más y más pequeñas, y desglosó el producto a su mínima expresión. A esto le llamó átomo y lo convirtió en la base de cualquier diseño, de aquí el nombre.
Respecto a la definición correcta de Atomic Design, se puede decir que es una metodología de 5 etapas distintas que trabajan en conjunto para crear sistemas de diseño de interfaz de una manera más deliberada y jerárquica.
En este sentido, un sistema de interfaz de usuario se compone de la siguiente manera:
<ul>
<li>
Átomos: son componentes básicos en la interfaz. Incluyen elementos básicos como etiquetas de formulario, botones y otros que no pueden desglosarse sin dejar de ser funcionales.</li>
<li>
Moléculas: son elementos simples que forman una unidad, están compuestos por grupos de 2 o más átomos y cumplen una función concreta, por ejemplo: al unir un input, tags y botones puedes crear un componente de búsqueda, lo que significa que tendrá un propósito.</li>
<li>
Organismos: se definen como elementos complejos que se componen de moléculas. Un ejemplo es cuando el login y la configuración inicial de una aplicación combinan diferentes moléculas en una interfaz.</li>
<li>
Plantillas: son los wireframes que se componen de átomos, moléculas y organismos. Se enfocan en la estructura en vez de hacerlo en el contenido final del diseño.</li>
<li>
Páginas: son los mockups finales con los que se pueden iterar para llegar a un resultado final. Es la etapa más importante de Atomic Design porque es lo que los usuarios ven y con lo que interactúan de forma inmediata.</li>
</ul>
<h4>¡Crea la mejor experiencia digital!</h4>
La creación de un efectivo sistema de interfaz de usuario es necesaria para brindar experiencias digitales increíbles, pues representa la base de todo diseño. Y si bien no es una tarea fácil, ahora ya sabes qué herramienta y metodología aplicar para agilizar el proceso.
Mientras que los UI Kits son especialmente valiosos para realizar pruebas de concepto, simular rápido los flujos de usuarios clave y probar la viabilidad del diseño con los usuarios, la metodología de Atomic Design permite trabajar de manera más ágil con proyectos amplios y en constante cambio, lo que favorece todos los procesos y entornos colaborativos para tener una buena comunicación entre las partes implicadas en un proyecto.
Así que toma todo esto en cuenta y crear experiencias con conceptos más aterrizados, plantea mejores soluciones sin sacrificar el tiempo o el diseño y genera un mejor impacto en el usuario final. Ahora es tu turno de crear tu propio camino dentro de este universo de posibilidades.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=6d9d9cbf5a2f" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/usar-ui-kits-y-atomic-design-para-disenar-interfaz-6d9d9cbf5a2f">¿Cómo usar UI Kits y Atomic Design al diseñar una interfaz?</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

¿Cómo usar UI Kits y Atomic Design al diseñar una interfaz?

Trabajar dentro de equipos de tecnología implica encontrarse con muchas situaciones de incertidumbre y con momentos en los que es necesario aventurarse a probar una nueva biblioteca, herramienta, tecnología y hasta proveedor, siempre teniendo presente que los tiempos de desarrollo son relativamente cortos y que se debe agregar valor rápido.

<h4>Es importante validar antes de dar el siguiente paso</h4>
<figure><img alt="Flujo para demostrar viabilidad de producto digital" src="https://cdn-images-1.medium.com/max/1024/1*LuVI4ZILg9g2PGXzALLxWQ.png"></figure>Trabajar dentro de equipos de tecnología implica encontrarse con muchas situaciones de incertidumbre y con momentos en los que es necesario aventurarse a probar una nueva biblioteca, herramienta, tecnología y hasta proveedor, siempre teniendo presente que los tiempos de desarrollo son relativamente cortos y que se debe agregar valor rápido.
Por esta razón, constantemente surge la pregunta: ¿cómo se puede validar que esos recursos son los que verdaderamente requiere el proyecto?
Pues bien, primero me gustaría poner este ejemplo: imagina que entras a una empresa a trabajar dentro del equipo de desarrollo y al solicitar tus accesos a las bases de datos te dicen que no tienen usuarios individuales y lo único que obtienes son las credenciales que todos usan.
En este caso, probablemente pienses que eso está mal y que se necesita un proceso diferente. Sin embargo, cuando una empresa apenas está surgiendo o tiene muy poco tiempo en el mercado, las prioridades por sobrevivir y generar valor rápido superan, en muchas ocasiones, a las de tener los más altos índices de calidad en lo que se hace.
Desafortunadamente, esto también sucede en el ámbito de seguridad. Por eso una vez que las compañías maduran en los aspectos tecnológicos, llega un momento donde se preguntan: ¿cómo pasar a un modelo más seguro de roles y permisos?, ¿cuál es el mejor flujo a seguir para esto? o ¿qué herramientas deben usarse para estandarizar los procesos?
Pues bien, ahora imagina que no solo entrarás al área de desarrollo sino que también formarás parte del equipo que gestionará la implementación de esta mejora. En el ejemplo pasado, lo primero que posiblemente pensaste fue en meterte a las bases de datos y empezar a crear roles y usuarios, pero… ¿qué pasará si te enfrentas a estos escenarios?:
<ul>
<li>Si existen muchas bases de datos, schemas o usuarios.</li>
<li>Si constantemente cambia la situación de los colaboradores (nuevos ingresos, rotación o ascensos).</li>
<li>Si es indispensable que la tarea se realice por varias personas y se pueda escalar.</li>
</ul>
Generar scripts bash que se ejecuten y sirvan para agregar lo que se necesite, justo en el momento en el que se requiera, puede ser una solución. Esto significa que debe existir un framework, por lo que llegando a este punto ahora la pregunta es: ¿existe algo que provea lo necesario?
Afortunadamente la respuesta es sí. Y, aunque herramientas como Ansible permiten automatizar muchos elementos de la infraestructura de las bases de datos (incluyendo roles y permisos) mediante tecnología robusta y flexible, la realidad es que siempre surgen dudas de este tipo:
<ul>
<li>¿Qué tan eficiente es?</li>
<li>¿Cómo puedo validar si es lo que se necesita ahora?</li>
<li>¿Qué tan complicado o costoso puede ser implementarla?</li>
<li>¿Es la mejor herramienta para esto o existen otras?</li>
<li>¿Será mejor optar por un Active Directory?</li>
<li>¿La soportará la base de datos?</li>
</ul>
Para no equivocarte en esta decisión, siempre es importante frenar un momento, evaluar en dónde estás parado y responder:
<ul>
<li>¿Es el momento adecuado para incorporarla?</li>
<li>¿Cuánto esfuerzo se necesita invertir para realizar algo así?</li>
<li>¿A dónde quiero llegar?</li>
<li>¿Esto cumple con lo que se necesita?</li>
</ul>
Y para que esto te sea sencillo, debes saber que existe un proceso de 3 etapas que puedes seguir al momento de que desees implementar algo nuevo. En cada una de las siguientes fases podrás agregar valor y validar, paso a paso, las decisiones tecnológicas que necesites tomar:
<figure><img alt="Etapas de validación en desarrollo de software" src="https://cdn-images-1.medium.com/max/1024/1*UH8HveONllgCFc6sPHSW9w.png"></figure>Para que lo comprendas mejor, ahora te explico en qué consiste cada una:
<h4>Spike</h4>
Es un tiempo que sirve para investigar una pregunta o buscar una solución a un problema.
Regresando al ejemplo sobre el manejo de roles y permisos de bases de datos de manera automatizada, te serviría para recopilar información y encontrar respuestas rápido antes de desarrollar un producto.
El tiempo que se destina para hacer esto puede variar mucho, ya que depende de qué tan bueno se sea investigando; se debe profundizar en temas esenciales como: complejidad de la implementación, calidad de la documentación, nivel de soporte, costos, frecuencia de uso, comparación con productos similares, entre otros.
Por otro lado, lo que se entrega al final de esta etapa es un documento que describe todo lo investigado y las conclusiones, mismas que deben estar listas para su validación.
Esto último es muy importante para saber si se está conforme con lo investigado o si se necesita tener otra iteración de investigación. De hecho, en algunas ocasiones, el Spike arroja más de una solución, por lo que la validación ayuda a tener un consenso para decidir con cuál continuar.
<h4>POC</h4>
Una vez validado el Spike, se pasa a la etapa de POC (prueba de concepto o Proof Of Concept). Aquí es donde se realizan pruebas de código de lo investigado (tomando en cuenta lo aprendido) y normalmente se hacen en el mismo lenguaje que pasará a desarrollo, siempre bajo un ambiente fácil de implementar como Colab, Jupyter Notebooks, etc.
En el ejemplo, iría desde el “Hello World” de Ansible, hasta la creación de roles y permisos para una base de datos en PostgreSQL, así como la asignación de usuarios de prueba.
Asimismo, es esencial considerar Sanity Checks (pruebas básicas para evaluar rápido si una afirmación o el resultado de algo puede ser cierto o si se debe continuar) dentro de los POCs, esto porque pueden volverse Tests muy fácil al pasar a la etapa de implementación, además de que pueden convertirse en temas de negocio que quizá se quieran considerar.
Al igual que con el Spike, no se debe avanzar sin pasar por el ciclo de validación y sin confirmar que la prueba cumpla con el requerimiento planteado. Sin embargo, para un caso extremo, puede darse marcha atrás y regresar a un nuevo Spike, pero es vital ser consciente de que entre más se avance en el flujo de estas etapas, más costoso es equivocarse.
Por esto mismo, es fundamental tener puntos de control de calidad e impedir el avance si no se tiene la seguridad de que se cumplió el objetivo de cada etapa.
<h4>Implementación</h4>
Una vez que se termine y valide el POC, es momento de pasar a la implementación. Aquí se toma en cuenta lo que cada equipo haya definido como su ciclo de desarrollo y se tiene la certeza de que lo que se va a implementar tiene todos los lineamientos esperados.
Esta tarea debe:
<ul>
<li>Ser rápida y de alta calidad.</li>
<li>Realizarse dentro de tiempos mucho más apegados a la realidad de los desarrolladores.</li>
<li>Documentar la solución implementada.</li>
</ul>
<h4>Las validaciones aseguran la calidad de tus proyectos</h4>
Como desarrolladores, solemos acostumbrarnos a pensar que es más rápido afrontar los problemas justo en el momento en el que se presenten, pero esto no necesariamente es así. Como expliqué, vale la pena tener ciclos de trabajo que eliminen la incertidumbre y permitan avanzar a paso firme hacia una solución.
Cada etapa que se aprovecha para avanzar y validar ayuda a alcanzar de mejor manera los objetivos y a crear productos de más valor y calidad.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=9acc34fb5591" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/flujo-viabilidad-de-producto-digital-9acc34fb5591">Flujo para demostrar la viabilidad de un producto digital</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Flujo para demostrar la viabilidad de un producto digital

Debido a que la gestión de bases de datos es una tarea común en las tareas de backend, es necesario contar con herramientas que faciliten la interacción. Por eso hoy te digo cómo conseguirlo utilizando Sequelize ORM.

<h4>Manipula mejor tus bases de datos y agiliza tu desarrollo</h4>
<figure><img alt="Sequelize ORM" src="https://cdn-images-1.medium.com/max/1024/1*gTLKtJzghFVQHlzNtzzuKQ.png"></figure>Debido a que la gestión de bases de datos es una tarea común en las tareas de backend, es necesario contar con herramientas que faciliten la interacción. Por eso hoy te digo cómo conseguirlo utilizando Sequelize ORM.
<h4>¿Qué es Sequelize?</h4>
<a href="https://sequelize.org/">Sequelize</a> es un <a href="https://en.wikipedia.org/wiki/Object%E2%80%93relational_mapping">Object Relational Mapper</a> (ORM) desarrollado en <a href="https://nodejs.org/en/">Node.js</a> que simplifica el trabajo con bases de datos como <a href="https://www.postgresql.org/">PostgreSQL</a>, <a href="https://www.mysql.com/">MySQL</a> y más.
Es un popular proyecto open source que se caracteriza por:
<ul>
<li>Manejar registros de bases de datos al representarlos como objetos.</li>
<li>Contar con poder de migración.</li>
<li>Transformar esquemas de bases de datos existentes en nuevas versiones.</li>
<li>Brindar soporte para la sincronización de bases de datos, carga rápida, asociaciones, transacciones y migraciones de bases de datos, a la vez que reduce el tiempo de desarrollo y evita las inyecciones de SQL.</li>
</ul>
<h4>¿Cuáles son los beneficios de usar Sequelize?</h4>
<ul>
<li>Provee muchos métodos útiles que ahorran tiempo.</li>
<li>El código está en JavaScript, evita escribir complejas consultas SQL.</li>
<li>Tiene una API robusta para construir modelos, consultar o mutar datos.</li>
<li>Cuenta con seguridad integrada, prevé ataques de inyección SQL.</li>
<li>Cuenta con una comunidad activa.</li>
<li>Integra la herramienta CLI que permite configurar el proyecto y realizar migraciones.</li>
</ul>
Y para que lo pongas en práctica, a continuación te explico cómo ejecutar algunas de sus funcionalidades para las apliques a tus proyectos y le saques ventaja. Antes de comenzar, primero asegúrate de tener:
Pre-requisitos
<ul>
<li>Conocimientos en JavaScript: Arrays, variables y Objects</li>
<li>Conocimientos en SQL</li>
<li>Node.js instalado</li>
<li>Visual Studio Code o cualquier editor de texto instalado</li>
</ul>
Una vez listo lo anterior, ahora si ¡comencemos!🙌
<h4>Ejemplos de funciones en Sequelize ORM</h4>
1.Construir un nuevo proyecto
<ul><li>Crea una carpeta y accede a ella por terminal.</li></ul>
<pre>mkdir hello-world cd hello-world</pre>
<ul><li>Crea una aplicación Node.js.</li></ul>
<pre>npm init</pre>
<ul>
<li>Presiona ENTER para crear un proyecto por defecto.</li>
<li>Crea un server.js archivo vacío dentro de la carpeta del proyecto.</li>
</ul>
<pre>touch server.js</pre>
<ul><li>Instala Sequelize.</li></ul>
<pre>npm i sequelize</pre>
<ul><li>Crea una base de datos de muestra con MySQL.</li></ul>
<pre>mysql -u your_username -p</pre>
<ul>
<li>Escribe tu contraseña de MySQL y presiona ENTER.</li>
<li>Crea una base de datos llamada hello_world_db y desconéctate.</li>
</ul>
<pre>CREATE DATABASE hello_world_db;</pre>
<pre>mysql&gt; QUIT</pre>
<ul><li>Navega al directorio del proyecto usando la terminal e instala el controlador MySQL en el proyecto.</li></ul>
<pre>npm install — save mysql2</pre>
<ul><li>Realiza la conexión a la base de datos MySQL desde Node.js.</li></ul>
<pre>nano server.js</pre>
<ul><li>Reemplaza DATABASE_USERNAME y DATABASE_PASSWORD con las credenciales de tu usuario MySQL en el archivo server.js.</li></ul>
<figure><img alt="Crear proyecto en Sequelize ORM" src="https://cdn-images-1.medium.com/max/958/1*ixDNSods43MUnpDUbTh1gQ.png"></figure><ul><li>Instala <a href="https://expressjs.com/">Express</a> (infraestructura de aplicaciones web Node.js mínima y flexible que proporciona un conjunto sólido de características para apps web y móviles) y agrega estas líneas de código al archivo server.js:</li></ul>
<figure><img alt="Código en Sequelize ORM" src="https://cdn-images-1.medium.com/max/1024/1*vV6-rOrG9YaLQujgZyhztg.png"></figure><ul><li>Agrega este código si quieres verificar la conexión con la base de datos:</li></ul>
<figure><img alt="Código de conexión de base de datos" src="https://cdn-images-1.medium.com/max/1024/1*D948eHzrlx-zXO0hfw6geg.png"></figure><ul><li>Por último, para correr el servidor con conexión a la base de datos, ejecuta:</li></ul>
<pre>npm start</pre>
2. Agregar modelo
Para lograr un vínculo entre objetos y tablas es necesario definir modelos. Estos transforman las tablas y columnas dentro de una base de datos y para establecerlos debes seguir estos pasos:
<ul><li>Agrega el siguiente código al archivo server.js:</li></ul>
<figure><img alt="Modelo de usuario en Sequelize" src="https://cdn-images-1.medium.com/max/940/1*nyQ_KoLSxq7JPA01U2j-jA.png"></figure>Esto se verá reflejado en una tabla como esta:
<figure><img alt="Tabla en Sequelize" src="https://cdn-images-1.medium.com/max/576/1*HD-Qsrbdglv0gIL2MvDuWw.png"></figure>Ahora, en la tabla User asigna un ‘id’ único y auto incremental.
Y para que comprendas mejor este tema, te dejo estos conceptos importantes que debes conocer:
Tipos de datos básicos
<ul>
<li>DataTypes.STRING</li>
<li>DataTypes.BOOLEAN</li>
<li>DataTypes.INTEGER</li>
<li>DataTypes.FLOAT</li>
<li>DataTypes.DATE</li>
</ul>
Qualifiers
Son aspectos que los atributos pueden necesitar, por ejemplo:
<ul>
<li>primaryKey (booleano que indica si es una llave primaria).</li>
<li>defaultValue (indica si tiene un valor por defecto).</li>
<li>allowNull (indica si permite valores nulos).</li>
</ul>
<figure><img alt="Ejemplo de modelo de usuario en Sequelize" src="https://cdn-images-1.medium.com/max/756/1*wy3SwaDdCFGdHdBovwI_jg.png"></figure>Validadores
Son comprobaciones realizadas en el nivel Sequelize, en JavaScript puro.
Pueden ser arbitrariamente complejos si proporcionan una función de validación personalizada o uno de los validadores integrados que ofrece Sequelize, y en caso de que falle una validación, no se envía ninguna consulta SQL a la base de datos. Aquí algunos ejemplos:
<figure><img alt="Ejemplos de validadores" src="https://cdn-images-1.medium.com/max/1024/1*V0Epvn_lMX0uBxPKX8v6Kw.png"></figure>Hooks
Estas funciones se llaman antes y después de que se ejecutan las llamadas en Sequelize y también se conocen como eventos del ciclo de vida. Estos son algunos ejemplos:
<ul>
<li>beforeValidate(instance, options)</li>
<li>afterValidate(instance, options)</li>
<li>beforeCreate(instance, options)</li>
<li>beforeDestroy(instance, options)</li>
<li>beforeUpdate(instance, options)</li>
<li>beforeSave(instance, options)</li>
<li>afterCreate(instance, options)</li>
<li>afterDestroy(instance, options)</li>
<li>afterUpdate(instance, options)</li>
<li>afterSave(instance, options)</li>
</ul>
<figure><img alt="Ejemplos de hooks" src="https://cdn-images-1.medium.com/max/958/1*L3-_r5y5dwXxpJKuXMvGoQ.png"></figure>3. Realizar operaciones CRUD
Debido a que Sequelize se basa en promesas por defecto, debes saber que una promesa en JavaScript representa la finalización eventual de una función <a href="https://medium.com/nowports-tech/funciones-asincronas-en-javascript-83b3e4b06fb3">asincrónica</a> y su valor resultante. Para
<ul><li>Agrega un usuario.</li></ul>
<figure><img alt="Agregar usuario en Sequelize" src="https://cdn-images-1.medium.com/max/940/1*HaqdKYIgQlhkuIhJYs2S8Q.png"></figure><figure><img alt="Tabla de usuarios" src="https://cdn-images-1.medium.com/max/576/1*EDUFS5D1vTICJl43Se8Rrw.png"></figure><ul><li>Modifica un usuario.</li></ul>
<figure><img alt="Modificar usuario en Sequelize" src="https://cdn-images-1.medium.com/max/1024/1*Vfgc2u-t2lsp5cC4JclBuQ.png"></figure><figure><img alt="Ejemplo de tabla de usuario en Sequelize" src="https://cdn-images-1.medium.com/max/576/1*qsBwy-cdk2elh1EH7sDRVQ.png"></figure><ul><li>Igual puedes modificarlo de esta forma:</li></ul>
<figure><img alt="Ejemplo para modificar usuario en Sequelize" src="https://cdn-images-1.medium.com/max/1024/1*fT_rgm0GukFdhni1FnO_0w.png"></figure><figure><img alt="Tabla de usuario en Sequelize" src="https://cdn-images-1.medium.com/max/576/1*JZan_tRSkCMhr17vAVin_A.png"></figure><ul><li>También tienes la posibilidad de eliminarlo, justo como se muestra:</li></ul>
<figure><img alt="Eliminar usuario en Sequelize" src="https://cdn-images-1.medium.com/max/1024/1*9FDA1fL9Ihg4HgfIRtjY2A.png"></figure>4. Ejecutar asociaciones de modelos
Son relaciones existentes entre las entidades.
Sequelize admite las estándar: One-To-One, One-To-Many y Many-to-Many. Y proporciona 4 tipos de asociaciones que deben combinarse para crearlas:
<ol>
<li>
A.hasOne(B): significa que existe una relación uno a uno entre A y B, con la clave externa definida en el modelo de destino (B).</li>
<li>
A.belongsTo(B): se refiere a que existe una relación uno a uno entre A y B, con la clave externa definida en el modelo fuente (A).</li>
<li>
A.hasMany(B): quiere decir que existe una relación de uno a muchos entre A y B, con la clave externa definida en el modelo de destino (B).</li>
</ol>
Estas 3 llamadas harán que Sequelize agregue automáticamente claves foráneas a los modelos apropiados (a menos que ya estén presentes).
4. A.belongsToMany(B, { through: ‘C’ }) asociación: significa que existe una relación Many-To-Many entre A y B, usando la tabla C de unión y que tendrá las claves foráneas. Sequelize creará automáticamente este modelo C (a menos que ya exista) y definirá las claves externas apropiadas en él.
<h4>¡Gestiona fácil tus bases de datos!</h4>
Ahora que conoces las posibilidades de Sequelize, aprovéchalas para tus proyectos y optimiza tu tiempo al trabajar con bases de datos. Gracias a los ORM hoy tienes a tu alcance otras de formas de interactuar con tus datos.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=e2c8863bd382" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/sequelize-orm-para-node-js-e2c8863bd382">Aprende a usar Sequelize ORM para Node.js</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Aprende a usar Sequelize ORM para Node.js

Excel es una poderosa herramienta que cuenta con varias funciones para manejar datos, así que si aún no conoces todas las oportunidades que pone a tu alcance para este fin, te invito a seguir leyendo.😉

<h4>Descubre las posibilidades que existen en las hojas de cálculo</h4>
<figure><img alt="Excel para testing de datos" src="https://cdn-images-1.medium.com/max/1024/1*77h40DQQLbYxnRTMHewwzw.png"></figure>Excel es una poderosa herramienta que cuenta con varias funciones para manejar datos, así que si aún no conoces todas las oportunidades que pone a tu alcance para este fin, te invito a seguir leyendo.😉
<h4>El valor de Excel para testing de datos</h4>
El testing de datos es una actividad en la que se puede invertir mucho tiempo y tener un sin fin de errores si se realiza manualmente, esto básicamente porque impide mantener el enfoque, provoca distracciones y existen más probabilidades de tener fallos (como hacer mal alguna cuenta o etiquetar en una categoría incorrecta). Sin embargo, esto tiene solución.
Herramientas como Excel y Google Sheets están a la altura de este escenario y son útiles para analizar bases de datos a través de una cómoda interfaz gráfica. Y para que sepas cómo lo hacen posible, en este artículo te explico todos los detalles.
Primero enumeraré algunos puntos positivos (y otros no tanto), luego desarrollaré las principales fórmulas que permiten obtener la mayor ventaja de sus funcionalidades y finalmente, daré algunos consejos que te ayudarán a usar mejor su interfaz.
¡Acá te va toda la información!👇
<h4>Ventajas y desventajas de usar Excel para hacer testing de datos</h4>
Ventajas:
<ul>
<li>Tiene una interfaz visual de fácil uso.</li>
<li>Cuenta con una lógica y una serie de fórmulas sencillas de usar.</li>
<li>Es ideal para hacer análisis matemáticos y categóricos de los paneles de datos a evaluar.</li>
<li>Cuenta con una comunidad muy grande que ayuda a resolver dudas.</li>
</ul>
Desventajas:
<ul><li>Escalabilidad (dificulta procesar un gran volumen de datos).</li></ul>
<h4>6 funciones de Excel para gestionar datos</h4>
En cuanto a sus funcionalidades, quiero destacar algunas de las principales con las que cuenta para trabajar con datos:
1.BuscarV
Permite encontrar un elemento dentro de un determinado conjunto de datos, su nombre significa “Buscar Vertical” y se compone de lo siguiente:
<ul>
<li>El elemento que marca por dónde se buscará.</li>
<li>El panel de datos en donde se buscará el mismo.</li>
<li>El número de la columna en donde se encuentra el elemento en sí.</li>
<li>Verdadero/Falso (indica si el valor es literal o similar).</li>
</ul>
Su fórmula básica es: =BuscarV(A1;B2:E38;3;0).
<figure><img alt="Función BuscarV en Excel" src="https://cdn-images-1.medium.com/max/500/0*4s4tYgVMG4R4j_u4"></figure>2.Contar — Contara — Contar.Si — Contar.Si.Conjunto:
Esta función se refiere a:
<ul>
<li>Contar: contabiliza el número de celdas que tiene contenido numérico.</li>
<li>Contara: enumera la cantidad de celdas que tiene contenido de texto.</li>
<li>Contar.Si y Contar.Si.Conjunto: la primera variable mide la cantidad de celdas con un determinado valor y la segunda, 2 valores como mínimo.</li>
</ul>
Sus fórmulas básicas son:
<ul>
<li>=Contar([coordenadasDeCeldasAContar])</li>
<li>=Contara([coordenadasDeCeldasAContar])</li>
<li>=Contar.Si([coordenadasDeCeldasAContar];[celdaConElValorAContabilizar])</li>
<li>=Contar.Si.Conjunto([coordenadasDeCeldasAContar];[celdaConElValorAContabilizar];[coordenadasDeCeldasAContar];[celdaConElValorAContabilizar])</li>
</ul>
<figure><img alt="Función Contar en Excel" src="https://cdn-images-1.medium.com/max/490/0*CpK4REAL5OFYZMBZ"></figure>3.Sumar — Sumar.Si — Sumar.Si.Conjunto
Sumar se refiere a casi lo mismo que Contar, la única diferencia es que es una función diseñada únicamente para medir valores numéricos.
Sus fórmulas básicas son:
<ul>
<li>Sumar([celdasConCifrasASumar])</li>
<li>Sumar.Si([celdasConCondicion];[CondicionEnSi];[celdasConCifrasASumar])</li>
<li>Sumar.Si.Conjunto([celdasConCifrasASumar];[celdasConCondicion];[CondicionEnSi];[celdasConCondicion];[CondicionEnSi])</li>
</ul>
<figure><img alt="Función Sumar en Excel" src="https://cdn-images-1.medium.com/max/451/0*DC0fQsxqlnuhwUQm"></figure>4. ABS
Es la abreviatura de “absoluto”. Ayuda a realizar operaciones con los valores absolutos de los números evitando que el resultado sea negativo.
<figure><img alt="Función ABS en Excel" src="https://cdn-images-1.medium.com/max/1024/0*xdiEzKb3bzNyrpdx"></figure>5. Si
Sirve mucho para obtener los resultados de una prueba. Es útil para imprimir el resultado ya que es una función que en sí, lo permite.
Su fórmula es la siguiente:
<ul><li>=Si([condición];[resultadoEnCasoAfirmativo];[resultadoEnCasoNegativo])</li></ul>
<figure><img alt="Función Si en Excel" src="https://cdn-images-1.medium.com/max/1024/0*3iSZHnpoGP6xDj09"></figure>6. Y &amp; O
Estas funciones son ideales para anidar otras que ya existen, como es el caso de Si. Mientras que la función Y sirve para que una Si tenga más de una condición, la función O permite que cumpla una u otra.
Para dejarlo más claro, te comparto estos ejemplos:
Función Y:
<figure><img alt="Función Y en Excel" src="https://cdn-images-1.medium.com/max/832/0*2x6Mq_iaR3FRFzKF"></figure>Función O:
<figure><img alt="Función O en Excel" src="https://cdn-images-1.medium.com/max/990/0*wR1gdK3Hr7kP909D"></figure><h4>Consejos para aprovechar Excel durante el manejo de datos</h4>
Ten un objetivo claro
En primer lugar, el consejo más evidente es tener un objetivo bien claro. Al tenerlo dispondrás de todo el conjunto de herramientas para concretarlo y podrás optimizar al máximo el tiempo.
Mantén todo en orden
Si bien Excel es una tecnología que obliga al usuario a ser más consciente sobre este punto, la realidad es que no siempre se lleva un orden referido al nombrar las hojas y respetar el orden cronológico de los datos, y esto es fundamental para que el mensaje final se comunique bien. Recuerda que es una herramienta de análisis y sin orden, no servirá de mucho.
Cuenta una historia
Aunque este último consejo es un poco evidente, ten en cuenta que cada mensaje que des se comunicará mejor si lo cuentas como una historia y para esto puedes aprovechar los datos. Cada vez que cuentes una historia (con datos incluidos), le darás protagonismo a la información y lograrás que tu trabajo sea mejor apreciado.
<h4>Comienza hoy mismo a sacar ventaja de Excel</h4>
La capacidad de Excel para gestionar datos es destacable, no por nada es usado también en otros ámbitos como el financiero, contable, estadístico y matemático para agilizar el trabajo diario y asegurar calidad en la información empresarial.
Así que si todavía no lo pones a prueba, ahora ya sabes por dónde empezar. Aprovecha sus funciones para testing de datos y cuéntame qué tal te va.
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=7190e7c7d7f5" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/excel-para-testing-de-datos-7190e7c7d7f5">¿Cómo aprovechar Excel para testing de datos?</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

¿Cómo aprovechar Excel para testing de datos?

En el libro “Código limpio: Manual de estilo para el desarrollo ágil de software”, Robert C. Martin, junto con sus compañeros de Object Mentor, escribió una guía detallada sobre cómo y por qué construir código limpio y las consecuencias que trae no priorizar esta tarea. Así que si al igual que a mi, este tema te interesa, a continuación te comparto mis aprendizajes.

<h4>Lectura recomendada para el desarrollo ágil de software</h4>
<figure><img alt="Libro Código Limpio de Robert Martin" src="https://cdn-images-1.medium.com/max/1024/1*_Wy0BHW5L64xiFcRdY_xHw.jpeg"></figure>En el libro “Código limpio: Manual de estilo para el desarrollo ágil de software”, Robert C. Martin, junto con sus compañeros de Object Mentor, escribió una guía detallada sobre cómo y por qué construir código limpio y las consecuencias que trae no priorizar esta tarea. Así que si al igual que a mi, este tema te interesa, a continuación te comparto mis aprendizajes.
Para fines de este artículo seleccioné 2 capítulos: “Emergencia” (capítulo 12) porque retoma varias ideas importantes de otros capítulos que no me gustaría omitir y “Pruebas unitarias” (capítulo 9), debido a que fue uno de mis favoritos de toda la lectura. Y para abordarlos seguiré este orden, ya que el primero tiene una visión más general que el segundo.
¡Comencemos!😃
<h4>Capítulo 12: Emergencia</h4>
Jeff Langr, autor de este capítulo, recordó en orden de importancia las 4 reglas del diseño sencillo de Kent Beck:
<ol>
<li>Ejecuta todas las pruebas.</li>
<li>No contiene duplicados.</li>
<li>Expresa la intención del equipo de programación.</li>
<li>Minimiza el número de clases y métodos.</li>
</ol>
Todas ellas son fundamentales para diseñar un software correctamente. Y para que comprendas mejor a qué se refiere cada una, enseguida te explico:
Regla 1: Ejecuta todas las pruebas
“En primer lugar, un diseño debe generar un sistema que actúe de la forma prevista” escribe Langr. Por lo que para comprobar que funciona correctamente, es indispensable que contenga pruebas. Por esto mismo también argumenta que “los sistemas que no se pueden probar, no se pueden verificar, y un sistema que no se puede verificar no debe implementarse”.
Sin embargo, esta no es la única importancia que tiene crear sistemas testeables; las pruebas también orillan a construir clases pequeñas y con un único propósito, por lo que entre más se implementen en un sistema, más probabilidades hay de crear clases que cumplan con el principio de responsabilidad única (Single Responsibility Principle, SRP).
Una vez que se tienen todas las pruebas, se puede ser mucho más consciente de lo importante que es mantener el código limpio y justo aquí es donde comienza la etapa de refactorización. Durante este momento también es de suma importancia tener pruebas creadas, pues es lo que permitirá modificar el código sin miedo a romper alguna funcionalidad.
En esta fase es donde intervienen las siguientes 3 reglas de diseño sencillo.
Regla 2: No contiene duplicados
En el libro también se menciona que “los duplicados suponen un esfuerzo adicional, riesgos añadidos y una complejidad a mayores innecesaria”. Para evitar esto, hay que poner especial atención en las líneas de código parecidas, que pueden volverse lo suficientemente similares como para ser reutilizables.
Aunque sea al mínimo, reutilizar reduce significativamente la complejidad del código.
Regla 3: Expresa la intención del equipo de programación
Conforme los sistemas se vuelven más complejos, la tarea de entenderlos también se vuelve más difícil. Por esto es que el equipo de desarrollo requiere más tiempo para comprender el código, sin embargo existe el riesgo de no lograrlo y de caer en malos entendidos.
¿Cómo facilitar este entendimiento? Simple, haciendo un código más expresivo. Y algunas formas de conseguirlo son:
<ul>
<li>Usar nombres apropiados y descriptivos.</li>
<li>Mantener las funciones y clases pequeñas.</li>
<li>Utilizar nomenclatura estándar.</li>
<li>Crear pruebas correctamente descritas.</li>
</ul>
De hecho el autor dice: “la forma más importante de ser expresivo es la práctica. A menudo, conseguimos que el código funcione y pasamos al siguiente problema sin detenernos en facilitar la lectura del código para otros”.
En este sentido, el dedicarle unos minutos para modificarlo y volverlo más descriptivo le ahorrará tiempo a las personas que en un futuro trabajen con él.
Regla 4: Minimiza el número de clases y métodos
En un intento de hacer clases y métodos de tamaño reducido, se puede terminar creando demasiados. Por eso esta regla recuerda lo esencial que es intentar mantener la cantidad de clases y funciones al mínimo.
En resumen, este capítulo trató sobre cómo implementar el diseño sencillo para obtener código limpio: debe ser expresivo, reutilizable y reducido.
<h4>Capítulo 9: Pruebas unitarias</h4>
Desde que conocí las pruebas unitarias, construí una relación amor-odio con ellas. La verdad es que el proceso para hacerlas me parecía increíblemente fastidioso y estresante, sin embargo, siempre sentía una gran satisfacción al ver los números y letras en verde cada que pasaban todos los tests.
Por eso es que este capítulo se convirtió en uno de mis favoritos. En lo personal, desconocía mucho de lo que compartió Robert en estas páginas y al leerlo no solamente pude ver con otros ojos el proceso de creación de buenas pruebas unitarias, sino también darme cuenta de su importancia.
Algo de lo que se abordó en este capítulo fue👇
Las 3 leyes del desarrollo guiado por pruebas
El desarrollo guiado por pruebas (Test-Driven Development, TDD) propone que primero se creen pruebas unitarias antes que el código de producción. Pero esto es solo la superficie, para adentrarse al significado de esta norma es necesario considerar estas 3 leyes:
1.No se creará código de producción hasta tener una prueba unitaria que falle.
2.No se creará más de una prueba unitaria para fallar. No compilar es fallar.
3.No se creará más código de producción que el necesario para pasar la prueba de fallo actual.
Y algo a tener presente es que el código de producción y las pruebas unitarias se escriben en conjunto; las pruebas un poco antes que el código.
Pruebas limpias
Conforme el código cambia, las pruebas unitarias también. Por eso se dice que tener pruebas desordenadas dificulta esta tarea y el no contar con las adecuadas, impide hacer cambios en el código de producción con seguridad.
Para crear pruebas unitarias limpias es necesario asegurarse de que sean legibles. Como en todo el código, esto se logra con claridad, sencillez y densidad de expresión para que, quien lea la prueba, descifre lo que hace de manera rápida y sin muchas complicaciones.
Las pruebas y sus posibilidades
Como se mencionó en el capítulo 12 , las pruebas permiten modificar el código sin miedo a romperlo, algo que abre las puertas, entre muchas otras cosas, a mejorar su diseño y arquitectura cada vez que sea necesario.
El libro lo describe así: “las pruebas proporcionan las posibilidades, ya que permiten el cambio.”
El doble estándar
Aunque Robert sostiene que las pruebas unitarias son igual de importantes que el código de producción, también hace hincapié en que las pruebas no necesitan ser tan eficientes como este, pues se ejecutan en diferentes entornos (de prueba o de producción), cada uno con necesidades propias.
Lo que permite “el doble estándar” es hacer cosas que no se harían normalmente en un entorno de producción, pero que sí está bien realizar en uno de prueba. Y algo a tener presente es que esto nunca se referirá a la limpieza del código.
Un acierto por prueba o un concepto por prueba
Robert también argumenta que la regla de “un acierto por prueba” es una buena guía, sin embargo, no es obligatorio limitarse a ella. Lo recomendable es que el número de aciertos siempre sea el mínimo.
El autor explica que “puede que una regla más indicada sea probar un único concepto en cada función de prueba”. Esto quiere decir que testear diferentes conceptos en una misma prueba puede causar confusión al lector para determinar qué evalúa cada sección, por eso es necesario minimizar el número de aciertos por concepto y probar un concepto por función de prueba.
F. I. R. S. T.
Otro tema que se abordó en este capítulo fueron las 5 reglas para hacer pruebas que, por sus siglas en inglés, forman el acrónimo F.I.R.S.T. Estas deben ser:
1.Rápidas (Fast): deben ejecutarse rápido y con frecuencia.
2.Independientes (Independent): no deben depender entre ellas; una prueba no debería establecer las condiciones para la siguiente.
3. Repetibles (Repeatable): se pueden repetir en cualquier entorno; si esta regla no se cumple, siempre habrá una excusa para su fallo.
4.Validación automática (Self-Validating): deben resultar en un booleano, osea, o aciertan o fallan.
5.Oportunas (Timely): necesitan crearse en el momento oportuno, justo antes del código de producción que evalúan.
<h4>Siempre es bueno recordar la importancia del código limpio</h4>
Aunque este artículo representa solo un pequeño acercamiento al libro de “Código limpio”, espero que despierte tu curiosidad en este tema (si es que aún no lo has leído) o que te sirva para recordar información valiosa (si es que ya lo has consultado anteriormente).
Aunque ya reconozcas lo importante que es crear y mantener código limpio, no está de más que lo vuelvas a tener presente. Lo que hoy puede parecerte trabajo “extra”, más adelante podría ahorrarte muchísimo tiempo y esfuerzo.
Espero que este tema te ayude en tu trabajo diario. ¡Te deseo mucho éxito!
¿Quieres leer más temas relacionados? 👉<a href="https://medium.com/nowports-tech">Visita el blog de Nowports Tech</a>👈
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=2b90568e4697" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-tech/codigo-limpio-robert-c-martin-2b90568e4697">Un pequeño vistazo a “Código limpio” de Robert C. Martin</a> was originally published in <a href="https://medium.com/nowports-tech">Nowports Tech</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Un pequeño vistazo a “Código limpio” de Robert C. Martin

Las acciones que contribuyen al cuidado de la mente son pilares para un desempeño profesional adecuado, por eso el espacio de trabajo donde decidas desarrollarte debe proveerlas y garantizarlas. Debido a que está demostrado que su implementación impacta en tu felicidad y productividad, hoy te quiero contar más sobre este importante tema.

<h4>La salud mental no es negociable, es prioridad.</h4>
<figure><img alt="Salud mental en el trabajo" src="https://cdn-images-1.medium.com/max/1024/1*UzPrth2HZTCDaZmBwllp7Q.jpeg"></figure>Las acciones que contribuyen al cuidado de la mente son pilares para un desempeño profesional adecuado, por eso el espacio de trabajo donde decidas desarrollarte debe proveerlas y garantizarlas. Debido a que está demostrado que su implementación impacta en tu felicidad y productividad, hoy te quiero contar más sobre este importante tema.
¡Comencemos!😙
<h4>Importancia de la salud mental</h4>
En 1948 la Organización Mundial de la Salud (OMS) estableció que la salud es un estado de bienestar físico, mental y social, por lo que se dice que alguien está sano cuando mantiene en equilibrio todo esto.
Pues bien, debido a que la salud mental es parte de este balance que le permite a las personas estar bien con su entorno, les da la pauta para reconocer, gestionar y dirigir todas las facetas de sus vidas, como pueden ser: el ámbito familiar, laboral, social, de pareja, etc. Por esto es fundamental cuidarla y conservarla, solo así es posible mantenerse estable y/o en bienestar como individuo y en sociedad.
En este sentido, hoy ya no solo es importante cuidar de la salud física, sino también de la salud mental, pues es la que define cómo pensar, sentirse, actuar y hasta reaccionar ante cualquier situación que se presente. Por esta razón, lugares como las empresas están entendiendo cada vez más su valor y haciendo de su parte para garantizarla.
<h4>Problemas que ocasiona una mala salud mental en el trabajo</h4>
A consecuencia del ritmo tan acelerado con el que se mueve el mundo, actualmente el trabajo se ha convertido en una necesidad de supervivencia y en una faceta importante en la vida de los seres humanos.
En su mayoría, los horarios de trabajo abarcan gran parte del día, por eso los buenos líderes saben que es clave identificar cómo funge la salud mental dentro de este rubro, de qué manera se puede gestionar y sobre todo, cómo mantenerla en buen estado.
De hecho, según la Federación Mundial para la Salud Mental, <a href="http://scielo.sld.cu/scielo.php?script=sci_arttext&amp;pid=S0864-34662021000400017">1 de cada 5 personas de la población mundial experimenta una condición de salud mental</a>, misma que si es mal manejada puede desencadenar algún otro tema de salud. Por eso resulta vital saber cuidarla.
Por otro lado, algunos de los mayores problemas que ocasiona el minimizar la salud mental en el trabajo, es el estrés laboral y el burnout. A este último se le conoce como “síndrome de estar quemado” o “síndrome del agotamiento emocional o profesional” y la OMS ya lo considera una enfermedad laboral que provoca deterioro físico y mental.
Cuando los espacios de trabajo se convierten en fuentes de agotamiento mental y emocional, todo esto se desencadena y el ambiente laboral se torna pesado y abrumador para las personas. Incluso está demostrado que en varios países los colaboradores abandonan su empleo cuando este comienza a afectarles su salud mental.
Por el contrario, cuando los lugares de trabajo velan por la integridad mental de sus equipos, las personas se sienten felices, motivadas y con energía para cumplir sus objetivos. Justo esto es lo que debe buscarse.
<h4>Buenas prácticas para cuidar la salud mental en Nowports</h4>
Si algo tenemos claro en <a href="https://www.nowports.com/">Nowports,</a> es que las personas importan. Por eso, desde el área de People, constantemente creamos iniciativas que nos permitan atraer al mejor talento, mantenerlo, desarrollarlo y sobre todo, garantizar su bienestar en el trabajo diario.
<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZACfn_4c-LF5dHslW3eMjw.jpeg"><figcaption>Parte del equipo de Nowports México reunido en la “Fiesta Unicornio”</figcaption></figure>Sabemos que nuestra cultura nos define, construye nuestra identidad y nos guía a una manera de ser y hacer, por eso no podemos ignorar algo tan vital como la salud mental de quienes forman parte de ella.
En este sentido, los factores psicosociales que cuidamos y en los que ponemos foco en pro de nuestros #Nowporters, son:
<ul>
<li>Las condiciones de ambiente de trabajo.</li>
<li>Los factores propios de su actividad.</li>
<li>La organización del tiempo de trabajo.</li>
<li>El liderazgo y las relaciones en el trabajo.</li>
</ul>
Y cada uno de ellos genera estos beneficios:
<ul>
<li>Promueven un entorno organizacional favorable.</li>
<li>Previenen riesgos psicosociales.</li>
<li>Previenen violencia laboral.</li>
</ul>
En resumen, estamos convencidos de que una persona con buen estado de salud mental laboral, es productiva, feliz y enfocada en resultados.
La #Nowportsway es nuestra aliada
En Nowports incentivamos las buenas prácticas desde el día 1, pues damos a conocer nuestros valores desde el onboarding; dejamos claro que con ellos buscamos mantener un buen ambiente laboral y que debemos caminar juntos para mantenerlos.
Durante los primeros días de un nuevo #Nowporter, nos encargamos de brindarle la mejor experiencia, de fomentarle el trabajo en equipo y la comunicación efectiva, y principalmente de contagiarle la emoción de que adopte la #Nowportsway como un nuevo estilo de trabajo, tal y como ya lo hacemos todos los demás.🙌
La <a href="https://medium.com/nowports-freight/qu%C3%A9-es-la-nowports-way-cd6d7d37f8ab">#Nowportsway</a> es la columna vertebral de la empresa. Se refiere a un conjunto de decisiones, comportamientos y valores que comparte cada persona que trabaja con nosotros, y es una aliada fundamental que nos ayuda a mantener un entorno organizacional favorable.
<figure><img alt="Nowportsway" src="https://cdn-images-1.medium.com/max/1024/1*4RxZFdQeufA3cAGs4OPM5w.jpeg"><figcaption>¡Así vivimos la #Nowportsway!</figcaption></figure>Nos importan las opiniones
Adicionalmente, en la compañía también contamos con un buzón seguro en el que cada colaborador puede dejar comentarios, iniciativas y hasta hacer alguna denuncia. La finalidad de esto es que en el departamento de People podamos escuchar todas sus necesidades y tener un canal que resguarde la privacidad de las comunicaciones que lo requieran.
El uso de este buzón nos permite reconocer áreas de oportunidad de cualquier índole y dar seguimiento puntual a cualquier eventualidad que pueda poner en riesgo la salud mental de los #Nowporters.
Las herramientas son nuestras aliadas
Otra iniciativa que hemos implementado en Nowports son las herramientas de bienestar. Con ellas, los #Nowporters tiene acceso a una gran cantidad de recursos que les permiten equilibrar su vida personal y laboral, y también, mantener un estado de salud mental adecuado.
Entre los beneficios que todas ellas brindan, se encuentran:
Salud física
<ul>
<li>Entrenamiento físico</li>
<li>Alimentación Saludable</li>
</ul>
Salud mental
<ul>
<li>Cuerpo y mente para descansar y enfocarse en objetivos</li>
<li>Meditaciones guiadas</li>
<li>Mindfulness</li>
<li>Pausas activas</li>
</ul>
De hecho, algunas de las opiniones que se tienen sobre ellas son:
<blockquote>“En la actualidad es necesario tener una red de apoyo familiar y profesional que de soporte en todos los sentidos. En mi caso, hace un tiempo pasé por momentos personales muy difíciles y tomé la decisión de, por primera vez, acudir a un profesional; hacerlo fue fundamental porque en ese momento necesité orientación sobre cómo conciliar mi dolor y evitar afectar mi rendimiento laboral.</blockquote>
<blockquote>Lo bueno es que las organizaciones están comprendiendo cada vez más que es clave contar con colaboradores con buena salud mental y que se sientan libres de contar sus problemas. Por eso agradezco que Nowports haya creado instancias que ayudan a tratar estos temas. Muchas veces tratamos de salir adelante solos, pero en el camino nos damos cuenta de que es muy difícil”.</blockquote>
<blockquote>Pipe Pereira- Shipment Operation Export Chile</blockquote>
<blockquote>“Nowports no solo me brinda las herramientas para mejorar mi salud física y mental, sino que se asegura de que haga buen uso de ellas a través de prácticas como la flexibilidad en mi jornada de trabajo y sobre todo, de la confianza en mi profesionalismo”.</blockquote>
<blockquote>Indhira Gutiérrez, People Partner Uruguay.</blockquote>
<blockquote>“Realizar meditaciones nocturnas me ha ayudado a conciliar mejor mi sueño, a desconectarme digitalmente y a reducir el estrés de las preocupaciones, incluso de la ansiedad”.</blockquote>
<blockquote>Car Magris, Additional Services People Partner Argentina</blockquote>
<blockquote>“Tener un equilibro entre la vida personal y la laboral no es fácil, pero en Nowports tenemos mucha flexibilidad, herramientas de trabajo y autonomía, y además, after office, talleres de salud mental y más.”</blockquote>
<blockquote>Noryerd Rodriguez, Tech Support Analyst México</blockquote>
<h4>La clave está en cuidar la mente</h4>
Independientemente del giro del negocio donde actualmente trabajes, este debe contribuir al cuidado de tu salud mental. Hacerlo no es una opción, sino una prioridad, pues cuando eres feliz en tu puesto de trabajo y tu vida personal es respetada, aumentas tu bienestar y se crea un ambiente laboral más ameno y agradable.
Si aún no existen instancias para ello, estás en el mejor momento para fomentarlas. Elabora un plan y promueve que se integren a la cultura.
Por otro lado, si lo que estás buscando es una nueva oportunidad laboral que te brinde esto y tienes interés en vivir una experiencia laboral llena de crecimiento, retos y sobre todo, una cultura diferente y revolucionaria ¡Nowports puede ser el lugar para ti!
Constantemente estamos recibiendo a nuevo talento, así que te invito a revisar las vacantes abiertas y a postular en 👉<a href="https://nowports.bamboohr.com/jobs/">BambooHR</a>. Tanto a mí, como al resto del equipo, nos encantaría que te unas a nosotros para que juntos ¡sigamos revolucionando el mundo de la logística con tecnología!
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=9c8d39f880d8" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-freight/cuidar-salud-mental-en-trabajo-9c8d39f880d8">¿Por qué debe cuidarse la salud mental en tu lugar de trabajo?</a> was originally published in <a href="https://medium.com/nowports-freight">Nowports Freight</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

¿Por qué debe cuidarse la salud mental en tu lugar de trabajo?

La Cámara de Comercio de Colón, al igual que Nowports, comenzó como respuesta a la necesidad de modernizar el comercio exterior. Hace más de 110 años, la unión de empresarios establecidos en Panamá permitió estandarizar procesos y desarrollar iniciativas que siguen fortaleciendo el intercambio comercial a nivel global.

<h4>Como miembro de la Cámara, aportará a la transformación digital de la región</h4>
<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oLOIGGz1zbEwUx9BuQDNOw.jpeg"></figure>La Cámara de Comercio de Colón, al igual que Nowports, comenzó como respuesta a la necesidad de modernizar el comercio exterior. Hace más de 110 años, la unión de empresarios establecidos en Panamá permitió estandarizar procesos y desarrollar iniciativas que siguen fortaleciendo el intercambio comercial a nivel global.
Por esto, es un placer anunciarles la nueva asociación de Nowports a la Cámara. Hablamos con Josimar Ortiz, Director Ejecutivo de la <a href="https://www.camaracolon.com/">Cámara de Comercio, Agricultura e Industrias de Colón</a>, acerca de la razón de ser de la Cámara, sus operaciones y expectativas de la alianza con Nowports.
<h3>Una Cámara para transformar al comercio exterior</h3>
La Cámara es el primer gremio de la República. Se fundó en 1911 por un grupo de empresarios que buscaban formar un frente común ante los retos de la zona. Su primer Director, William Andrews, tenía experiencia en peritajes de buques y carga.
En un par de años, el gremio comenzó a mostrar grandes resultados, entre las que resaltan un centro de almacenaje para mercancías y sus aportaciones clave para la creación de la Zona Libre de Colón, que es la segunda zona franca más grande del mundo.
Entre los objetivos de la cámara, se encuentran:
<ul>
<li>Promover el desarrollo comercial, agrícola, industrial y turístico de la Provincia de Colón; así como los intereses de sus asociados.</li>
<li>Participar en la recuperación del tejido social a través de una mayor inserción laboral.</li>
<li>Defender el sistema de libre empresa y competencia para el desarrollo socioeconómico de la región.</li>
</ul>
<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Q3A8YOM3a3_NnkhH"></figure><h3>Participación de los miembros</h3>
Más de 200 miembros de los rubros comercial, agrícola, industrial y turístico son miembros de la cámara. En los últimos años, se están viendo más empresas en el sector logístico que importan productos, les suman valor a través de la innovación, y los exportan. En el turístico se hace promoción al patrimonio de la humanidad proclamado por la <a href="https://es.unesco.org/about-us/introducing-unesco">UNESCO</a>.
Para unirse a la Cámara, pueden aplicar las empresas constituidas formalmente en Panamá de los rubros antes mencionados. Se toma la decisión en base a la trayectoria, visión y potencial de las aplicantes. En el caso de Nowports, destacaron la innovación tecnológica de su propuesta de valor y el crecimiento que ha tenido.
La participación de los miembros es muy abierta. Cualquiera puede proponer la creación de comisiones por proyecto, por visión o para resolver problemáticas que afectan al sector privado. También se invita a las empresas a brindar asesoría en sus campos a través de conferencias y seminarios.
<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*SPspeZYCAweozA0I"></figure><h3>Colaboración entre la Cámara de Comercio de Colón y Nowports</h3>
Nowports confía en el potencial de Panamá. Cuando anunciamos la <a href="https://medium.com/nowports-freight/nowports-panama-efe08a2312a2">apertura de Nowports Panamá</a> a principios de año, resaltamos la importancia de la región para el comercio exterior. Con esta oportunidad, podremos fortalecer nuestro posicionamiento con las empresas panameñas.
Para la Cámara de Comercio de Colón, las innovaciones tecnológicas de Nowports serán de gran valor para capacitar al sector logístico de Panamá. El país tiene más de cien años como hub logístico del continente y a través de la implementación de nuevas tecnologías es posible impulsar su potencial.
Confiamos en que colaborando con diferentes empresas internacionales desde Panamá podremos desarrollar soluciones más enriquecidas e innovadoras. Sin duda, en equipo trabajamos mejor.
Agradecemos a Josimar Ortiz por su tiempo para la entrevista y fotografías. Te invitamos a conocer más de la <a href="https://www.camaracolon.com/">Cámara de Comercio de Colón</a> y <a href="https://nowports.com/">Nowports</a> en sus respectivos sitios web.
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=74ac3bd90a7f" width="1" height="1" alt=""><hr>
<a href="https://medium.com/nowports-freight/nowports-panama-camara-colon-74ac3bd90a7f">Nowports Panamá se une a la Cámara de Comercio, Agricultura e Industrias de Colón</a> was originally published in <a href="https://medium.com/nowports-freight">Nowports Freight</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Nuestro blog