Ingeniero de primera línea

Icono
Icono del constructor
Icono
Icono de la bombilla
Icono
Icono del portapapeles
Icono
Icono de rompecabezas
Related roles: Front-End Developer, Web Developer (Front-End), UI Developer, User Experience (UX) Developer, Front-End Software Engineer, Front-End Architect, JavaScript Developer, React Developer, Angular Developer, Vue.js Developer, CSS Developer, HTML Developer, UI/UX Engineer, Front-End Designer, Front-End Development Specialist

Focos de atención

Títulos similares

Front-End Developer, Web Developer (Front-End), UI Developer, User Experience (UX) Developer, Front-End Software Engineer, Front-End Architect, JavaScript Developer, React Developer, Angular Developer, Vue.js Developer, CSS Developer, HTML Developer, UI/UX Engineer, Front-End Designer, Front-End Development Specialist

Descripción del trabajo

Los sitios web no se construyen solos (todavía). Requieren una cuidadosa planificación previa por parte de expertos que desarrollen el marco y las características técnicas. También hay desarrolladores o ingenieros web de front-end, que diseñan y eligen los elementos con los que interactúan los usuarios.

En general, 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 cumple la visión del cliente. Los clientes exigen cada vez más sitios ágiles y adaptados a los dispositivos móviles.

Los ingenieros de front-end son maestros en la creación de diseños eficaces que utilizan gráficos y contenidos relevantes e incorporan elementos funcionales específicos, como funciones de pago. Para ello se requieren sólidos conocimientos 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
  • Exploración de las posibilidades del lenguaje informático para crear sitios personalizados para los clientes
  • Ayudar a las empresas a tener más éxito gracias a una sólida presencia en línea
  • Crear competencias exportables que tengan una gran demanda y puedan utilizarse en cualquier momento y lugar.
Empleo 2018
160,500
2028 Empleo proyectado
181,400
La primicia
Responsabilidades del trabajo

Horario de trabajo

  • Los horarios de los Ingenieros Front-End cualificados dependen de su empleador. Muchos trabajan a jornada completa en oficinas, mientras que otros lo hacen desde casa por contrato. En este campo profesional hay muchos autónomos, incluidos los que residen en el extranjero. En algunos casos, los trabajadores de fuera de EE.UU. pueden ofrecer tarifas más bajas debido a la diferencia en los tipos de cambio de divisas. Todos los trabajadores de este campo deben contar con horas extraordinarias cuando los proyectos exigen cumplir plazos ajustados o cuando surgen problemas.

Tareas típicas

  • Reunirse con clientes, jefes de proyecto, posibles diseñadores de experiencia de usuario e interfaz de usuario y desarrolladores de back-end para aportar ideas sobre el diseño y el contenido del sitio web. 
  • Analizar todos los elementos de marca, contenidos, gráficos, componentes audiovisuales, animaciones, funciones deseadas y otras cuestiones.
  • Planificación del trabajo necesario para la revisión y actualización de sitios web existentes 
  • Creación de conceptos prototipo y elaboración de gráficos para su revisión y comentarios, basándose en las aportaciones de otros miembros del equipo y de los clientes.
  • Creación de código aplicable utilizando diversos lenguajes para dar vida a los planes.
  • Responsabilidades adicionales
  • Realización de pruebas exhaustivas para garantizar que el código funciona como se desea; ajustes en caso necesario.
  • Saber qué miembros del equipo participan en un proyecto determinado, así como sus funciones y responsabilidades.
  • Copia de seguridad de los archivos en caso de problemas
Habilidades necesarias en el trabajo

Habilidades blandas

  • Gran capacidad de escucha
  • Atención al detalle
  • Buena etiqueta en el teléfono y el correo electrónico 
  • Capacidad de atención al cliente
  • Comportamiento profesional
  • Orientación al trabajo en equipo
  • Centrado en 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 contenidos y especialistas en SEO.
  • Conocimientos generales de psicología y de cómo se relacionan los usuarios con los sitios web.
  • Capaz de aceptar comentarios y críticas
  • Organizado y con excelente capacidad de gestión del tiempo

Habilidades técnicas

  • Experiencia práctica con lenguajes HTML/CSS, JavaScript
  • Diversos grados de experiencia con:
  • jQuery 
  • Frameworks CSS y JavaScript (como Bootstrap y AngularJS)
  • Preprocesadores CSS (como Sass, Less, Stylus, etc.)
  • Software de control de versiones (Git)
  • Diseño responsivo
  • Pruebas y depuración de programas (como Mocha o Jasmine)
  • Herramientas para desarrolladores de navegadores; Herramientas de construcción/automatización
  • Rendimiento web (Grunt, gulp)
  • Línea de comandos 
  • Conocimiento de las tendencias en rápida evolución relacionadas con el diseño de sitios web y marcas
  • Conocimiento de las funciones de interacción y uso compartido de las aplicaciones de redes sociales
  • Dispuesto a actualizar sus conocimientos cuando 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 
  • Sanidad
  • Agencias gubernamentales
  • Autónomos
Expectativas y sacrificios

En la actualidad, prácticamente todas las organizaciones del mundo tienen algún tipo de presencia en Internet, y lo normal es que tengan sitios web exclusivos. La tecnología ha avanzado mucho desde los primeros sitios web, en su mayoría de texto, como CERN, Acme Labs, World Wide Web Worm y Doctor Fun. Las empresas quieren sitios vanguardistas y de alta velocidad que capten su atención y la mantengan mientras le convierten de lector a cliente de pago.

Los sitios no corporativos también quieren diseños atractivos que puedan ofrecer eficazmente lo que buscan sus usuarios. La presión a la que se ven sometidos los ingenieros de front-end puede ser enorme, dependiendo del alcance del propósito del sitio. Por eso es fundamental que los trabajadores prueben y depuren antes del lanzamiento, y que colaboren estrechamente con otros miembros del equipo para garantizar que el sitio sea seguro y pueda soportar el tráfico previsto. Los piratas informáticos están constantemente a la caza de vulnerabilidades que explotar, ya sea para colapsar sitios, plantar virus o robar información. 

Tendencias actuales

La tecnología nunca deja de cambiar y evolucionar, por lo que los desarrolladores web deben estar al día de las tendencias. Desde los micro frontends hasta el diseño atómico, hay una avalancha de innovaciones que los ingenieros front-end deben conocer. Es posible que las certificaciones no estén a la altura de los cambios sobre el terreno, por lo que es importante mantenerse al día mediante la lectura y la creación de redes con colegas.

Las compras en línea se han disparado en los últimos tiempos, obligando a muchas empresas a realizar cambios importantes en sus operaciones que requieren actualizaciones significativas de los sitios web. Los sitios también deben ser compatibles con los dispositivos móviles, lo que no siempre era el caso en el pasado. A medida que los trabajadores extranjeros compiten por los puestos de trabajo, es importante perfeccionar el inglés y otros conocimientos de comunicación para obtener o mantener una ventaja competitiva sobre la mano de obra más barata. 

¿Qué tipo de cosas disfrutaba la gente de esta carrera cuando era joven...

Los ingenieros frontales trabajan mucho en interiores y, a menudo, solos. Muchos empezaron a interesarse por los ordenadores y la tecnología en el instituto o 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 pueden haber disfrutado haciendo vídeos o creando blogs y sitios web como hobby en GoDaddy, WordPress o Wix.

Aunque se pasa mucho tiempo solo, este trabajo requiere mucho esfuerzo en grupo y trabajo en equipo. Estas habilidades de colaboración suelen perfeccionarse en la escuela o en actividades extraescolares. Los empleados deben ser socios entusiastas, no pensadores rígidos que quieren "hacerlo todo a su manera".

En su tiempo libre, es probable que a los ingenieros frontales siempre les haya apasionado aprender cosas nuevas y tomar la iniciativa para dominar sus habilidades sin que nadie les diga que tienen que hacerlo. En otras palabras, ¡les encanta su trabajo! Al poseer un sentido de la empatía muy desarrollado, también pueden ponerse en la piel de directivos, propietarios, clientes y otros usuarios finales... una capacidad que puede haberse cultivado durante la infancia. 

Educación y formación necesarias
  • Los ingenieros de front-end suelen ser licenciados en informática o programación, pero no siempre es obligatorio.
    • Según O-Net Online, el 46% de los desarrolladores web tienen un título universitario, el 17% un certificado postsecundario y el 17% un título de asociado.
    • El diseño web es una opción de grado asociado muy popular
    • Los cursos de diseño gráfico son importantes para muchos puestos
  • La experiencia laboral práctica suele ser tan importante como la académica. Los trabajadores deben saber HTML, JavaScript y tener otros conocimientos de programación y software, como se indica más arriba.
  • Los empleadores están interesados en ver pruebas de las habilidades interpersonales requeridas, y no sólo de las habilidades técnicas, así que no descuides tus clases de inglés, escritura, oratoria y gestión.
  • Aprende por tu cuenta con lo siguiente:
    • Conviértete en desarrollador front-end de LinkedIn Learning
    • Programa de nanotecnología para desarrolladores 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:
      • Programa de formación para desarrolladores web 
      • El desarrollador web completo en 2019 : De Cero a Maestría
    • Coursera:
      • Diseño web para todos
      • Fundamentos de programación de Duke con JavaScript, HTML y CSS 
      • Resumen de competencias: Desarrollo Front End
Lo que hay que buscar en una universidad
  • Algunos sugieren que la mejor titulación de Ingeniero Front-End es Sistemas de Información Informáticos
  • Consulte 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 las de gestión de proyectos y diseño de bases de datos.
  • Ahorra tiempo yendo de una clase a otra matriculándote en un programa en línea o híbrido.
  • Asegurarse de que la institución está plenamente acreditada
Cosas que hacer en el instituto y la universidad
  • Aprende por tu cuenta. La mayoría de los conocimientos básicos necesarios para empezar pueden adquirirse gratis o por muy poco dinero (consulte nuestras recomendaciones sobre educación y formación más arriba, y la lista de sitios web recomendados más abajo).
  • Mantenga una cartera de proyectos que haya completado, junto con notas de lo que hizo para lograr esos resultados.
  • Ofrézcase como voluntario para ayudar a su colegio u otras asociaciones con sus sitios web
  • Encontrar prácticas que ofrezcan oportunidades de experiencia laboral práctica
  • Cuando seas lo suficientemente bueno, entra en Upwork y empieza a construir tus credenciales como freelance.
  • Únete a clubes informáticos para relacionarte con otras personas y ayudar a enseñar a los demás habilidades y trucos.
  • Pule tus habilidades de atención al cliente y comunicación con cursos relacionados
  • Manténgase siempre al día de la tecnología emergente y las tendencias actuales
  • Lee a autores populares de Quora que escriban sobre el tema y hazles preguntas
Hoja de ruta típica
Hoja de ruta de Gladeo Front End Engineer
Cómo conseguir tu primer trabajo
  • Establecer alertas de trabajo 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 centro para encontrar vacantes.
  • Analice detenidamente las ofertas de empleo en busca de las competencias, la formación y la experiencia necesarias.
  • Eche un vistazo a las cualidades que buscan los empleadores en los nuevos ingenieros frontales.
  • Adapte honestamente su candidatura a todo lo que buscan los empleadores
  • Deja que los empresarios vean tu portafolio añadiendo enlaces en tu currículum
    • Haz que tu portafolio en línea sea profesional, con una lista de habilidades tecnológicas especializadas, proyectos personales y enlaces a cualquier proyecto en GitHub, CakeResume o CodePen.
    • Contextualizar cada punto (quién, qué, dónde, cuándo y por qué).
    • Asegúrese de que la propia carpeta sea un escaparate de su talento.
  • Cuanta más experiencia en programación tengas, mejor posicionado estarás frente a la competencia
  • Recuerde que no todos los trabajos requieren una titulación. Si no lo tiene, lea las ofertas de empleo para ver si la educación formal puede sustituirse por otro tipo de experiencia. 
  • Sé conciso, pero no tengas miedo de enumerar detalles técnicos en el currículum; echa un vistazo a "Cómo redactar un currículum de desarrollador front-end que te consiga una entrevista", de Medium.
  • No olvides tus habilidades interpersonales. Muéstralas en la solicitud y en las entrevistas
  • Pida una segunda opinión Pide a alguien que revise tu currículum y tu cartera
  • Pregunta a los profesores/supervisores si conocen ofertas de trabajo o si pueden servirte de referencia.
Cómo subir la escalera
  • Habla con tu supervisor y tus jefes, para que te asesoren y les hagas saber que estás interesado en hacer lo necesario para optar a oportunidades de ascenso. 
  • Saber a qué tipo de funciones intermedias quieres ascender, como desarrollador de software, desarrollador de aplicaciones o desarrollador web senior.
  • Empiece también a planificar funciones avanzadas como desarrollador senior, ingeniero de desarrollo de software o arquitecto de software.
  • Mantén tus conocimientos técnicos actualizados completando certificaciones avanzadas
    • CompTIA enumera las certificaciones aplicables para las distintas etapas de su desarrollo profesional
  • Si aún no tienes la licenciatura, plantéate terminarla. Luego empieza el máster, si quieres seguir avanzando. 
  • Realizar un trabajo excelente en todos los proyectos y obtener excelentes críticas de los clientes.
  • Cumplir siempre los plazos, pero no a costa de la calidad 
  • Estudie las nuevas tendencias de diseño e inspírese.
  • Publíquese en línea y en prensa. 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

  • Association for Computing Machinery 
  • Brillante
  • Manual de Perspectivas Laborales de la Oficina de Estadísticas Laborales
  • CodeSignal
  • Codewars
  • CodinGame
  • CompTIA 
  • Asociación de profesionales de la informática CompTIA
  • Coursera
  • edX
  • Ejercicio
  • freeCodeCamp
  • Frontendmasters
  • HackerEarth
  • HackerRank
  • Javascript30
  • Escuela de Ritmos
  • Udemy
  • W3Schools: Javascript
  • Organización Mundial de Webmasters 

Libros

Plan B

Existen numerosos empleos para las personas a las que les encanta trabajar con ordenadores. Front-End Development es uno de los más populares, pero no es el más adecuado para todo el mundo. BLS enumera opciones en las que pensar, dependiendo de tus intereses y aptitudes:

  • Gestores 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 la Ingeniería de Aseguramiento de la Calidad del Software o la Administración Web.   

Newsfeed

Cursos y herramientas en línea