¿Qué es ser una Front-end Developer?
En Laboratoria, nos hemos dedicado a transformar la vida de muchas mujeres y el rostro de la industria tecnológica formando las mejores Front-end Developers, pero, ¿qué significa ser front-end developer?.
En muchas ocasiones, veremos que una Front-end Developer se encarga de programar el lado del cliente (navegador) de una web. Sin embargo, esta es una descripción muy superficial de este perfil, así que definamos qué es una Front-end Developer en Laboratoria.
Es una desarrolladora con intuición analítica de diseño que se preocupa por volver real la propuesta del equipo de UX/UI, además, programa la reacción ante la interacción que pueda tener el usuario dentro de la web y conoce bien cómo recibir y enviar datos del servidor (back-end).
Si tú quieres ser una front end developer… haz click aquí.
¿Qué hace una Front-end Developer?
Ahora que ya tenemos una definición de este perfil, podemos enfocarnos en las principales actividades que hacen su día a día. Generalmente, podríamos listar lo siguiente:
- Llevar el diseño a la web usando HTML, CSS y JS.
- Programar, cambiar y mantener un sitio web.
- Adaptar el diseño de una web a diversos dispositivos y navegadores.
- Crear herramientas que mejoren la interacción entre el usuario y la web.
- Usar APIs para conectar la web con diversos servicios o sistemas.
Aun así, esto no abarca las responsabilidades que desenvuelve este rol, así que agruparemos algunas de estas actividades para tener una visión más amplia.
1. Planificación
No siempre la primera actividad a realizar en el trabajo será un proyecto desde cero, probablemente sea lo contrario, trabajar en algo que ya está desarrollado por un equipo. Independientemente del caso, antes de siquiera hacer una línea de código, es muy recomendable planificar, distribuir y priorizar, para esto muchas empresas usan un marco de trabajo ágil como Scrum, y si no, aun así es muy útil entender bien los requerimientos, planificar las tareas que cada miembro del equipo se enfocará y luego priorizar las que agreguen mayor valor al cliente.
2. Maquetación
La etapa de llevar el diseño a la vida, se produce en esta actividad. Esto no es simplemente agarrar un Sketch o PSD y ponerlo en HTML y CSS, esto implica asegurar que la web se pueda ver bien en diferentes dispositivos (TVs, PCs, laptops, tablets, móviles, etc) y en distintos navegadores en muchas ocasiones (IE, Firefox, Chrome, etc).
3. Programación
En esta fase, se desarrollan diversos enfoques de programación. Los más comunes son: programar la interacción que el usuario tendrá con la web a través de eventos, desarrollar algún algoritmo para llevar a cabo una determinada funcionalidad, programar la comunicación con el back-end a través un API, entre otros.
4. Despliegue & pruebas
Esta actividad consiste en realizar o entender el flujo de cómo publicar el proyecto desarrollado a internet. Esto implica coordinación con todo el equipo (cliente involucrado) y realizar pruebas para estar seguros que el usuario final no encontrará algún error inesperado.
¿Quién puede ser una buena Front-end Developer?
Creemos que puedes ser una gran Front-End Developer si cuentas o estás dispuesta a desarrollar lo siguiente:
- Ganas de aprender (ten en cuenta que nunca podrás saber todo)
- Aspirar a aprender inglés (aun la mayoría de contenido tecnológico está en inglés y no debes tomarlo como una barrera sino como tu motivación de aprenderlo, te abrirá muchas puertas).
- Manejo de estrés (los requerimientos cambian cuando hay mucha incertidumbre y las tecnologías a usar evolucionan increíblemente)
- Trabajo en equipo (así trabajes sola en un proyecto, siempre tendrás que entender lo que un cliente o dueño del producto desea, esa persona será parte de tu equipo)
- Planificación, análisis y priorización (programar la solución no es el primer paso)
- Habilidades de comunicación (no solo es programar la solución de un problema, también es poder comunicarla a tu equipo)
- Tolerancia a la frustración (muy pocas veces las cosas te saldrán a la primera)
- Curiosidad y aprender de los errores (fallar no es malo, y nunca sabrás si algo está mal o bien si no lo intentas)
Y sobre todas las cosas, pasión por convertirte en la mejor desarrolladora, cuando te gusta lo que haces, superarás todas las barreras que se presenten y aprenderás de ellas formando tu carrera profesional.
En este enlace podrás encontrar un blogpost (en inglés) de los skills que el autor considera un developer debe tener.
¿Qué herramientas usa una Front-end Developer en su día a día?
Podríamos resumir que una desarrolladora front-end necesita en su día a día un editor de texto, la terminal y un navegador (Chrome en el mejor de los casos). Las bases de tu trabajo siempre serán las mismas: HTML, CSS, JavaScript. A éstas podríamos ir agregando un buen sistema de control de versiones como Git, pero la verdad es que al final las empresas requerirán alguna librería, framework o tecnología complementaria que usan para su flujo de trabajo. ¡No te asustes! Con las bases sólidas, podrás aprender cualquiera de estos complementos. Si quieres entender de qué estamos hablando, mira la imagen debajo (no te traumes… aun), no todo lo tienes que aprender al mismo tiempo y menos en 6 meses.
¿Hay demanda de Front-end Developers en latinoamérica?
Sí y mucha. Con tantas herramientas y tecnologías hay demasiadas oportunidades para distintas especializaciones, además los tipos de empresas son muy variados (fábricas de software, consultoras, startups, agencias de desarrollo, etc) y en su mayoría requieren desarrolladoras.
Las empresas de tecnología necesitan atraer a sus usuarios a través de un servicio público al que puedan acceder rápidamente, normalmente esto es una web. Y para llevar a cabo su construcción de la mejor manera se necesita a una desarrolladora.
Algo a tener presente también es la línea de carrera que se puede tomar una vez iniciado este rol, puedes especializarte en una tecnología específica (un framework como Angular, React, Vue, etc.), aprender un poco de back-end (servidores, base de datos), volverte una desarrolladora de aplicaciones móviles, y mucho más. Recuerda JavaScript es aplicable a cualquier sector y como tal tienes una amplia gama de áreas donde aplicarlo.
¿Cómo es aprender Front-end Development en Laboratoria?
Como todo lo que se aprende en Laboratoria tenemos:
- Una malla de contenidos ajustada a los requerimientos de las empresas que están buscando Front-end Developers en Latinoamérica y el mundo, y que está complementada por las tendencias globales en este campo.
- Instructores súper capos/secos /chingones con una gran experiencia en el campo.
- Una experiencia de aprendizaje basada en productos. Para que obtengas práctica en el uso de las herramientas y metodologías de un equipo de desarrollo trabajando en problemas reales.
Además, te prometemos que:
- Nunca dejarás de aprender
- Tu día a día será retador pero divertido
- Querrás aplicar tus conocimientos para cambiar el mundo (de manera positiva)
- Comprobarás que eres capaz de lograr todo lo que te propongas
- El único límite es tu imaginación
¿Si me especializo como Front-end Developer de qué me servirán los temas de UX?
Una de las actividades de una desarrolladora front-end mencionadas anteriormente era transformar un diseño en algo real. Ésta no es una actividad ajena y no lo hace solo un equipo que no conoces, esto forma parte de tu flujo de trabajo. Entender y/o conocer el cómo se desenvuelve un equipo de UX te ayudará a tener un pensamiento analítico y criticar constructivamente las propuestas aportando tu punto de vista y sumando tu experiencia sobre la complejidad que puede implicar llevar el desarrollo.
Bonus: ¿Se puede trabajar como Front-end Developer y UX Designer?
Depende de la empresa donde trabajes, en empresas más pequeñas o nuevas normalmente buscan generalistas — personas que sepan y hagan un poco de todo — y en empresas más grandes buscan especialistas — personas cuya experiencia esté más desarrollada en una sola área. En el primer caso, podemos encontrar puestos como UX Developer o UX Engineer o simplemente descripciones de puestos que hagan Front-end y UX. Y tampoco es raro encontrar puestos muy especializados como React Developer, Angular Developer, UX Researcher o UX Writer. Sin embargo, la relación entre Front-end Developer o UX Designer será siempre cercana en el desarrollo de productos digitales, independientemente de si eres el FED o UXD, y saber un poco de código y/o un poco de diseño será muy beneficioso para facilitar la comunicación entre ambas.
Esperamos que todo lo expuesto aquí, te anime y motive a lograr una carrera exitosa como Front-end developer. Acá te dejamos un video de una egresada de Laboratoria contándonos su experiencia y un roadmap (flujo de aprendizaje) que sigue normalmente alguien que se prepara en esta carrera.
