Crédito de imagen: Pexels

Cómo ser un mejor desarrollador frontend

Hola, ha pasado un tiempo Espero que hayas estado ocupado . Yo mismo he estado ocupado también. Pero estoy aquí de nuevo.

En este pequeño artículo, compartiré contigo algunas cosas que creo que te harán un mejor Desarrollador Frontend. Asegúrate de no aburrirte y termina de leer esto de una vez. Lo mantendré lo más simple posible.

El desarrollo frontend, como saben, es realmente esencial en el desarrollo de software. Su lógica de back-end podría ser la mejor del universo, pero a nadie le importa eso, al menos no a sus usuarios finales. Lo que les importa es lo que ven, lo que pueden sentir, que es la parte Frontend de su trabajo.

Puede estar pensando: "Frontend no es mi negocio, soy un desarrollador de back-end" pero la verdad es: es su negocio. Al menos también debes tener un buen ojo para un buen diseño. No verías un perro muy lindo y decidirías optar por el feo y extraño, ¿verdad? Apuesto a que tu respuesta es no. Deja que lo mismo se aplique a tus obras.

Muchas veces, me imagino a mí mismo como el usuario final, de esa manera puedo verificar la mayoría de las cosas que cualquier usuario final verificaría al usar mi software, y así, para cuando alguien más ejecute una prueba, tengo menos cosas que arreglar.

Entonces, las cosas que debe considerar, brevemente, son las siguientes:

Primera representación móvil

Su aplicación debe tener una buena visualización en dispositivos móviles. Eso no debería hacer que la apariencia en los dispositivos de escritorio también sea mala. Y asegúrese de tener el mismo contenido en ambas pantallas.

Use fuentes geniales

No te conformes con las fuentes de mierda. Siempre asegúrese de usar fuentes geniales. Use Google Fonts y ahórrese algunos problemas al tener que descargar fuentes. Pero no está de más tener esas fuentes en su máquina también. Para fines fuera de línea.

Desplazamiento suave

Desea asegurarse de que sus usuarios tengan una experiencia fluida y fluida mientras están en su plataforma. Si bien no utiliza la biblioteca de JavaScript SmoothScroll? No es necesario comenzar a escribir su propio JavaScript.

¡Trabajo inteligente! No hay necesidad de reinventar las ruedas cuando hay una herramienta que puede usar.

Sea creativo: use animaciones

Su aplicación no tiene que ser como esas aplicaciones de la edad de piedra . Las aplicaciones modernas deberían usar animaciones. Consulte mi artículo sobre el uso de Wow.js y Animate.css para crear animaciones impresionantes.

Use iconos planos e imágenes vectoriales

Los íconos de su sitio web no deben incluir solo íconos de Font Awesome o Bootstrap Glyphicons, en su lugar, debe emplear iconos planos e imágenes vectoriales en su aplicación. Tendrás una interfaz mucho más limpia usando estos que simplemente confiando en paquetes de fuentes.

Armonía de color

Asegúrese de que los colores que usa en sus aplicaciones estén sincronizados por completo. No revuelvas los colores.

SweetAlerts!

¡Ah, sí! SweetAlerts! Atrás quedaron los días de las alertas tradicionales de JavaScript. Use SweetAlert (swal) y tenga mensajes de alerta "más elegantes" en sus aplicaciones.

Para coronarlo todo, tenga sentido del diseño. No estaría de más saber cómo diseñar un logotipo simple (incluso si no es tan profesional al principio), mezclar colores, habilidades básicas de diseño gráfico para impulsar su interfaz.

¿Te gusta este artículo? ¡Aplauda, ​​comparta en su red! Sígueme en Twitter: @iamwebwiz y sígueme en Medium.

Happy Hacking !!!