frontenderos icon

Podcast

Newsletter

#246 Que efectivos negativos tiene un mal diseño de sitio web

Qwik vs Next.js

Que efectivos negativos tiene un mal diseño de sitio web

A pesar de la popularidad de herramientas para creación de sitios web que prometen las mill maravillas, el mal diseño de estos no disminuye porque la gente que no es frontendera no entiende lo que es diseño web, y es ahí donde todavía podemos brillar. Lo has visto con los sitios web de productos y servicios que usas regularmente: dificultad de navegar, inconsistencia en diseño y branding, pobre desempeño en móviles, links rotos y carga lenta. Esto tiene consecuencias que esta afectando a los dueños de estos sitios web y alguien tiene que decírselo.

Qwik vs Next.js

No hay como ver ejemplos de código comparando una y otra biblioteca para comenzar a darse una idea de cual sería la mejor opción para un proyecto. Y si ese código lo podemos ejecutar para probar, mejor.

React Native y porque Microsoft lo usa

En proyectos o products, y sobre todo empresas grandes, no existe un solo framework, tecnología o stack en el que este construido todo. A veces hay mezcla de diferentes herramientas para ciertas areas o productos. Y un ejemplo de ello es como usa Microsoft React Native para algunos de sus mas populares productos a pesar de tener .NET MAUI antes conocido como Xamarin. Después de leer este artículo quizás te animes a aprender más de React Native.

Mantenerse al día con el ecosistema Node.js

Los desarrolladores de Node.js ya la tenían difícil para mantenerse al día actualizando y dandole soporte a tickets de seguridad de sus bibliotecas JavaScript cuando solo se tenía un runtime, pero desde el lanzamiento de Deno y con la popularización de otras plataformas se han creado más runtimes de JavaScript y aunque hay cierta compatibilidad eso no disminuye la complejidad del asunto.

El patrón F-shape

¿Conoces ese viejo adagio de que un usuario solo necesita 5 segundos para saber si tu sitio web le puede ser útil o no? Después de que leas este artículo entenderás por que eso pasa y cómo puedes optimizar tu sitio para usuarios finales.

EL RINCÓN DE LA ACCESIBILIDAD  
Asegúrate que tu design system es accesible

Los Design Systems están por todos lados y su adopción abre muchas opciones al momento de trabajar en products digitales mejor pensados y colaborativos, desde su desarrollo hasta su implementación. Y es por esta misma razón que hay que revisar que funcione pensando tanto en usuarios como en devs al momento de desarrollar o implementar uno. Cuando hagas valoración de usar o no un design system, asegúrate de que este pensado para ser accesible.

OFERTA ESPECIAL PARA TI ⭐️ 
Mentoria gratuita

Sabemos que el camino del desarrollo frontend tiene sus desafíos, desde problemas de código, hasta dudas sobre reclutamiento. ¡Estamos aquí para ayudar!

A partir de ahora, vamos a estar a ofreciendo 3 sesiones de mentoria de 1 hora cada semana. Estas sesiones están pensadas para ayudarles con cualquier cosa que necesiten: revisiones de código, consejos sobre cómo conseguir ese trabajo soñado, o cualquier otro tema que les preocupe.

Las mentorías las va a dar nuestro amigo del podcast y newsletter, Hec Sanchez, Lead Frontend Engineer y consultor con 15 años de experiencia en el Frontend.

¿Cómo funciona? Muy sencillo:

👉️ Reserva tu espacio a través de este enlace. Elige la hora que mejor te venga y, ¡prepárate para una sesión llena de aprendizaje y soluciones!

Queremos que se sientan apoyados y motivados en cada paso de su carrera. Así que no duden en aprovechar esta oportunidad. Estamos aquí para ustedes.

¡Nos vemos en la próxima sesión! 😉 

HERRAMIENTA 🛠️ 
Quill

¿Buscas alternativas para tener un editor de texto integrado en tu siguiente proyecto Web? Te recomendamos esta opción que te va a encantar por todas las opciones que trae. Además, acaban de lanzar la versión 2.0, que es más poderosa y ha sido reescrita en Tailwind.

TresJS

Hemos reseñado muchas bibliotecas para trabajar con gráficos y 3d en JavaScript y particularmente en React.js, pero también hay opciones para trabajar con estos en Vue. TresJS usa Threejs como su biblioteca de gráficos, y esta bien integrada para que puedas realizar las animaciones que tengas en mente.

UN DÍA COMO HOY 🗓️ 

El 03 de junio de 2009, Microsoft pone en línea su buscador Bing (anteriormente denominado Live Search, Windows Live Search y MSN Search).

Microsoft inició Bing con una versión preliminar el 01 de junio del 2009.

En bing se incorporaron ciertos cambios notables como la lista de sugerencias de búsqueda en tiempo real, y una lista de las búsquedas relacionadas (llamado "Panel de explorador" en el lado izquierdo de los resultados de búsqueda), basado en tecnología semántica de Powerset que Microsoft compró en el 2008.

El 29 de julio del 2009, Microsoft y Yahoo! anuncian que Bing reemplaza a Yahoo! Search. Este cambio fue implementado a principios de 2012.

La palabra "Bing" es una onomatopeya (palabra que imita el sonido que representa).

Mediante grupos de enfoque Microsoft decidió que el nombre Bing era memorable, corto, fácil de deletrear, y que funciona bien como una dirección URL del mundo.

La palabra recuerda a personas del sonido que durante "el momento de descubrimiento y toma de decisiones".

VACANTE 💼 
Frontend React Engineer - Remote, MX

Ubicación: México (Remoto)
Empresa: Tech Holding
Requisitos: Más de 2 años de experiencia en desarrollo activo con React JS Más de 3 años de experiencia con programación JavaScript, JSON, REST, etc. Excelentes habilidades de depuración y resolución de problemas. Grandes habilidades de comunicación verbal y escrita. Comprensión y experiencia con múltiples fases de ciclos de vida/metodologías de desarrollo de software en un entorno ágil/SCRUM. Demostró la capacidad de cumplir plazos y completar tickets en función de las estimaciones acordadas. Sea un excelente alumno que pueda trabajar sin mucha orientación.
Qué harás: Sea un pensador crítico que pueda anticipar posibles obstáculos y sugerir mejoras. Tome posesión de su código y asegúrese de que se cumplan y verifiquen los criterios de aceptación antes de enviar el ticket al control de calidad. Revisión de requisitos de aplicaciones y diseños de interfaz. Traduzca diseños UI/UX en interfaces basadas en web con precisión de píxeles. Desarrollar e implementar componentes de interfaz de usuario altamente receptivos utilizando conceptos de reacción. Cree nuevas funciones desde cero o ayude a mejorar y mantener proyectos existentes.

Para conocer más, entra al siguiente link. 🤞 

Tu feedback nos ayuda a mejorar

Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀

¿Qué te pareció el email de hoy?

Iniciar Sesión o Suscríbete para participar en las encuestas.

¡Hasta la próxima! 🤟