¿Cómo se puede mejorar la codificación en el front-end?

1. Pide prestados los ojos de tu diseñador

No literalmente … pero no puede convertirse en un buen desarrollador front-end si no aprecia el buen diseño .

Los diseños rara vez traducen 1: 1 en los navegadores. A veces incluso no tienes diseños, especialmente versiones receptivas.

Como desarrollador front-end, tomará muchas pequeñas decisiones de diseño para su diseñador . Aprenda lo que hace un buen diseño para que su diseñador pueda aprobarlos con una sonrisa.

2. Limpia tu escritorio … el código viene después

El estilo de codificación limpio comienza con un escritorio limpio. Un entorno de trabajo desordenado refleja su mentalidad y puede traducirse nuevamente a su código . Primero limpie su escritorio, luego trabaje en su estilo de codificación.

Existen muchas guías de códigos, por lo que no tiene que reinventar la rueda por completo.

3. No seas un mono

No seas como uno de esos monos que se cubren los ojos, las orejas o la boca. No cubra sus ojos frente a los problemas, esperando que los clientes no los noten. Ellos van a. Si no son ellos, entonces sus clientes.

Anticípese a los problemas : si su experiencia o su intuición le dicen que algo requiere más cuidado para funcionar correctamente, discútalo con el cliente o hágalo de inmediato. Los clientes quedarán impresionados con su experiencia y satisfechos con el esfuerzo adicional que hicieron por ellos.

(Por supuesto, distinga entre ajustes rápidos de ganancias y trabajo fuera del alcance).

4. Superar el aburrimiento sin fin de QA

La garantía de calidad no es la parte más emocionante del trabajo de un desarrollador, pero no puede convertirse en un gran desarrollador si lo descuida.

Tenga un poco de empatía por el pobre niño o niña de control de calidad que espera en algún lugar del camino, y recuerde que la calidad no se crea durante el proceso de control de calidad, sino más bien durante el desarrollo mismo. Facilite su trabajo con herramientas como BrowserStack y Browsersync.

Como los desarrolladores trabajan principalmente en Mac, un problema común es no verificar su trabajo en Windows. Sin embargo, no puede evitar esto, ya que sea cual sea la plataforma que prefiera para el desarrollo, sus usuarios utilizarán las dos plataformas principales.

5. Suscríbete a la Lifelong Learning University

Imagine una jungla de términos tecnológicos, un nuevo marco emocionante que aparece cada mes y personas que discuten sobre las tecnologías adecuadas con fervor religioso.

Bienvenido al mundo del desarrollo web : un compromiso de por vida para aprender cosas nuevas. Si no se siente cómodo con eso, tal vez piense en un cambio de carrera.

6. Sal con KISS y DRY

Comprenda el significado detrás de los principios de programación como Mantenerlo breve y simple (o Mantenerlo simple estúpido, si lo desea) o No repetirlo.

Es decir, cómo hacer que su desarrollo sea más efectivo y robusto .

Efectivo significa cómo simplificar y acortar el tiempo de desarrollo reutilizando el código y los conocimientos existentes.

Robusto significa propenso a errores, extensible y fácil de colaborar.

7. Evita complementos malos como la peste

No desea que su software cuidadosamente creado se infecte con un código incorrecto. Ni literalmente (a través de los problemas de seguridad de un complemento) ni metafóricamente (por otros tipos de problemas o la mala calidad general del código).

¿Cómo se determina qué es un complemento o biblioteca defectuoso ? Mire el repositorio de complementos de GitHub o WordPress. Verifique su popularidad y calificación, última fecha de lanzamiento, número de problemas, la gravedad del problema y la rapidez con que se resuelven.

A continuación, puede verificar el código del complemento. Incluso si tiene menos experiencia, puede distinguir mucho del estilo de codificación del autor. ¿Es un desastre o no? Esta también es una excelente manera de aprender algunas cosas de aquellos más inteligentes que nosotros.

8. Sea un padre orgulloso de su código

Sorprendentemente, muchos desarrolladores que solicitan un trabajo con nosotros no pueden proporcionar muestras limpias de su código. A menudo se refieren a sus ejemplos de código HTML, CSS o JavaScript en sitios en vivo.

Presentar su código en sitios en vivo es como enviar a su hijo a la escuela el primer día con una bolsa de papel. Tu hijo y tu código merecen algo mejor .

Extraiga sus mejores ejemplos de código y colóquelos en GitHub para facilitar el acceso y la revisión.

¿Que todo tu trabajo está bajo NDA? Esa es una excusa pobre y lo sabes. Es hora de codificar tu propia pieza única .

9. Compre un reloj inteligente … es broma, conviértase en un reloj inteligente

Mida su tiempo dedicado a tareas particulares para que aprenda a estimar cuánto tiempo llevará tareas similares en el futuro.

Esto lo ayudará con 2 cosas: crear estimaciones para proyectos y entregar su trabajo a tiempo .

Compare el estado del proyecto con la estimación original todos los días para prever posibles problemas. Si está utilizando tareas pendientes o problemas, complételos a medida que avanza para que otros conozcan su progreso.

10. Culpate a ti mismo

¿A veces parece que todo el mundo está tratando de engañarte? No llegarás lejos con esta actitud cuando trabajes con clientes y otros desarrolladores.

Vea los fracasos como oportunidades para mejorar: sus habilidades, procesos o comunicación.

¿Fue la falla culpa del cliente ? Tal vez no has hecho lo suficiente para evitar que fallen.

11. mejora tus mensajes

Oye,

No tuve tiempo de mirar hoy, pero espero que lo vea tmr. aclamaciones

¿Cómo suena y se ve esto? Ahora, compáralo con:

Hola John,

¡Gracias por informarnos de ese problema! Lo estoy investigando ahora y le informaré sobre el progreso hoy.

Gracias,

Tom

Escribir correctamente te hace ver más profesional ya que una gran parte de nuestra comunicación hoy en día está en forma escrita. De hecho, no solo te hace aparecer como tal, también te convertirás en un mejor profesional.

Sea proactivo y cortés, revise la ortografía y la gramática, y formatee correctamente. Practique la escritura adecuada en todas partes , en los correos electrónicos, descripción de problemas, comentarios, para que se convierta en una segunda naturaleza.

La buena noticia es que si se convierte en un hábito, no lleva más tiempo que escribir mal . Pero hace una gran diferencia en cómo lo perciben sus clientes (colegas, futuro jefe, …).

Finalmente, su codificación también se beneficiará de su escritura mejorada. Después de todo, la codificación es escritura.

Si desea ser mejor en la codificación en el front end, debe practicar los conceptos de JavaScript junto con esto, es realmente necesario mantenerse actualizado ya que la tecnología front end se está actualizando rápidamente. Aparte de esto, es realmente importante pensar antes de codificar, ¿cómo puede escribir un código mejor? Escribir código es fácil, pero ser un buen programador es realmente difícil.