Da los primeros pasos en el mundo de la programación y convertite en desarrollador frontend junior. Este es un artículo que lo compartimos gracias a un testimonio real, que ha creado esta guía super práctica de aprendizaje en el mundo IT. Matias es su creador y lo ha compartido con el título: De cero a Junior.

Introducción

«En esta mini guía me gustaría compartir toda mi experiencia desde que comencé a estudiar programación a finales del año 2020 hasta que me ascendieron de Trainee a Junior en mi primer trabajo y actual (Junio del 2022) como desarrollador frontend junior .

Cabe aclarar que todo lo que se escriba de ahora en adelante está basado sola y exclusivamente en mi
experiencia, por lo cual no es bajo ningún punto el único camino posible ni el definitivo para lograr el mismo resultado.

Todo empieza en diciembre de 2020 cuando decido anotarme en la carrera de Desarrollo Full Stack en la plataforma Coderhouse, con muchísimas ganas de aprender y dar mis primeros pasos en el mundo IT. Antes de esto estudié en la universidad la carrera de Producción Audiovisual, por lo cual mi background no tenía ninguna relación con esta nueva decisión tomada.

Comencé el primer curso aprendiendo HTML, CSS y bootstrap. Además utilicé herramientas como Git, Figma y Github, lo cual me ayudaron a crear mi primer proyecto final del curso: mi página personal. Para ese entonces me resultaba todo un logro que en tan solo 2 meses haya podido estructurar un proyecto, maquetarlo, estilarlo y subirlo a github.

El segundo curso fue de JavaScript y mi primer acercamiento con un lenguaje de programación. Vimos desde lo más elemental, como los tipos de datos, hasta conceptos más avanzados, como Async/Await, durante aproximadamente 3 meses. Dentro del mismo pude desarrollar una SPA (Single Page Application) de un emprendimiento como parte
del segundo proyecto final.

Luego vino el ultimo curso de la parte de frontend, React. Aprendí desde que son las props hasta como utilizar useContext. Todo esto, durante el transcurso de otros casi 2 meses, me sirvió para poder realizar un Ecommerce, acompañándolo con firebase para la carga de los productos.

Al finalizar estos cursos decidí empezar a ver ofertas de trabajo como trainee desarrollador frontend junior mientras
esperaba el comienzo del curso de backend. Para mi sorpresa encuentro que casi todas las posiciones requerían mínimo 1 año de experiencia, por lo cual no tenía el perfil que necesitaban, pero de todas formas me postulaba para que, en el caso de no quedar, pueda ir viendo la dificultad de las pruebas técnicas y practicar.

Me rechazaron en varias entrevistas, hasta que apareció una oportunidad imperdible la cual no dudé ni un segundo en inscribirme: El V_Camp de Valtech. Un campus intensivo de 3 meses para personas sin experiencia laboral.

Eramos bastantes postulantes (si mal no recuerdo alrededor de 4000 personas) y solo había cupos para 33 entre las áreas de frontend, backend, mobile y devops. Tuvimos que completar un formulario para que puedan ver nuestro CV y portfolio, realizar una entrevista técnica y un assessment (entrevista grupal). Luego de todo esto pude superar con éxito las 3 etapas para formar parte del V_Camp.

Es hasta el día de hoy que agradezco enormemente esa oportunidad que me permitió ser parte del mundo IT. Luego de 3 meses dentro del campus (diciembre 2021 – marzo 2022), en donde aprendimos muchisimas cosas valiosas para crecer como profesionales, nos comunicaron que terminaba el mismo y que a partir de ese momento ibamos a empezar a trabajar con proyectos reales dentro de la empresa.

Para algunos mi experiencia pudo haber sido suerte, ya que pocas empresas brindan estas oportunidades para personas sin experiencia previa, pero creo firmemente que muchos factores importantes ayudaron a que esta oportunidad haya resultado positiva. Por eso quise realizar esta guía para contarte detalladamente cada punto que creo fundamental
para que puedas lograr lo mismo.

Espero que te resulte útil».

¿Por dónde empezar a convertirme en desarrollador?

«Antes que elegir un lugar donde estudiar recomiendo que investigues todas las áreas disponibles dentro de IT para ver cual te gusta más. Hay varias que no necesitan escribir código. A continuación dejo un listado de algunas con un link a su descripción básica para que puedas conocerlas:

1 – Desarrollador frontend
2 – Desarrollador Backend
3 – Desarrollador Mobile
4 – DevOps
5 – UX / UI Designer
6 – QA
7 – Product Manager
8 – Game Developer
9- Desarrollador Fullstack

Estas son las primeras que se me vienen a la mente, pero googleando vas a poder encontrar una lista enorme de posiciones.

Una vez que tengas en claro qué camino te gustaría seguir podemos empezar a ver donde comenzar a capacitarnos:

Gratuitas:

• FreeCodeCamp
• Udemy (ver cupones para cursos gratis)
• Scrimba (tiene cursos gratuitos y pagos)
• TheOdinProject
• Open Bootcamp
• Youtube

Pagas:

• Frontend Masters
• EggHead
• Udemy
• Platzi
• Scrimba (tiene cursos gratuitos y pagos)
• Coursera

Pagas + acompañamiento:

• Coderhouse
• Plataforma 5
• Henry
• DigitalHouse
• Nucba

Nota: Para las plataformas pagas + acompañamiento te recomiendo que busques recomendaciones de las mismas para saber si valen la pena o no la inversión.

Para saber cual opción elegir te recomiendo hacertealgunas preguntas:

• ¿Tengo dinero para invertir en mi educación?
• ¿Me conviene pagar una plataforma para capacitarme por mi cuenta o prefiero que alguien me acompañe en el proceso?
• ¿El programa de las opciones pagas varía mucho del programa en las opciones gratuitas?
• Si no tengo dinero para invertir, ¿Qué opción gratuita es la más recomendable para lo que quiero aprender?
• Indistintamente de si es paga o gratuita, ¿Tengo al menos 1 hora al día disponible para dedicarme a estudiar?
• Si no tengo dinero pero me gustaría que me acompañen en el proceso, ¿Que comunidades existen para no comenzar solo/a en este nuevo camino?

Podés hacerte muchas más preguntas, pero con estás vas a tener un primer pantallazo para saber qué camino tomar.

Habilidades Técnicas en el mundo del desarrollo frontend

En esta sección de la guía voy a enfocarme en las habilidades técnicas que necesitás saber como Frontend Developer para tu primer trabajo, ya que es el área a la cual me dedico. Para otras áreas pueden revisar este Roadmap y elegir el camino que deseen seguir. Dividiré en partes dependiendo la dificultad de cada una de las mismas.

Nota: cada curso o link que comparta me fue de mucha ayuda a lo largo del camino, lo cual no quiere
decir que sea la mejor opción. Hay muchas alternativas pero al menos las que voy a nombrar a continuación son una buena introducción a cada tema.

PRIMERA PARTE:

• HTML
• CSS
• GIT
• GITHUB

CURSOS QUE RECOMIENDO:

• HTML y CSS en Scrimba (gratis) (inglés)
• HTML y CSS en Coderhouse (pago)
• HTML y CSS en FreeCodeCamp (gratis) (inglés)
• GIT desde 0 en Youtube (gratis)

SEGUNDA PARTE:

• JavaScript

CURSOS QUE RECOMIENDO:

• Curso Completo JS de JonMircha (gratis)
• JavaScript desde 0 en Scrimba (gratis)
• Javascript Moderno de Fernando Herrera (pago)

TERCERA PARTE:

• React / Vue / Angular
• Material-UI / TailwindCSS / Styled-Components*
• TypeScript*
• Redux*
• NextJS*

Nota: las tecnologías que tienen un * son bastante
usadas en proyectos reales pero no son
indispensables para un puesto trainee/junior.

CURSOS QUE RECOMIENDO:

• React desde 0 Scrimba (gratis)
• React Course FreeCodeCamp (gratis) (inglés)
• TypeScript Udemy (pago) (inglés)
• Redux FreeCodeCamp (gratis) (inglés)

Recomendaciones para estudiar:

• Ir paso a paso. No quieras estudiar 10 horas por día o intentar aprenderte un tema en un día o JavaScript en una semana. Hace un tiempo me dijeron «esto es como una maratón. Cada uno va a su ritmo» y me quedó grabado para siempre. Acostumbrate a que nunca se deja de aprender y que nadie sabe todo.
• A medida que vayas conociendo un concepto, practicalo. Hacé mini proyectos o modificaciones a los que ya tenés aplicando lo nuevo para que te quede grabado.
• Nunca aprendas de memoria. Si necesitás hacer algo y no te acordás cómo revisá la documentación o el curso que hiciste para refrescar la memoria.
• Preguntá y mucho. Nosotros, los que recién estamos empezando, necesitamos hacer muchas preguntas para resolver los problemas que nos vayan surgiendo. Hay muchas comunidades en Discord como FrontendCafé donde miles de personas con más experiencia van a estar disponibles para darnos una mano y podamos seguir creciendo día a día.
• Evitá el famoso «Tutorial Hell». Una vez que sabes como funciona la tecnología, empezá a ensuciarte las manos escribiendo código y creando cosas.

Proyectos para practicar:

Muchas veces pasa que no sabemos que proyecto realizar para poner en práctica lo que vamos aprendiendo. Es por eso que recopilé varias páginas o repositorios donde podrás sacar ideas y hacerlas.

• Frontend Mentor
• 50 Frontend Projects
• Frontend Practice
• Codewell
• 30 Days JavaScript
• 100 Days CSS
• Awwwards (pueden recrear páginas para prácticar)
• DopeUI (Proyectos en Figma gratis y pagos)

Resolución de problemas:

Además de realizar proyectos, es importante que fortalezcas la lógica para resolver problemas. Las páginas que te dejo a continuación van a darte una mano con eso:

• HackerRank
• CodeWars
• LeetCode

Portfolio

A la hora de armar tu portfolio no tenés que descuidarciertos aspectos del mismo que van a darte un plus a la hora de postular para un puesto, por lo cual te dejo a continuación los puntos que, desde mi punto de vista, van a potenciar tus posibilidades de ser tenido en cuenta:

1) Proyectos

No existe un número ideal de proyectos a tener en tu portfolio, pero con armarte entre 2 y 4 que incluyan las tecnologías necesarias para el puesto es más que suficiente. Podés crear desde una simple todo list hasta algo más complejo como un e-commerce, pero nunca descuides el diseño (para un puesto de front).

2) Página Personal

Algo que suma a la presentación es tener tu propia pagina y dentro de la misma incluir los proyectos que realizaste, tu CV para descargar, las tecnologías que manejás y tus datos de contacto.

3) README

Al momento de subir tu proyecto al repositorio no descuides el archivo README. escribí una breve introducción a tu proyecto, que tecnologías usaste para hacerlo y una demo para que puedan probarlo (podés utilizar Netlify para deployar rápidamente tu demo).

CV y Video presentación

Cuando empecé a crear mi CV tuve demasiados errores que fuí corrigiendo a lo largo del tiempo gracias a múltiples consejos que me brindaron recruiters y personas que sigo en Twitter. Pasé de tener un curriculum desorganizado y con información innecesaria a tener uno agradable a la vista y con la información justa para el puesto.

A continuación voy a pasar a contarles los mismos tips que me dieron y recopilé para que quede lo mejor posible (Esta es la versión del CV con la que me postulé al V_Camp) :

Nota: No existe una manera ideal de hacerlo, pero en el ejemplo de la página anterior seguí algunas buenas prácticas para dejarlo lo mejor posible.

• Foto: No es indispensable agregarla, ya que no agrega valor, pero si lo vas a hacer asegurate de que sea la correcta. Buena presentación, plano corto (hasta los hombros aproximadamente) y que se te vea bien la cara.
• Nombre y puesto: Incluimos la posición a la que vamos a postularnos y nuestro nombre completo
• Breve resumen de quien sos: Acá intentá lucirte y venderte en pocas palabras. Evitá usar palabras como «proactivo» y buscá siempre un toque de originalidad.
• Info de contacto: teléfono, mail, localidad, perfil de Github o Behance (mostrar proyectos), perfil de Linkedin (Ya veremos como lograr que se vea lo más profesional posible) y link a tu página (si tenés una). Para los últimos 3 puntos agregar que se le pueda dar click para que te lleve directamente.

• Habilidades técnicas: Hacé una lista con las habilidades que conocés y que podrías defenderte en una entrevista técnica. EVITÁ utilizar porcentajes de cuanto sabés cada una o puntuación del 1 al 10 porejemplo, ya que no son métricas medibles a simple vista.
• Idiomas: Si sos nativo de un país de habla hispana no agregues el idioma español, ya que se dá por sentado que lo hablás a un nivel nativo. Para los demás lenguajes es recomendable un marco de referencia (por ejemplo, para el inglés podés utilizar el marco CEFR) para que conozcan en que nivel estás parado actualmente.

• Experiencias: Siempre por encima de Historial académico. Si todavia no tenés experiencia laboral podés encarar esta sección como lo hice yo, mostrando los mejores proyectos que hayas realizado explicando brevemente de que trata y las técnologías que usaste. Si tenés experiencia laboral en otras áreas que no tienen ninguna relación con el puesto, no las
  agregues ya que no agregan nada de valor al CV.
• Historial Académico: Si tenés estudios universitarios o de cursos esta es la sección para agregarlo. Solo agregá el nivel más alto que hayas llegado (si tu estudio más alto es un terciario o una carrera de grado, no agregues el secundario ya que se dá por sentado que lo tenés finalizado) y en órden cronológico (arriba el más reciente).

• Páginas: En lo posible solo una. Las personas de RRHH leen cientos de CV por día y tenemos que evitar la mayor cantidad de fricciones en nuestra postulación.
• Diseño: Pueden utilizar páginas como Canva que tiene muchos templates de CV gratis y pagos.
• Idioma del CV: Es recomendable tener un CV en español y otro en inglés para presentarlo en el idioma correcto dependiendo la empresa que sea.

Si quieren tener más información sobre como mejorar aún más el CV les dejo a continuación los links a unos
hilos de Twitter de personas que recomiendo muchísimo.

• @iamdoomling – Thread CV
• @MelBaudon – Thread CV
• Video presentación – MeetJobs

LINKEDIN

Linkedin es la red por excelencia para conectar con profesionales de diferentes áreas, entre ellos los
reclutadores. Es por eso que, para seguir potenciándonos, necesitamos optimizar al máximo nuestro perfil dentro de esta red social. A continuación voy a dejarles algunos tips que recibí cuando tuve que mejorar el mio.

• La primera impresión es la que cuenta: Al igual que en el CV, tratemos de tener una foto que esté bien
  iluminada, que se vea natural, mirando a la cámara y sonriendo.
• Headline: En esta parte podés agregar tu especialidad o palabras claves para las búsquedas.

• Acerca de: Contá tu historia profesional en pocas líneas. Explicá que hacés, como lo hacés y que tecnologías usas.
• Experiencia: Salvo que hayas realizado algún proyecto Freelance, esta sección no vas a poder rellenarla. En el caso de que puedas recordá agregar el nombre de la empresa, fechas de comienzo y fin, qué hiciste o qué puesto cubriste y qué tecnologías usaste.

• Licencias y Certificaciones: Toda capacitación que hayas realizado y tengas una certificación del mismo, incluíla en esta sección. No solamente tiene que ser relacionado a tecnologías, sino que podés agregar certificados de inglés, de metodologías como Scrum y demás. Adjuntar el link de la certificación en el caso de que lo tengas disponible.
• Educación: lo mismo que en el punto anterior. Agregamos donde estudiamos, que hicimos y en que fecha comenzamos y terminamos.

• Conocimientos y aptitudes: En esta sección vas a poder agregar todas tus habilidades. Linkedin tiene evaluaciones de aptitudes para que valides tus conocimientos. Además tus compañeros pueden hacer lo mismo a modo de referencia.
• Idiomas: Acá tenés que agregar todos los idiomas que manejes y el nivel al que estás. Incluir el español.

Linkedin te brinda la opción de tener tu perfil en múltiples idiomas, por lo cual recomiendo realizar todos estos pasos en Inglés para ser alcanzado por reclutadores de habla inglesa.

INGLÉS

En IT suma mucho saber inglés, ya que puede ayudarte a conseguir muy buenas ofertas laborales el día de mañana. Además una gran parte de la información que necesitamos para trabajar en el día a día la podemos encontrar en ese idioma (aunque cada vez hay más documentación y cursos en español).

A modo personal creo que dominar este idioma puede abrirte muchas puertas en tu crecimiento profesional, por lo cual vamos a ver cómo y donde empezar a estudiarlo o practicarlo si ya tenés cierta experiencia.

Hay 5 ramas bien definidas a la hora de aprender
inglés:

• Reading (leer)
• Listening (escuchar)
• Writing (escribir)
• Speaking (hablar)
• Use of English (uso del idioma)

Lo más recomendable, desde mi punto de vista y experiencia, es ir con una profesora particular que te vaya guiando en tu aprendizaje, pero si no tenés los recursos para hacerlo existen múltiples opciones gratuitas:

• Duolingo (app para celular)
• American & British Academy
• Edutin Academy

Otras opciones pagas:

• Open English
• Elsa Speak

Consejos:

• Practicá lo más que puedas. Hay comunidades en Discord como English o en FrontendCafé donde dan clases gratuitas para todos los niveles.
• Aprendete los tiempos verbales.
• Escuchá música en Inglés e intentá entender lo que dice la letra.
• Empezá viendo películas en Inglés y subtituladas en Inglés. Luego cuando te sientas seguro/a sacale los subtítulos.
• Hablá mucho. Por más que recién estés empezando intentá mantener una conversación simple un par de veces a la semana. Poco a poco vas a ir mejorando.
• Cuando creas que tu nivel mejoró, ponete a prueba con el exámen gratuito de 50 minutos en EFSET.

ENTREVISTAS

La entrevista es la fase del proceso de selección donde el entrevistador analiza al postulante para saber si es apto para el puesto.

Desde mi punto de vista esta etapa es la más importante, por lo cual es de suma importancia saber que tipos de entrevistas existen, como se prepara cada una y que debemos tener en cuenta antes de las mismas.

Fase previa

Si tenemos la posibilidad de llegar a estas instancias es importante que te interiorices con la empresa a la cual estás postulando. Conocer de antemano la cultura del lugar, la misión y visión que tienen y todo lo que puedas encontrar para estar preparado en caso de que tengas una pregunta relacionada.

Tipos de entrevistas

A continuación voy a dejar un listado de las que tuve la posiblidad de participar y una breve descripción de las mismas. Es posible que existan otras, por lo cualles recomiendo seguir investigando para tener un panorama mucho más amplio.

Entrevista de comportamiento: En este tipo de entrevista se busca averiguar como te comportaste en diversas situaciones anteriormente. Lo que se busca es que brindes ejemplos de tus experiencias previas para demostrar tus valores y principios. Siempre brindá ejemplos reales y una explicación de como lo llevaste a cabo. Recomendable preparar
varios ejemplos con anticipación para no quedarse en blanco durante la entrevista.

«Contame alguna vez que…»
«Explicame alguna situación donde…»
«Cómo resolviste «x» situación?»

Multiple choice: Si te llega a tocar este tipo de entrevista, probablemente te den varías preguntas técnicas (en mi caso fueron entre 20 y 30) en donde tengas que seleccionar la opción correcta. Si no tenés mucho tiempo para prepararte te recomendaría que veas algun Crash Course (curso sobre lo fundamental) para refrescar ciertos conceptos. Si solamente tenés que revisar un par de temas nada que revisar la documentación o un tutorial no puedan solucionar.

Proyecto con tiempo límite: Acá te van a dar una serie de instrucciones o un problema a resolver en el cual vas a tener cierta cantidad de horas o días para hacerlo. Una vez que lo entregues probablemente debas explicar como lo realizaste.

Assessment grupal: Este tipo de entrevista analiza y evalúa las competencias requeridas para un puesto en particular. Generalmente se realiza con los postulantes más aptos para el mismo y se les otorga un problema a resolver de forma grupal. Demostrá seguridad e interés por el proceso. Comunicá con claridad e interactuá cómodamente con el resto de participantes cuando haya discusiones grupales. Intentá siempre ser colaborativo, exponé tus argumentos y trabajá en equipo, buscando que haya un resultado positivo con todos los participantes. No debés intentar resolver la situación de manera individual ni tampoco intentar manejar el grupo de candidatos para que sigan tus ideas.

Live coding: Este proceso implica que tengas que resolver un problema o realizar cierta actividad técnica durante el tiempo que dura la entrevista. Un libro interesante que puede ayudarte a prepararte para esta entrevista es Cracking the coding interview.

Tips para tener en cuenta

• Puntualidad. Estate listo/a 10 minutos antes.
• Escuchar con atención las preguntas que te hagan.
• Transmití con tus expresiones corporales.
• No hables mal de tus antiguos empleadores.
• Si te piden aspectos negativos tuyos, contestá
  dando un enfoque positivo.

HABILIDADES BLANDAS

En el mundo de la programación tenemos dos tipos de habilidades: las técnicas y las blandas. Ambas cumplen un papel muy importante en nuestra carrera, por lo tanto en esta sección voy a nombrar y explicar las que, a mi parecer, son las más importantes a la hora de crecer como profesional.

• Trabajo en equipo: Es fundamental que aprendas a trabajar con otras personas, ya que va a ser parte de
  tu día a día. Utilizar metodologías ágiles como SCRUM permite la asignación de tareas en pequeñas subdivisiones bajo supervisión para evitar modelos de organización rígidos.
• Comunicación asertiva: Es una forma de comunicación en el que se priorizan los mensajes cortos con gran relevancia, transmitidos de forma respetuosa y sincera. Esto te acerca poco a poco a la toma efectiva de decisiones.
• Resolución de conflictos: Hace referencia a la capacidad analítica y resolutiva para encontrar soluciones rápidas y efectivas de los problemas de desarrollo. Tiene mucho que ver con la actitud, pero también con la planificación y la creatividad.
• Adaptación al cambio: Es una de las habilidades blandas más vitales de la profesión. Los cambios ocurren cuando menos te lo imaginás y trabajar esta habilidad aporta herramientas valiosas para no sentirnos incómodos.

• Gestión del tiempo: Tenemos que desarrollar la habilidad de manejar el tiempo disponible para cada proyecto organizando las tareas, definiendo prioridades, estableciendo plazos y llevando un registro de todo lo anterior.
• Responsabilidad: Determina la confianza que como programador podés demostrarle a tu líder y demás colaboradores. Podemos demostrar responsabilidad con el cumplimiento de las tareas asignadas, la organización y la puntualidad.
• Autogestión: Saber manejar el volúmen de trabajo y gestionar la presión para reducir el estrés son habilidades fundamentales para el desarrollador. Debemos conocernos a nosotros mismos para tener el control de nuestro autoestima.
• Habilidades interpersonales: Lograr que el trabajo sea una experiencia más amena y exitosa. Esto implica aplicar la escucha activa, el respeto, la tolerancia y la empatía.

OPORTUNIDADES LABORALES

Para ir cerrando esta guía (espero que no les haya resultado muy larga) quiero dejarles diferentes opciones para encontrar ofertas de trabajo:

• Linkedin: Red por excelencia para esto. Te recomiendo que sigas la mayor cantidad de recruiters que puedas para estar al tanto de cuando surja una oportunidad laboral acorde a tus habilidades. También podés agregar desarrolladores, ya que
  muchas veces comparten las ofertas de su empresa.
• Plataformas: Meetjobs, Frontend Remote Jobs, Weremoto, Freelancer, Workana, Fiverr, Working Nomads, Getonboard, RemoteOK, Guru, WhoIsHiring, HNHiring
• Canales de Discord: FrontendCafé, Goncy, Reactiflux, Programadores y Estudiantes
• Perfiles de Twitter: AsaditoJS, ValeRecruiter, FlordeRecruiter, LuRecruiter

Ultimas palabras

Esta guía tiene algunas secciones en las cuales me orienté hacia perfiles de frontend, ya que es a lo que me dedico y de lo que pude aprender a lo largo del camino. En esos casos, si les interesa otras áreas pueden tomar lo que comenté como referencia y buscar algo similar.

No espero tener la verdad absoluta con todo lo que escribí, pero me fue de muchísima ayuda cada tip que compartí con ustedes, ya que fuí recopilando toda esta información a lo largo del tiempo para aplicarla y ser cada día un mejor profesional.

El conocimiento debe ser compartido, por lo cual los invito a que me ayuden difundiendo esta guía 100% gratuita para que todos/as puedan lograr el objetivo de conseguir su primera experiencia laboral en IT».

Twitter: @matiasippoliti
Linkedin: Matias Ippoliti