Desarrollador Frontend Junior en el 2021

¿Ha empezado un nuevo año y estás decidido a aprender desarrollo de software pero no sabes por dónde empezar? En este post trataré de orientarte para que empieces tu carrera como desarrollador.

Pero primero: ¿qué es el frontend? Es la interfaz visual, toda la parte con la que va a interactuar el usuario. Principalmente crearás sitios web para diferentes objetivos dependiendo del sector de la compañía a la que ingreses.

Tecnologías que tienes que aprender

HTML

Primero HTML, el cual te va a permitir entender la arquitectura de un sitio web. Debes saber qué es una etiqueta y cómo identificarlas:

<apertura> contenido </apertura>

Conoce las diferentes etiquetas y cuándo utilizarlas, dando versatilidad a tu contenido: títulos, saltos de línea, imágenes, formularios, etc.

CSS

Luego CSS, la hoja de estilos que le da vida a tu sitio web. Te recomiendo aprender:

• Selectores, unidades de medida y colores
• El modelo de caja (box model)
• display: flex y display: grid — este último siendo de mis favoritos

Te recomiendo el canal de YouTube de Google Chrome Developers, que te actualizará con las mejores prácticas de CSS priorizando lo simple.

Responsive Design

Ya que estás aprendiendo CSS, aprovecha y documéntate sobre responsive design, que permitirá que tu web se adapte a diferentes dispositivos, desde un móvil pequeño hasta una pantalla grande. Estarás implementando media queries y jugando con las dimensiones.

Si quieres ir más allá, lee sobre el concepto "mobile first", que te hará diseñar pensando en dispositivos pequeños primero. Sin embargo, teniendo en cuenta que estás aprendiendo, con que manejes responsive design será suficiente de momento.

La joya de la corona: JavaScript

Ahora que manejas bien HTML y CSS debes ir al siguiente nivel para añadir lógica a tu web con un lenguaje de programación. El más popular es JavaScript, en el cual encontrarás muchas ofertas de trabajo.

Para dominarlo deberás aprender:

• Variables, funciones declarativas y expresivas
• Los 3 conceptos fundamentales: Scope, Closures, Hoisting
• Condicionales, loops y arrays

Te aseguro que los 3 conceptos fundamentales los verás en las pruebas técnicas como dev Junior. Con esto claro, estoy seguro que podrás afrontar una entrevista técnica como dev Jr.

Ve poco a poco, a tu ritmo, no te desanimes. En siguientes posts explicaré detalladamente cada uno y te ayudaré a crear tu primer blog. Nada te detenga este año para entrar en el mundo del desarrollo de software.