Ingeniero Front-End

Icono
Icono del constructor
Icono
Icono de la bombilla
Icono
Icono del portapapeles
Icono
Icono de puzzle
Funciones relacionadas: desarrollador front-end, desarrollador web (front-end), desarrollador de interfaz de usuario, desarrollador de experiencia de usuario (UX), ingeniero de software front-end, arquitecto front-end, desarrollador de JavaScript, desarrollador de React, desarrollador de Angular, desarrollador de Vue.js, desarrollador de CSS, desarrollador de HTML, ingeniero de UI/UX, diseñador front-end, especialista en desarrollo front-end.

Focos

Títulos similares

Desarrollador front-end, desarrollador web (front-end), desarrollador de interfaz de usuario, desarrollador de experiencia de usuario (UX), ingeniero de software front-end, arquitecto front-end, desarrollador de JavaScript, desarrollador de React, desarrollador de Angular, desarrollador de Vue.js, desarrollador de CSS, desarrollador de HTML, ingeniero de UI/UX, diseñador front-end, especialista en desarrollo front-end.

Descripción del puesto

Los sitios web no se construyen solos (todavía). Requieren una cuidadosa planificación previa por parte de expertos que desarrollan el marco y las características técnicas, lo que en su mayor parte realizan los desarrolladores back-end. También hay desarrolladores o ingenieros web front-end, que diseñan y eligen los elementos con los que interactúan los usuarios. 
 
En términos generales, se encargan del aspecto del sitio, basándose en las especificaciones del cliente. Dependiendo del alcance del trabajo, trabajarán con un equipo para garantizar que se cumpla la visión del cliente. Cada vez más, los clientes demandan sitios que sean sencillos y compatibles con los dispositivos móviles.  
 
Los ingenieros front-end son expertos en crear diseños eficaces utilizando gráficos y contenidos relevantes, al tiempo que incorporan elementos funcionales específicos, como funciones de pago. Esto requiere un profundo conocimiento de lenguajes aplicables como HTML, CSS y JavaScript. Las perspectivas laborales son buenas, y se espera que la demanda aumente en los próximos años. 

Aspectos gratificantes de la carrera profesional
  • Explorar las posibilidades del lenguaje informático para crear sitios web personalizados para los clientes.
  • Ayudamos a las empresas a alcanzar el éxito mediante una sólida presencia en Internet.
  • Desarrollar habilidades exportables que tienen una gran demanda y que se pueden utilizar en cualquier momento y en cualquier lugar.
Título
Empleo en 2018
160,500
2028 Empleo previsto
181,400
La primicia
Responsabilidades laborales

Horario de trabajo

  • Los horarios de los ingenieros front-end cualificados dependen de su empleador. Muchos trabajan a tiempo completo en oficinas, mientras que otros trabajan desde casa por contrato. Este campo profesional incluye a muchos autónomos, incluidos los que residen en el extranjero. En algunos casos, los trabajadores fuera de los Estados Unidos pueden ofrecer tarifas más bajas debido a la diferencia en los tipos de cambio. Todos los trabajadores de este campo deben esperar horas extras cuando los proyectos requieren cumplir con plazos ajustados o cuando surgen problemas.

Tareas típicas

  • Reunión con clientes, gestores de proyectos, posibles diseñadores de experiencia de usuario e interfaz de usuario, y desarrolladores back-end para intercambiar ideas sobre el diseño y el contenido del sitio web. 
  • Discutir todos los elementos necesarios para la marca, el contenido, los gráficos, los componentes audiovisuales, las animaciones, las funciones deseadas y otras cuestiones.
  • Planificación del trabajo necesario para la renovación y actualización de sitios web existentes. 
  • Creación de prototipos conceptuales y diseño de gráficos para su revisión y valoración, basándose en las aportaciones de otros miembros del equipo y clientes.
  • Creación de código aplicable utilizando una variedad de lenguajes para dar vida a los planes.
  • Responsabilidades adicionales
  • Realizar pruebas exhaustivas para garantizar que el código funcione según lo deseado; realizar los ajustes necesarios.
  • Saber qué miembros del equipo participan en un proyecto determinado, así como sus funciones y responsabilidades.
  • Hacer copias de seguridad de los archivos por si acaso hay algún problema.
Habilidades necesarias en el trabajo

Habilidades sociales

  • Gran capacidad de escucha
  • Atención al detalle
  • Buenos modales al teléfono y por correo electrónico 
  • Habilidades de atención al cliente
  • Comportamiento profesional
  • Orientación al trabajo en equipo
  • Centrado en los objetivos
  • Paciente; dispuesto a afrontar retos.
  • Pensamiento analítico y crítico
  • Creativo, artístico y flexible.
  • Familiaridad con otras funciones del equipo, como creadores de contenido y especialistas en SEO.
  • Conocimiento general de la psicología y cómo los usuarios interactúan con los sitios web.
  • Capaz de aceptar comentarios y críticas.
  • Organizado con excelentes habilidades de gestión del tiempo.

Competencias técnicas

  • Experiencia práctica y real con los lenguajes HTML/CSS y JavaScript.
  • Diferentes grados de experiencia en:
  • jQuery 
  • Marcos CSS y JavaScript (como Bootstrap y AngularJS)
  • Preprocesadores CSS (como Sass, Less, Stylus, etc.)
  • Software de control de versiones (Git)
  • Diseño adaptativo
  • Programas de prueba y depuración (como Mocha o Jasmine)
  • Herramientas de desarrollo del navegador; Herramientas de creación/automatización
  • Rendimiento web (Grunt, gulp)
  • Línea de comandos 
  • Conocimiento de las tendencias cambiantes relacionadas con el diseño de sitios web y la creación de marcas.
  • Comprensión de las funciones de interacción y uso compartido de las aplicaciones de redes sociales.
  • Dispuesto a mejorar mis habilidades según sea necesario.
Diferentes tipos de organizaciones
  • Agencias de diseño de sistemas informáticos
  • Publicación 
  • Publicidad
  • Empresas de consultoría de gestión
  • Grandes empresas y organizaciones 
  • Sector sanitario
  • Agencias gubernamentales
  • Autónomo
Expectativas y sacrificios

Prácticamente todas las organizaciones del mundo tienen algún tipo de presencia en línea en este momento, y lo normal es que cuenten con sitios web únicos. La tecnología ha avanzado mucho desde los primeros sitios web, principalmente de texto, como CERN, Acme Labs, World Wide Web Worm y Doctor Fun. Las empresas quieren sitios web de alta velocidad y vanguardistas que capten la atención y la mantengan, ya que así convierten a los lectores en clientes que pagan. 
 
Los sitios web no corporativos también quieren diseños atractivos que puedan proporcionar de manera eficaz lo que buscan sus usuarios. La presión sobre los ingenieros front-end puede ser enorme, dependiendo del alcance del propósito del sitio. Por eso es fundamental que los trabajadores realicen pruebas y depuración antes del lanzamiento, y que trabajen en estrecha colaboración con otros miembros del equipo para garantizar que el sitio sea seguro y pueda manejar el tráfico esperado. Los hackers están constantemente buscando vulnerabilidades que explotar, ya sea para bloquear sitios, introducir virus o robar información. 

Tendencias actuales

La tecnología nunca deja de cambiar y evolucionar, por lo que los desarrolladores web deben mantenerse al día de las últimas tendencias. Desde los micro frontends hasta el diseño atómico, hay una avalancha de innovaciones en camino que los ingenieros front-end deben conocer. Es posible que las certificaciones no sigan el ritmo de los cambios sobre el terreno, por lo que es importante mantenerse al día leyendo y estableciendo contactos con otros profesionales. 
 
Las compras online se han disparado en los últimos tiempos, lo que ha obligado a muchas empresas a realizar cambios importantes en sus operaciones que requieren actualizaciones significativas de sus sitios web. Los sitios también deben ser compatibles con los dispositivos móviles, lo que no siempre ha sido el caso en el pasado. Dado que los trabajadores extranjeros compiten por los puestos de trabajo, es importante perfeccionar el inglés y otras habilidades de comunicación para obtener o mantener una ventaja competitiva sobre la mano de obra más barata. 

¿Qué tipo de cosas le gustaba hacer a la gente de esta carrera cuando eran jóvenes...

Los ingenieros front-end trabajan mucho en interiores y, a menudo, solos. Muchos comenzaron con un interés temprano por las computadoras y la tecnología en la escuela secundaria o incluso antes. Se hace hincapié en el diseño elegante, por lo que las personalidades artísticas suelen sentirse atraídas por este campo. Muchos trabajadores tienen un agudo sentido de la estética visual y probablemente se interesaron por el arte, el diseño y los proyectos multimedia, y es posible que hayan disfrutado creando vídeos o construyendo blogs y sitios web sobre aficiones en GoDaddy, WordPress o Wix. 
 
Aunque se pasa mucho tiempo trabajando de forma individual, este trabajo requiere mucho esfuerzo colectivo y trabajo en equipo. Estas habilidades de colaboración suelen perfeccionarse durante la escuela o en actividades extracurriculares. Los empleados deben ser compañeros entusiastas, no pensadores rígidos que quieran «hacer todo a su manera». 
 
En su tiempo libre, es probable que los ingenieros front-end siempre hayan tenido pasión por aprender cosas nuevas y tomar la iniciativa para dominar sus habilidades sin que se les diga que deben hacerlo. En otras palabras, ¡les encanta su trabajo! Al poseer un sentido de la empatía bien desarrollado, también pueden ponerse en el lugar de los gerentes, propietarios, clientes y otros usuarios finales... una habilidad que puede haber sido cultivada durante la infancia. 

Educación y formación necesarias
  • Los ingenieros front-end suelen tener una licenciatura en Informática o Programación, pero esto no siempre es un requisito imprescindible.
    • Según O-Net Online, el 46 % de los desarrolladores web tienen un título universitario, el 17 % tienen un certificado de educación superior y el 17 % tienen un título de técnico superior.
    • El diseño web es una opción popular para obtener un título de asociado.
    • Los cursos de diseño gráfico son importantes para muchos puestos de trabajo.
  • La experiencia laboral práctica suele ser tan importante como la formación académica. Los trabajadores deben conocer HTML, JavaScript y tener otros conocimientos de programación y software, tal y como se ha mencionado anteriormente.
  • Los empleadores están interesados en ver pruebas de las habilidades sociales requeridas, y no solo de las habilidades técnicas, así que no descuides tus clases de inglés, expresión escrita, expresión oral y gestión.
  • Aprende por tu cuenta con lo siguiente:
    • LinkedIn Learning: Conviértete en desarrollador front-end
    • Programa Nanodegree de desarrollador web front-end de Udacity
    • Fundamentos de TI de CompTIA
    • Certificaciones específicas de proveedores/tecnologías, como Google Cloud, RedHat, Microsoft (MTA, MSCA, MSCE).
    • Udemy:
      • El Bootcamp para desarrolladores web 
      • El desarrollador web completo en 2019: de cero a la maestría
    • Coursera:
      • Diseño web para todos
      • Fundamentos de programación con JavaScript, HTML y CSS de Duke 
      • Resumen de habilidades: Desarrollo front-end
Aspectos a tener en cuenta en una universidad
  • Algunos sugieren que el mejor título de ingeniero front-end es el de Sistemas Informáticos.
  • Echa un vistazo a las clasificaciones anuales de U.S. News sobre los mejores programas de informática y los mejores programas de lenguajes de programación.
  • Las clases de diseño front-end y back-end pueden ser útiles, junto con la gestión de proyectos y el diseño de bases de datos.
  • Ahorra tiempo al no tener que desplazarte de una clase a otra inscribiéndote en un programa online o híbrido.
  • Asegúrese de que la institución esté totalmente acreditada.
Cosas que hacer en el instituto y la universidad
  • Aprende por tu cuenta. La mayoría de las habilidades básicas necesarias para empezar se pueden adquirir de forma gratuita o por muy poco dinero (consulta nuestras recomendaciones sobre educación y formación más arriba, y la lista de sitios web recomendados más abajo).
  • Mantén un portafolio de los proyectos que has completado, junto con notas sobre lo que hiciste para lograr esos resultados.
  • Ofrézcase como voluntario para ayudar a su escuela u otras asociaciones con sus sitios web.
  • Encuentra prácticas que ofrezcan oportunidades de experiencia laboral práctica.
  • Cuando seas lo suficientemente bueno, entra en Upwork y empieza a construir tu reputación como autónomo.
  • Únete a clubes de informática para establecer contactos con otras personas y ayudaros mutuamente a aprender habilidades y trucos.
  • Perfecciona tus habilidades de atención al cliente y comunicación con cursos relacionados.
  • Manténgase siempre al día con las tecnologías emergentes y las tendencias actuales.
  • Lee a los autores populares de Quora que escriben sobre el tema y hazles preguntas.
Hoja de ruta típica
Hoja de ruta del ingeniero de interfaz de usuario de Gladeo
Cómo conseguir tu primer empleo
  • Configura alertas de empleo en portales de empleo como Indeed, Monster y Glassdoor.
  • Pide ayuda al departamento de tu universidad o al centro de orientación profesional de tu escuela para encontrar ofertas de empleo.
  • Analiza detenidamente las ofertas de empleo para conocer las habilidades, la formación y la experiencia requeridas.
  • Analiza detenidamente las cualidades que buscan los empleadores en los nuevos ingenieros front-end.
  • Adapta tu solicitud de forma honesta para que coincida con todo lo que buscan los empleadores.
  • Permita que los empleadores vean su portafolio añadiendo enlaces en su currículum.
    • Crea un portafolio profesional en línea, en el que incluyas tus habilidades tecnológicas especializadas, proyectos personales y enlaces a cualquier proyecto en GitHub, CakeResume o CodePen.
    • Proporcione contexto sobre cada elemento (los detalles de quién, qué, dónde, cuándo y por qué).
    • ¡Asegúrate de que tu portafolio sea un escaparate de tu talento!
  • Cuanta más experiencia tengas en programación, mejor posicionado estarás frente a la competencia.
  • Recuerda que no todos los trabajos requieren un título universitario. Si no tienes uno, lee las ofertas de empleo para ver si otra experiencia puede sustituir a la educación formal. 
  • Sé conciso, pero no tengas miedo de incluir detalles técnicos en tu currículum; echa un vistazo al artículo de Medium «Cómo redactar un currículum de desarrollador front-end que te garantice una entrevista».
  • ¡No te olvides de las habilidades sociales! Demuéstralas en la solicitud y en las entrevistas.
  • ¡Pide una segunda opinión! Pide a alguien que revise tu currículum y tu portfolio.
  • Pregunte a sus profesores/supervisores si saben de alguna oferta de trabajo o si estarían dispuestos a darle referencias.
Cómo subir la escalera
  • Habla con tu supervisor y tus jefes para pedirles consejo y hacerles saber que estás interesado en hacer lo que sea necesario para optar a oportunidades de ascenso. 
  • Averigua a qué puestos intermedios quieres ascender, como desarrollador de software, desarrollador de aplicaciones o desarrollador web sénior.
  • Empieza también a planificar puestos avanzados como desarrollador sénior, ingeniero de desarrollo de software o arquitecto de software.
  • Mantén tus habilidades tecnológicas al día completando certificaciones avanzadas.
    • CompTIA enumera las certificaciones aplicables para las distintas etapas del desarrollo de tu carrera profesional.
  • Si aún no tienes tu título de grado, considera terminarlo. Luego, comienza tu maestría, si deseas seguir avanzando. 
  • Realiza un trabajo excelente en cada proyecto y obtén críticas muy favorables de los clientes.
  • Cumpla siempre con los plazos, pero no a expensas de la calidad. 
  • ¡Estudia las nuevas tendencias de diseño y mantén viva tu inspiración!
  • Publica tus artículos en línea y en formato impreso. Escribe artículos para revistas impresas del sector, como Net, How, Layers, Computer Arts, Digital Arts, Web Designer, CMYK y otras.
Recursos recomendados

Páginas web

  • Asociación de Maquinaria Informática 
  • Brillante
  • Manual de perspectivas ocupacionales de la Oficina de Estadísticas Laborales
  • CodeSignal
  • Guerras de código
  • CodinGame
  • CompTIA 
  • Asociación CompTIA de Profesionales de TI
  • Coursera
  • edX
  • Ejercicio
  • freeCodeCamp
  • Maestros del frontend
  • HackerEarth
  • HackerRank
  • Javascript30
  • Escuela Rithm
  • Udemy
  • W3Schools: JavaScript
  • Organización Mundial de Webmasters 

Libros

Plan B

Hay numerosos puestos de trabajo para las personas a las que les gusta trabajar con ordenadores. El desarrollo front-end es uno de los más populares, pero no es adecuado para todo el mundo. La BLS enumera una serie de opciones a tener en cuenta, en función de tus intereses y aptitudes:

  • Gerentes de sistemas informáticos y de información
  • Programadores informáticos
  • Especialistas en soporte informático
  • Analistas de sistemas informáticos
  • Administradores de bases de datos
  • Diseñadores gráficos
  • Analistas de seguridad de la información
  • Artistas multimedia y animadores
  • Desarrolladores de software
  • También podrías considerar Ingeniería de Control de Calidad de Software o Administración Web.   

Noticias

Cursos y herramientas en línea

SALARIO Y PERSPECTIVAS LABORALES
Elija una subregión:

Expectativas salariales anuales

$101K
$132K
$167K

Los nuevos trabajadores comienzan con un salario de alrededor de 101 000 dólares. El salario medio es de 132 000 dólares al año. Los trabajadores con mucha experiencia pueden ganar alrededor de 167 000 dólares.

Fuente: Estado de California, Departamento de Desarrollo del Empleo