Cómo ser un buen desarrollador frontend

Me he dado cuenta de que el mundo de desarrolladores frontend de hoy es extremadamente grande. Tan grande que me asusta. No podemos dividir el conjunto de habilidades frontend con una línea clara porque hay tantos marcos nuevos, plataformas de SO, dispositivos, paradigma de software, métodos de prueba, conceptos de diseño, gestión de activos, técnicas de ajuste de rendimiento, semántica y SEO, seguridad, etc., etc. soplo.

Tener una gran comprensión de todas esas cosas sigue siendo considerablemente necesario, pero creo que no es razonable ser un experto en todos los campos frontend. Es más sabio elegir alguna parte que creas que se adaptará perfectamente a ti mismo, luego trata de explorarlas más y más profundamente. No olvides empacarte primero con un conocimiento completo de conceptos básicos como navegadores HTML +, CSS y Javascript.

Siempre se humilde. Habrá gente mejor que tú. Si te encuentras o incluso trabajas con estos chicos, aprovecha esta oportunidad para aprender más sobre frontend de ellos. No te pongas a la defensiva contra las críticas, especialmente si aún dudas de tu opinión.

Y sé bueno en la comunicación. Los desarrolladores frontend trabajan con varios tipos de personas. Diseñadores, desarrolladores de back-end, clientes, su gerente. Son personas que trabajarán con usted la mayor parte del tiempo. Si tiene algún problema, explíquelo adecuadamente para que puedan entender la situación que enfrenta.

¡Gracias por A2A!)

En primer lugar, mejore sus habilidades de desarrollo web. Hay muchos cursos en línea gratuitos y de pago en la web que lo ayudarán a obtener la certificación y mejorar su base de conocimientos en el desarrollo front-end.

  • 15 razones para decir: “Soy el rey de la web” [Edición de cursos en línea]
  • Los mejores cursos en línea para futuros profesionales web

Además, hay una gran cantidad de recursos versátiles que le proporcionarán todos los consejos de desarrollo web, innovaciones, noticias y eventos.

  • Inspiración de diseño de sitios web gratuitos y sitios de trabajo
  • Aprenda a sobrevivir en el moderno espacio de desarrollo web de dispositivos múltiples
  • Nuevas recetas de desarrollo web: cocine un sitio web para gourmet

Espero que te sea útil 🙂

La respuesta corta es la misma para cualquier otro tema: aprender y practicar mucho.

El front-end cambia rápidamente. Constantemente surgen nuevas tecnologías, algunas de las temáticas se convierten en estándares de la industria. Es bueno estar al día. Por supuesto, hay tantos, que la capacidad de adaptarse rápidamente es más importante que tratar de aprender todo a la vez.

El front-end se trata de interfaces de usuario. No solo cómo se ven, sino también sobre cómo funcionan. Los usuarios esperan cosas que están bien construidas, teniendo en cuenta la usabilidad y el rendimiento. No es menos importante que los aspectos estrictamente técnicos del desarrollo.

Resumen:

  • Aprende mucho, aprende siempre
  • Practica mucho, construye algo pequeño primero
  • Se de mente abierta
  • Use las herramientas adecuadas para el trabajo.
  • Conozca las ventajas y desventajas de las tecnologías que utiliza.
  • No necesita ser diseñador de UI / UX, pero aprenda lo básico
  • Aprenda un poco de tecnología de fondo para ampliar sus horizontes

Las otras dos respuestas han cubierto mucho de esto, pero lo reiteraré porque quiero agregar algunas cosas.

HTML, CSS y JavaScript son los principales idiomas involucrados en el desarrollo front-end y son muy versátiles. Para ser un buen desarrollador front end, eventualmente querrá conocer CSS3 y HTML5, que son las últimas versiones y agregar una gran cantidad de la funcionalidad elegante que ve en las interfaces web de hoy. ¿Cómo se ve cuando se pasa el cursor sobre un elemento para obtener detalles o al hacer clic en un botón crea un efecto dominó? Todo CSS3. También querrá familiarizarse con una gran cantidad de marcos frontales con un estilo predefinido, como Bootstrap. A menudo no hay necesidad de reinventar la rueda, y conocer estas herramientas es realmente útil. También recomiendo aprender SCSS, ya que es muy útil en sitios más grandes.

JavaScript es la última clave de este rompecabezas y, en muchos sentidos, la más importante cuando se trata de calidad de front-end. Por lo general, lo primero que hago cuando estoy trabajando con alguien en una interfaz para evaluar su habilidad es ver cómo es su conocimiento de JavaScript. Querrás aprender las peculiaridades de este idioma (y hay MUCHO) y aprender a usarlo para interactuar con el navegador y los elementos de la página. Una vez que comience a sentirse competente con JavaScript, comience a aprender algunas bibliotecas como jQuery (especialmente jQuery). Una vez que aprendí jQuery, ¡lo he usado en todos los sitios web desde entonces!

Cuando preguntas “¿Cómo puedo ser un buen desarrollador de frontend?”, Entonces espero que sepas qué es frontend. Necesita obtener experiencia en todo lo relacionado con frontend.

HTML, CSS y JavaScript son tres cosas principales que necesita para obtener experiencia al hacer algunos proyectos. Después de eso, estás listo para usar frameworks, herramientas de construcción, paquetes de módulos, etc.

Creo que FrontEndHandBook Introducción · El Manual para desarrolladores de front-end 2016 es algo que debes leer.

Happy Frontending 🙂

Hay muchas facetas para frontend. Si quiere ser bueno en CSS, asegúrese de trabajar en proyectos que involucren un diseño receptivo … aprenda CSS semántico, aprenda a usar cosas como less / sass / postcss y cómo organizar el CSS. temas avanzados como cierres … elija un par de marcos y uno o dos corredores de tareas. Sé apasionado esencialmente, es mucho aprender pero evoluciona rápido.

Lea este artículo para obtener algunas ideas

Opinión: lo que hace un gran desarrollador front-end

De la misma forma en que se convertiría en un buen desarrollador: escriba el código. ¡Montones!

En esencia, no hay diferencia entre la codificación de back-end y la codificación de front-end. Al final del día, solo estás programando. La mejor manera de mejorar en la programación es comenzar a programar.

¡Así que comienza a programar! 😉

Aprende HTML, CSS y Javascript. Trabajar en proyectos. Después de dominar estos idiomas, comience a trabajar en frameworks.

Un marco de CSS como Bootstrap

Un marco JS como React o Angular