¿Qué habilidades posee el perfecto diseñador front-end o desarrollador front-end?

Hmm … depende de cuánta implementación esperes que estén haciendo. Suponiendo que tiene un equipo de ingeniería de primera línea, el diseñador debe saber:

  • Estructura HTML, CSS y JS . Comprenda lo suficiente para que las composiciones no pidan lo imposible.
  • En la misma línea, entendiendo las limitaciones modernas de la web . Lo que es posible para cada navegador, qué efectos y convenciones de interfaz de usuario son estándar en la web, y las velocidades de conexión, capacidades de procesamiento y tamaños de pantalla comunes tienen en cuenta en un diseño.
  • Capacidad de creación de prototipos . A veces, la forma más fácil es mostrar lo que quieres decir más allá de un archivo de Photoshop. Tenga en cuenta que esto no tiene que ser HTML / CSS sin formato, puede comunicarse a través de una herramienta de presentación o gráfica.
  • Copia y conocimiento de SEO . Estos a menudo se agrupan en el diseño desde el principio, pero se desglosan como roles discretos a medida que una empresa crece, y podría decirse que solo son algo técnicos.

Si no tiene un ingeniero front-end, asumir partes de ese rol también se vuelve importante, cosas como:

  • Código de limpieza . Escritura de código limpio, mantenible, modular, etc.
  • Código de rendimiento Saber qué funciona bien en qué navegadores.
  • Experiencia en herramientas de desarrollo . Como escribirás el código, tiene sentido conocer las herramientas que usan los ingenieros. Esto puede variar desde el control de versiones, hasta IDEs, hasta la línea de comando.
  • Pruebas Probar el front-end es difícil. Ser capaz de hacer esto libera al desarrollador de back-end para trabajar solo en la pieza de back-end.

En mi opinión, los buenos diseñadores deberían saber:

  • A prueba de balas, HTML semántico y CSS3 con pasión por mantenerse al día con la industria. El diseño web hardboiled de Andy Clarke y el diseño web responsivo de Ethan Marcotte deberían estar en sus Kindle.
  • Suficiente jQuery para interactuar y cosas AJAXy.
  • Conocimientos básicos de trabajo de Git (control de versiones) o Apache Subversion
  • Comprensión del panorama general: por ejemplo, saber cómo funciona Ruby on Rails (marco web), para que pueda trabajar de manera efectiva con los desarrolladores. El conocimiento de HAML (HTML Abstraction Markup Language) encaja aquí.
  • Un movimiento hacia algo como Sass (lenguaje de hoja de estilo) / LESS (lenguaje de hoja de estilo), etc. al menos para demostrar la voluntad de asumir nuevos desafíos y seguir aprendiendo.

Un desarrollador front-end debe saber:

  • HTML
  • CSS
  • Javascript
  • Algunos conocimientos básicos de servidores
  • Principios básicos de diseño

Un diseñador digital debe saber:

  • Criterios de diseño
  • Disposición Responsive
  • Teoría del color
  • HTML básico y CSS (como realmente básico)
  • ¿Qué es posible en la web?

Estos son dos campos diferentes pero hay cierta superposición. Quizás este video ayude a definir los dos