Focos de atención

Descripción del trabajo

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

En general, se encargan del aspecto del sitio web, 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. Los clientes exigen cada vez más sitios que sean ágiles y aptos para móviles.

Los ingenieros de front-end son maestros en la creación de diseños eficaces que utilizan gráficos y contenidos relevantes, a la vez que incorporan elementos funcionales específicos, como las funciones de comprobación de compras. Para ello, es necesario un gran conocimiento de lenguajes aplicables como HTML, CSS y JavaScript. Las perspectivas de empleo 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 mediante una fuerte presencia en línea
  • Construir habilidades exportables que tienen una gran demanda y que pueden ser utilizadas en cualquier momento y en cualquier lugar
Empleo 2018
160,500
2028 Empleo proyectado
181,400
La primicia
Responsabilidades del trabajo

Horario de trabajo

  • Los horarios de los ingenieros de front-end cualificados dependen de su empleador. Muchos trabajan a tiempo completo en oficinas, mientras que otros trabajan desde casa con un contrato. Este campo profesional incluye a 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. Todos los trabajadores de este campo deben esperar que se hagan horas extras cuando los proyectos requieran cumplir plazos ajustados o cuando surjan problemas.

Tareas típicas

  • Reunirse con los clientes, los directores de proyecto, potencialmente los diseñadores de la experiencia del usuario y de la interfaz del usuario, y los desarrolladores de back-end para hacer una lluvia de ideas sobre el diseño y el contenido del sitio web 
  • Discutir todos los elementos de marca necesarios, el contenido, los gráficos, los componentes audiovisuales, las animaciones, las funciones deseadas y otras cuestiones
  • Planificación del trabajo necesario para la revisión y actualización de los sitios web existentes 
  • Construir conceptos de prototipos y elaborar gráficos para su revisión y retroalimentación, basándose en las aportaciones de otros miembros del equipo y de los clientes.
  • Creación de código aplicable utilizando una variedad de lenguajes para dar vida a los planes
  • Responsabilidades adicionales
  • Realización de pruebas exhaustivas para garantizar que el código funcione como se desea y realizar los ajustes necesarios
  • 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 telefónica y de correo electrónico 
  • Habilidades de servicio al cliente
  • Comportamiento profesional
  • Orientación al equipo
  • Centrado en los objetivos
  • Paciente; dispuesto a afrontar los retos
  • Pensamiento analítico y crítico
  • Creativo, artístico y flexible
  • Familiaridad con otras funciones del equipo, como los creadores de contenidos y los especialistas en SEO
  • Conocimiento general de la psicología y de cómo los usuarios se relacionan con los sitios web
  • Capacidad para 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 y 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
  • Prueba 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 de rápida evolución relacionadas con el diseño de sitios web y la creación de marcas
  • Conocimiento de las funciones de interacción y compartición de las aplicaciones de las redes sociales
  • Dispuesto a actualizar sus conocimientos 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 
  • Industrias sanitarias
  • Agencias gubernamentales
  • Autónomos
Expectativas y sacrificios

Prácticamente todas las organizaciones del mundo tienen algún tipo de presencia en línea en este momento, con sitios web únicos que son la norma. 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 de alta velocidad y vanguardia 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 sus usuarios buscan. La presión a la que están 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 trabajen estrechamente con otros miembros del equipo para garantizar que el sitio sea seguro y pueda soportar el tráfico esperado. Los piratas informáticos están constantemente al acecho 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 frontales hasta el diseño atómico, hay una avalancha de innovaciones que los ingenieros de frontales deben conocer. Es posible que las certificaciones no estén a la altura de los cambios que se producen, por lo que es importante mantenerse al día mediante la lectura y la creación de redes con los compañeros.

Las compras en línea 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 del sitio web. Además, los sitios deben ser aptos para móviles, lo que no siempre ha sido así 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 de front-end trabajan mucho en interiores, y a menudo solos. Muchos empezaron a interesarse por los ordenadores y la tecnología en el instituto o antes. Hay un énfasis en el diseño elegante, por lo que las personalidades artísticas suelen verse 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 de aficionados en GoDaddy, WordPress o Wix.

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

En su tiempo libre, los Ingenieros Front-End probablemente siempre han tenido una pasión por aprender cosas nuevas y tomar la iniciativa para dominar sus habilidades sin que se les diga que tienen que 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 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 necesario.
    • Según O-Net Online, el 46% de los desarrolladores web tienen un título universitario, el 17% tienen un certificado post-secundario y el 17% tienen 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 los mencionados anteriormente
  • Los empleadores están interesados en ver pruebas de las habilidades blandas 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:
    • LinkedIn Learning's Conviértete en un Desarrollador Front-End
    • Programa de nanotecnología para desarrolladores web frontales de Udacity
    • Fundamentos de TI de CompTIA
    • Certificaciones específicas de proveedores/tecnologías como Google Cloud, RedHat, Microsoft (MTA, MSCA, MSCE)
    • Udemy:
      • El campamento de entrenamiento 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 de Duke con JavaScript, HTML y CSS 
      • Resumen de habilidades: Desarrollo de Front End
Cosas que hay que buscar en una universidad
  • Algunos sugieren que la mejor titulación de Ingeniero Front-End es la de Sistemas de Información Informática
  • Consulte las clasificaciones anuales de U.S. News sobre los mejores programas de informática y los mejores programas de lenguajes de programación
  • Pueden ser útiles las clases de diseño front-end y back-end, junto con la gestión de proyectos y el diseño de bases de datos
  • Ahorra tiempo yendo de clase en clase inscribiéndote en un programa online 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 gratuitamente 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 escuela o a otras asociaciones con sus sitios web
  • Encontrar prácticas que ofrezcan oportunidades de experiencia laboral práctica
  • Cuando seas lo suficientemente bueno, súbete a Upwork y empieza a construir tus credenciales como freelance
  • Únase a clubes de informática para establecer redes con otras personas y ayudar a enseñar a los demás habilidades y trucos
  • Pulir sus habilidades de servicio al cliente y de comunicación con cursos relacionados
  • Manténgase siempre al día con la tecnología emergente y las tendencias actuales
  • Lea a los autores populares de Quora que escriben sobre el campo, y hágales 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 carreras de tu escuela para encontrar puestos vacantes
  • Examine detenidamente las ofertas de empleo para conocer las aptitudes, la formación y la experiencia requeridas
  • Analice detenidamente las cualidades que los empleadores buscan en los nuevos ingenieros de front-end
  • Adapte honestamente su solicitud a todo lo que buscan los empleadores
  • Permita que los empleadores vean su cartera añadiendo enlaces en su currículum
    • Haz que tu portafolio en línea sea profesional, enumerando las habilidades tecnológicas especializadas, los proyectos personales y los enlaces a cualquier proyecto en GitHub, CakeResume o CodePen
    • Dar el contexto de cada elemento (los detalles de quién, qué, dónde, cuándo y por qué)
    • Asegúrese de que la propia cartera 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 tienes, lee las ofertas de empleo para ver si otra experiencia puede sustituir a la educación formal. 
  • Sé conciso pero no tengas miedo de enumerar detalles técnicos en el currículum; echa un vistazo a "Cómo escribir un currículum de desarrollador de front-end que te haga conseguir una entrevista" de Medium
  • No te olvides de esas habilidades blandas. 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
  • Pregunte a los profesores/supervisores si saben de ofertas de trabajo o si pueden servirle 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 las oportunidades de promoción 
  • Saber a qué tipo de funciones intermedias quieres ascender, como desarrollador de software, desarrollador de aplicaciones o desarrollador web senior
  • También empieza a planificar funciones avanzadas como desarrollador senior, ingeniero de desarrollo de software o arquitecto de software
  • Mantenga sus conocimientos técnicos actualizados completando certificaciones avanzadas
    • CompTIA enumera las certificaciones aplicables para varias etapas de su desarrollo profesional
  • Si aún no tienes el título de grado, considera la posibilidad de terminarlo. A continuación, empieza a cursar el máster, si quieres seguir avanzando 
  • Hacer un trabajo excelente en cada proyecto y ganarse las mejores críticas de los clientes
  • Cumplir siempre los plazos, pero no a costa de la calidad 
  • Estudie las nuevas tendencias de diseño y manténgase inspirado.
  • Publique en línea y en papel. 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

Hay numerosos trabajos para las personas a las que les gusta trabajar con ordenadores. El desarrollo de front-end es uno de los más populares, pero no es el más adecuado para todo el mundo. BLS enumera las opciones en las que puedes pensar, en función 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ía considerar la ingeniería de garantía de calidad del software o la administración de la web.   

Newsfeed

Trabajos por

Programas en Foothill

Cursos y herramientas en línea