DEV Community: Daiu Szwimer

¿Cómo iniciar en la programación?

Daiu Szwimer — Sat, 16 Oct 2021 13:01:19 +0000

Esta pregunta la escucho muy seguido cuando doy mentorías en FrontendCafé, y nunca sé bien del todo como responderla.
El mundo de la programación es muy grande y hay de todo para todos los gustos. Incluso hay muchos recursos en internet, algunos que son basura y otros que son excelentes, gratuitos y pagos, videos y cursos, blogs y tutoriales, y una mezcla de los anteriores también.
Hoy les voy a compartir una lista de recursos que me parece importante que toda persona que desea aprender programación - de manera gratuita por su cuenta - debe conocer

Introducción al rubro

Antes que nada hay que entender en qué nos estamos metiendo, y qué camino vamos a querer elegir, para esto siempre me gusta recomendar:

Cuál es el mejor camino para aprender programación: charla de nerdearla muy interesante
Roadmap: nos muestra los distintos caminos que podemos tomar para aprender según el rubro

Esto nos va a ayudar a saber dónde estamos parados y hacia dónde queremos ir, es un paso clave.

Recursos

Estos recursos te van a servir independientemente de lo que quieras estudiar siempre y cuando sea programación:

FreeCodeCamp
Un repositorio repleto de links de los temas que se te puedan ocurrir
Cursos edX: tiene cursos gratis muy copados
EggHead
DevHints: un conjunto de "cheatsheets" de temas variados
Te Lo Explico Con Gatitos: explicaciones con gatitos🥰
Los famosos Apuntes de Majo

Recursos de frontend

Si deseás estudiar frontend, te recomiendo los siguientes recursos:

Tutorial de MDN: explica HTML, CSS y JavaScript, acá somos fans de la página de MDN
Frontend Help: un conjunto de recursos de frontend
CSS Grid
Un curso de React muy bueno de KCD (para gente que ya sabe programar)

Comunidades

Otra cosa que me parece muy importante destacar también, es participar de las comunidades de sistemas, siempre insisto mucho con esto. Yo por ejemplo participo de:

Búsquedas laborales

Una vez que te sientas seguro/a de lo que sabés y quieras buscar tu primer trabajo, @asaditojs en Twitter comparte búsquedas para gente con poca o nula experiencia. Si querés leer más sobre el tema de búsqueda laboral, tengo un posteo sobre cómo buscar trabajo

Ideas de proyectos para practicar

Todo muy lindo pero sin la práctica la teoría no nos sirve de nada. Es muy importante ir practicando a medida que uno aprende los conceptos para reforzarlos y saber si los entendimos o no.

Proyectos de Leonidas Esteban: Un montón de proyectos que se pueden filtrar por nivel de dificultad
FrontEnd Mentor: Esta no la probé pero sé que algunos mentees la han usado

Extra

Y por último, para poder crecer y destacar más, esta lectura me parece genial sin importar tu seniority:

Learn In Public

A medida que vaya encontrando más recursos los iré agregando

Eso es todo! Espero que les sirva ;)
Cualquier duda/feedback/etc me pueden encontrar en:
Twitter
LinkedIn
Tik Tok
O Twitch (no muy seguido)

Crypto 101

Daiu Szwimer — Thu, 24 Jun 2021 16:35:36 +0000

Crypto 101

Interrumpimos la programación habitual (Three.js) para hablar un ratito sobre conceptos básicos de crypto

(No te preocupes, voy a seguir subiendo información sobre Three.js!)

La idea de esto es simplemente dar un gran pantallazo a la gente que quiere entrar al mundo de crypto.

¿Me vas a dar consejos financieros?

No, no es mi idea, este posteo no es consejo financiero. Esto es como la lotería, no se sabe qué va a pasar, lo que vos hagas es bajo tu responsabilidad

Voy a terminar siendo un/a experto/a después de leer esto?

¿Acaso sos una experta en crypto?

Tampoco!

¿Podemos dejar de joder con las preguntas e ir a lo que nos interesa?

Bueno, dale

Quiero invertir en Crypto y ser millonario

Oh boy, tengo malas noticias para vos... It doesn't work that way. Voy a dejar en claro unos conceptos:

1- No pongas plata que no estás dispuesto a perder o plata que no tengas. No te endeudes para poder comprar BTC solo porque estás leyendo en el diario que Fulanito recuperó 3 veces lo que invirtió y ahora vive de rentas. Es como ir al casino o jugar a la lotería. No escuches a los que te digan que saben que X moneda va a estar Y precio para Z fecha, porque no hay manera de saberlo, sino serían millonarios

2- Hay varios tipos de crypto monedas: alt coins y stable coins. Las primeras varían constantemente (si no me creen, miren cómo se mueven los últimos dígitos de la cotización del ETH respecto del dólar) y no se sabe cuánto van valer. En cambio, las stable coins son monedas que tienen el valor atado al del dólar, es decir, la relación es de 1-1 (por ejemplo la moneda DAI vale 1 USD siempre)

3- Not your keys, not your coins si vos no tenés acceso a la clave privada, no son tus monedas del todo. JAMÁS de los jamases compartas tu private key con alguien, es como entregarle la billetera a otra persona. La clave privada es como la llave a una billetera digital donde uno tiene sus monedas ahí. Repetí conmigo: no se comparte la clave privada con nadie

4- DYOR: do your own research

5- OJO con las shitcoins!! Y ojo con las que son scam. Acá algunos ejemplos: XRP, DOGE, USDT, etc.

6- Si quieren entender algunos conceptos más técnicos, les dejo algunas palabras claves para que investiguen:

Blockchain
DeFi
Smart Contracts
Clave privada y pública
Market cap. Acá tienen una lista https://coinmarketcap.com/es/
Bear market/Bull market
Fiat currency
P2P (peer to peer)
Crypto Address
Staking

Bitcoin y alt-coins

BTC fue la primer crypto moneda, si quieren leer más sobre la historia podés leer sobre Satoshi Nakamoto en Wikipedia

Por eso se dice que Bitcoin es la madre de todas las crypto monedas. Después están las alt-coins que son ETH, ADA, entre otras. En general, cada moneda tiene como un "proyecto", es por esto que es importante investigar y entender en qué están invirtiendo

De acá no quiero profundizar mucho más, en internet hay muchos recursos. Les recomiendo evitar youtubers con carteles llamativos y cara de sorpresa en los thumbnails. A mí personalmente me gusta mucho el canal de Benjamin Cowen para tener un análisis técnico del mercado y una perspectiva poco sensacionalista

Cómo compro?

Las compras se hacen mediante exchanges por ejemplo Binance o ripio

¿Mis monedas están seguras en un exchange?

Emm... Más o menos

Como les mencioné más arriba en el punto 3, hay una frase muy conocida que es "not your keys, not your coins". Es decir, si no tenés la clave privada, no son 100% tus monedas

¿¿¿Cómo que no son mis monedas??? ¿Voy corriendo a sacar la plata del exchange?

Pará, tranquilo/a. Cuando vos dejás tus monedas en un exchange, lo único que tenés es la "promesa" del exchange de que las monedas son tuyas, nada más. O sea, si el día de mañana hackean la plataforma y roban las claves privadas... fuiste. Esto no es muy común que suceda dado que al tratarse de un exchange, tienen en cuenta todas estas cosas (o deberían) y usan las medidas de seguridad que corresponden (o deberían).
Por ejemplo, hace poco salió la historia de cómo en Turquía el dueño de un exchange desapareció y dejó a muchísima gente sin acceso a sus monedas

Es raro que pase, pero no imposible. Yo duermo mejor de noche sabiendo que tengo casi todas mis monedas en una wallet, por ejemplo, Exodus

Creo que eso es todo por ahora, si van surgiendo más dudas iré agregando más cosas

Esto es solo un pantallazo, el mundo de crypto es muy interesante y divertido siempre y cuando uno sepa lo que está haciendo.
Les recomiendo que investiguen, lean, se informen y hagan las cosas a conciencia

Pueden verme en Twitch o leerme en Twitter
esto

[Three.js] Basics parte I

Daiu Szwimer — Thu, 24 Jun 2021 16:34:44 +0000

Bienvenidos y bienvenidas!

La idea de este blog es ir volcando resúmenes de lo que voy aprendiendo en el curso de Three.js de Bruno Simon para hacerlo un poco más accesible para todos y todas y que puedan aprender sobre animaciones. Mientras tanto, también pueden ver contenido teórico sobre animaciones en el canal de youtube de la materia Técnicas de Gráficos por Computadora de la UTN FRBA donde soy ayudante 😄

Ahora si, vamos a lo que nos incumbe

Introducción

Three.js es una librería de javascript que se encuentra por encima de WebGL y es open source! Pueden ver el código acá

También se puede usar con CSS y SVG pero no es lo que nos interesa por ahora

Acá se pueden ver paginas hechas con Three.js😍:

Bueno pero, que es WebGL exactamente?

Es una API de javascript que renderiza triángulos en un <canvas> de una manera increíblemente veloz, dado que usa la placa de video (la GPU) y hace operaciones en paralelo

La GPU dibuja triángulos, y para hacerlo, necesita saber dónde se encuentran posicionados. Esta información se encuentra en los shaders, que tienen la posición de los vertices y el color de los triángulos.

Manos a la obra!

Lo primero que vamos a hacer es crear una escena bien básica con un cubo rojo en el centro.

Antes que nada, necesitamos descargarnos Three.js en nuestra compu: entran acá https://threejs.org/ y van a donde dice download. Se les va a descargar un zip, lo extraen y el archivo que vamos a usar es el que se llama three.min.js

Necesitamos crear 2 archivos: index.html y script.js. En el primero lo único que hacemos es lo siguiente:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03 - Basic Scene</title>
</head>
<body>
    <canvas class="webgl"></canvas>
    <script src="three.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

Por ahora nada raro, simplemente ponemos en el body el canvas que les mencioné anteriormente y cargamos Three.js y el código javascript.

Ahora en script.js podemos usar el objeto THREE y acceder a los métodos y clases que nos provee la librería.

Si no me creen, escriban en script.js

console.log(THREE);

Y pueden ver en la consola del navegador todo lo que tiene THREE

Para crear una escena necesitamos 4 elementos:

Objetos
Una escena que contiene los objetos
Una cámara
Un renderer

Escena

Una escena es como un container. Ahí es donde vamos a poner todos los objetos que queremos mostrar en el browser, para luego renderizarlo.

Para instanciar una escena, el código es:

const scene = new THREE.Scene();

Objetos

En este ejemplo nuestro objeto va a ser un cubo rojo.

Para crear el cubo necesitamos un mesh. Un Mesh es una combinación de una geometría (figura) y un material (cómo se ve)
Como queremos hacer un cubo rojo, vamos a usar BoxGeometry para la geometría y MeshBasicMaterial para el material.

const geometry = new THREE.BoxGeometry(1, 1, 1);

Y para instanciar el material le pasamos como parámetro un objeto que tiene el color que queremos que tenga el material (se pueden pasar más pero en este caso solo nos interesa el color)

const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });

Como pueden observar, le pasamos 0x seguido del color en hexadecimal. El color se puede setear de muchas maneras: https://threejs.org/docs/?q=mesh#api/en/math/Color

Ahora sí podemos crear nuestro mesh:

const geometry = new THREE.BoxGeometry(1, 1, 1);
const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });
const mesh = new THREE.Mesh(geometry, material);

Y lo agregamos a nuestra escena (muy importante! Si no no se va a ver)

scene.add(mesh);

Cámara

La cámara no es algo que nosotros vemos, sino que es el punto de vista desde donde se ve la escena. Podemos usar varias cámaras pero en general se usa una

Para setear la cámara, instanciamos una clase de PerspectiveCamera a la que le pasamos dos parámetros: el FOV (field of view) que es el ángulo de visión en grados, en este caso vamos a usar 75. El segundo parámetro es el aspect ratio que es lo que el ancho del canvas / el alto.
Recuerden al final agregar la cámara a la escena.

const sizes = {
    width: 800,
    height: 600
};

const camera = new THREE.PerspectiveCamera(75, sizes.width / sizes.height);
scene.add(camera);

Renderer

El renderer se encarga de hacer el render. Vamos a instanciar un WebGLRenderer y le pasaremos como parámetro un objeto que tiene el canvas que pusimos en el HTML más arriba.
También tenemos que setearle el tamaño que va a ser el mismo que usamos para el aspect ratio 😉

const canvas = document.querySelector('canvas.webgl');

const renderer = new THREE.WebGLRenderer({ canvas });
renderer.setSize(sizes.width, sizes.height);

Ahora llegó el momento de renderizar. Para eso, hacemos:

renderer.render(scene, camera);

Si abren index.html, van a notar que solo se ve un cuadrado negro. Esto es porque la cámara está adentro del cubo. Para poder verlo, necesitamos alejar la cámara de este y para eso hacemos:

camera.position.z = 3;

AxesHelper

Algo que nos puede ayudar mucho a saber dónde están los ejes es la clase AxesHelper
Cuando lo agregamos a la escena, vamos a ver en color verde el eje y positivo, en color rojo el x positivo, y en color azul el eje z positivo

const axesHelper = new THREE.AxesHelper(2);
scene.add(axesHelper);

El parámetro que se manda al instanciar esta clase, es el largo de los ejes (si queremos que se vean más grandes o más chicos)

Transformaciones

Los objetos que usamos en las escenas tienen 4 atributos:

position (para moverlo)
scale (para cambiar el tamaño)
rotation (para rotarlo)
quaternion (para rotarlo - luego vamos a profundizar sobre esto)

`position`

Tiene 3 propiedades esenciales, que son x, y y z.

Para mover un objeto:

a la derecha => asignamos un valor > 0 en x
a la izquierda => asignamos un valor < 0 en x
hacia arriba => asignamos un valor > 0 en y
hacia abajo => asignamos un valor < 0 en y
hacia adelante (o sea hacia nosotros) => asignamos un valor > 0 en z
hacia atrás (o sea alejado de nosotros) => asignamos un valor < 0 en z

Tengan en cuenta que tienen que mover al objeto antes de renderizarlo

Por ejemplo:

mesh.position.x = 0.9;
mesh.position.y = -1;
mesh.position.z = 2;

position es una instancia de Vector3, por lo tanto tiene los siguientes métodos heredados:

console.log(mesh.position.length());
console.log(mesh.position.distanceTo(camera.position)); // distancia a otro Vector3
console.log(mesh.position.normalize()); // normaliza un vector, o sea, hace que su módulo (tamaño) sea 1
mesh.position.set(0.9, -1, 2); // setea los atributos x, y, z

`scale`

Al igual que position, scale es una instancia de Vector3. Se usa para setear en cuántas veces querés setear el tamaño del objeto. Por ejemplo, si ponemos 0.5, va a ser la mitad de chico; y si ponemos 2, va a ser el doble de grande.

mesh.scale.x = 2;
mesh.scale.y = 0.25;
mesh.scale.z = 0.5;

PD: ojo! no usen números negativos.

`rotation`

A diferencia de position y scale, rotation no es un Vector3, sino que es un Euler. Según el eje que cambiemos, es sobre el eje que va a rotar el objeto. Por ejemplo, si cambiamos el y, va a rotar como una calesita.

Los valores de x, y y z están expresados en radianes, esto implica que si queremos que rote media vuelta, tenemos que asignarle π. Esto en javascript se logra usando la constante Math.PI

Peeeero tenemos un problemilla: Esta clase de rotaciones nos puede traer problemas dependiendo en qué orden se aplican las rotaciones. Este problema se llama gimbal lock y nos saca un grado de libertad. Si quieren leer más sobre eso pueden leer una explicación matemática. Para ayudarnos con este problema, vienen los quaterniones al rescate!

`quaternion`

Como dijimos antes, los quaterniones se usan para las rotaciones. En esta parte del curso no profundiza sobre quaterniones así que no vamos a ahondar sobre el tema.

Tengan en cuenta que al actualizar el atributo de rotation, se actualizan los valores de quaternion

Combinando transformaciones

Se pueden combinar la posición, la rotación (ya sea de Euler o quaternión) y la escala en cualquier tipo de orden. El resultado será el mismo

Hi, I'm Mr. Meeseeks, look at me!

Todas las instancias de Object3D tienen un método que se llama lookAt() que recibe como argumento un Vector3. Podemos hacer, por ejemplo

camera.lookAt(new THREE.Vector3(0, 1, -1));

Grupos

Muchas veces vamos a querer mover un conjunto de objetos de la misma manera. Por ejemplo, estamos armando un auto, con las ruedas y puertas y queremos que sea más chico. Si quisiéramos achicar el auto, tendriámos que achicar cada parte por separado, o sea, un bajón 😔
Una solución a esto son los Group.

Para usarlo, lo instanciamos y lo agregamos a la escena para luego agregarle los objetos que querramos.

const group = new THREE.Group();
group.scale.y = 2;
group.rotation.y = 0.2;
scene.add(group);

const cube1 = new THREE.Mesh(
    new THREE.BoxGeometry(1, 1, 1),
    new THREE.MeshBasicMaterial({ color: 0xff0000 })
);
cube1.position.x = -1.5;
group.add(cube1);

const cube2 = new THREE.Mesh(
    new THREE.BoxGeometry(1, 1, 1),
    new THREE.MeshBasicMaterial({ color: 0xff0000 })
);
cube2.position.x = 0;
group.add(cube2);

const cube3 = new THREE.Mesh(
    new THREE.BoxGeometry(1, 1, 1),
    new THREE.MeshBasicMaterial({ color: 0xff0000 })
);
cube3.position.x = 1.5;
group.add(cube3);

Tengan en cuenta que group hereda de Object3D, por lo tanto, tiene los atributos y clases que mencioné más arriba.

Animaciones

Cada vez que hacemos renderer.render(...) es como sacarle una "foto" a la escena. Las animaciones no son nada más ni nada menos que muchas fotos consecutivas de la escena, como si fuera un stop-motion.

La pantalla que uno ve corre a determinados FPS (frames per second), que en general suele ser 60FPS.

`requestAnimationFrame`

window.requestAnimationFrame() es un método que recibe como argumento una función que ejecutará en el próximo render. En el 99% de los casos vamos a usar esta función de manera recursiva ya que queremos que nuestra función que anima a los objetos se ejecute todo el tiempo

const loop = () => {
    mesh.rotation.y += 0.01;
    renderer.render(scene, camera);
    window.requestAnimationFrame(loop);
};

loop();

El código de arriba crea una función y la guarda en la variable loop. Adentro de la función se invoca a window.requestAnimationFrame que hace justamente lo que queremos: ejecuta loop en el próximo render. No se olviden de llamar loop por primera vez porque sino no se ejecuta nuestra función y no podremos ver nuestras bellas animaciones.

Pero tenemos un problema:

Si yo corro este código en una computadora con mejor GPU y en otra con peor, vamos a ver las animaciones a distintas velocidades porque tendremos distintos FPS.

La solución? Que la animación (en este caso, la rotación) dependa del tiempo entre cada render.

let time = Date.now();

const loop = () => {
    const currentTime = Date.now();
    const deltaTime = currentTime - time;
    time = currentTime;

    mesh.rotation.y += 0.01 * deltaTime;

    renderer.render(scene, camera);
    window.requestAnimationFrame(loop);
}

loop();

Solución de Three.js

Three.js tiene una clase que se llama Clock que hace por nosotros el código escrito anteriormente mediante la función getElapsedTime(), que nos retorna cuántos segundos pasaron desde que se instanció la clase Clock.

const clock = new THREE.Clock()

const loop = () => {
    const elapsedTime = clock.getElapsedTime();

    mesh.rotation.y = elapsedTime;

    renderer.render(scene, camera);
    window.requestAnimationFrame(loop);
}

loop();

Volviendo a las animaciones

Acá es donde uno se pone creativo: podemos usar, por ejemplo, la función seno que oscila entre el -1 y 1 para hacer que nuestro cubo se mueva en el eje y entre -1 y 1

const clock = new THREE.Clock()

const loop = () => {
    const elapsedTime = clock.getElapsedTime();

    mesh.rotation.y = Math.sin(elapsedTime);

    renderer.render(scene, camera);
    window.requestAnimationFrame(loop);
}

loop();

Y si queremos que el cubo haga la trayectoria de un círculo

const clock = new THREE.Clock()

const loop = () => {
    const elapsedTime = clock.getElapsedTime();

    mesh.rotation.y = Math.sin(elapsedTime);
    mesh.position.x = Math.cos(elapsedTime);

    renderer.render(scene, camera);
    window.requestAnimationFrame(loop);
}

loop();

Ta-da!

Usando GSAP

GSAP es una librería, por lo tanto tenemos que agregarla a nuestro proyecto. Al igual que la mayoría de las librerías, su objetivo es simplificarnos las cosas, con ella es más simple generar animaciones

gsap.to(mesh.position, { duration: 1, delay: 1, x: 2 });

const loop = () => {
    renderer.render(scene, camera);
    window.requestAnimationFrame(loop);
}

loop();

Acá le decimos a gsap que cambie la posición del mesh, que se mueva 2 unidades en el eje x, que tarde un segundo en empezar y que dure un segundo

PD: ojo! A gsap le pasamos la position, no todo el mesh

That's all folks! Si llegaron hasta acá, gracias por leer🥰
A medida que vaya viendo los otros módulos voy a ir subiendo los resúmenes acá.
Mientras tanto, pueden verme en Twitch o leerme en Twitter

Hasta la próxima!!

Búsqueda trabajo remoto😎

Daiu Szwimer — Sun, 17 Jan 2021 04:33:06 +0000

Hay muchísimo posts relacionados a este tema, acá dejo mis consejos basada en mi experiencia personal luego de llevar varios meses haciendo búsquedas y leyendo posts similares a este 🔍

Este post en particular está orientado a búsquedas en el exterior pero hay cosas que aplican a búsquedas en Argentina también

Buscar un trabajo es un trabajo 🥵

Dependiendo de las tecnologías y/o experiencia, hay muchísima demanda, lo cual generalmente es bueno. En mi experiencia personal esto termina siendo bastante estresante y abrumador. Es por esto que hay que saber organizarse, filtrar y no dejarse llevar por la ansiedad (re-fácil, no?🙃)

Dónde buscar

En la mayoría de los Discord/Slack de las comunidades de sistemas, hay un canal específicamente para esto, llamado "jobs". Fun fact: así conseguí mi laburo actual
Si donde querés aplicar no hay ofertas que coincidan con tu perfil podés hacer dos cosas:
1. Seguir a la empresa/CEO/CTO/etc en las redes sociales. A veces publican ofertas ahí y está bueno porque uno/a se suele enterar ni bien lo publican
2. Algunas empresas ofrecen a aplicar a una especie de comodín donde vos mandás tu CV y si en el futuro surge un rol que matchea con vos, te llaman
Otra cosa que hago yo (no sé si es un buen approach o no, simplemente lo hago) es fijarme donde trabaja alguien que admiro/es grosa. Chusmeo la empresa y si me interesa me fijo si están buscando gente.
Páginas web (últimamente no uso LinkedIn porque me da la sensación que hay mucho ruido en la plataforma)
- Women Who Code Jobs
- We Work Remotely
- Remote OK
- Remote
- No CS OK
- JobSpresso
- ~~Flex Jobs~~ Es paga
- Knack (requiere loguearse)
- Dice
- Stack Overflow Jobs
- Diversify Tech: si bien no es exclusivamente de trabajo remoto, la plataforma está buena porque te indica cuántas mujeres, gente de color y/o miembros de la comunidad LGBTQIA+ hay trabajando en la compañía en sistemas
- GitHub Jobs
- Remotive
- Y muchas más (si me acuerdo de otras las agregaré)

Red y green flags 🟥 🟩

Personalmente cuando busco laburo (siempre y cuando tenga laburo o pueda llegar a fin de mes) soy bastante exquisita. Hay un par de cosas básicas que siempre busco:

Cosas que sí: Esto es muy importante a tener en cuenta porque es algo que damos por hecho: los feriados argentinos! Claramente si trabajamos para EEUU y faltamos el 25 de mayo, no van a entender nada. Entonces, cómo hacemos para disfrutar de los feriados?
- Muchos lugares ofrecen flexible/unlimited PTO (paid time off). Avisás con tiempo que ese día te lo tomás y problema resuelto
- Lo bueno de trabajar remoto es que rara vez ofrecen beneficios que no son beneficios (por ejemplo fruta en la oficina, aunque hoy leí una empresa que ofrecía como beneficio un emoji custom de Slack con tu cara -entre otros-)
- Ese es el único beneficio que necesito sí o sí, más que nada para poder pedirme día de estudio y estar tranquila cuando rindo. Hay millones de beneficios y varían mucho según la empresa, algunos son: viajes con la empresa para que el equipo se conozca, un bono la primera vez que te tomás vacaciones, $$ para armarte tu setup en tu casa, acciones de la empresa, horas laborables por semana que podés invertir en OSS/proyectos personales, cursos pagos y muchísimo más! Hay beneficios que realmente están buenos
Cosas que no: Trabajar bajo presión y/o los fines de semanas, mal balance vida/trabajo, herramientas para trackearte 24/7, etc. Cuando hay una red flag hay una vocecita dentro nuestro que nos dice: Salí de ahí maravilla!

Portfolio

Acá es donde te podés destacar. En el CV no hay mucho lugar para la creatividad porque corrés el riesgo de que sea difícil de leer o que herramientas de AI lo descarten.

He visto portfolios muuuy copados como este que si bien se ven muy lindos, mi opinión personal es que terminan distrayendo a la persona que los ve y se desvía el foco de atención: vos y tus habilidades.

En mi caso particular, intento que la información esté visible sin la necesidad de hacer ningún click y lo mismo con la información de contacto.

(Lo que tiene ese portfolio en particular es que lo vi hace años y aún lo recuerdo, así que algo bien hizo ese dev 🥰)

Cover Letter

Lo suelen pedir muchas empresas, algunas inclusive como obligatorio. Es como una carta de presentación de vos a la empresa, suele incluir cosas como:

Por qué te interesa el puesto
Qué podés aportar a la compañía
Por qué sos el/la candidato/a ideal para ellos

Lo que yo suelo hacer es tener un template a mano donde voy cambiando el nombre de la empresa, a menos que esté aplicando a mi ✨dream job✨, en ese caso me puedo esmerar un poco más. El motivo por el cual hago esto es porque cuando estoy en búsqueda activa, mando unos 10 CVs por día (no lo recomiendo, es agotador) y no tengo el tiempo ~~ni las ganas~~ para dedicarme a hacer eso

Saber qué querés

Cosas a tener en cuenta a la hora de elegir una empresa (más allá de si hablamos de remoto o no):

Software Factory vs Empresa de Producto
Funding, pueden buscar a la empresa en CrunchBase - Para guiarme un poco en este tema leí este posteo
Rubro (herramientas para devs, e-commerce, fintech, educación, etc)
Tecnologías que me gustaría usar, procesos de desarrollo con los que me siento cómodo/a
Que no me gusta (nos va a servir para filtrar)

Organizate

Me pasó muchas veces de aplicar a unos 30 puestos y después ni saber a dónde apliqué ni qué pedían. Veía una oferta y tenía que buscar el mail de agradecimiento para saber si ya había enviado o no mi CV.
Hace poco descubrí esta herramienta que es lo mejor que encontré hasta el momento.
Tiene una extensión de chrome y cuando entrás a una JD (job description) te ofrece guardarla automáticamente. Cada JD que guardás tiene un estado (como si fuera un ticket, algo del estilo To-do/In progress/Done pero traducido al mundo de ofertas laborales)

Timezones

Ojo con esto! Muchas veces nos suelen pedir trabajar en cierto rango horario, que no nos tome de sorpresa. En algunas JD incluso piden como requisito encontrarse en cierto timezone

Conocé la empresa

Herramientas como Glassdoor nos ayudan mucho a conocer la empresa, sueldos y procesos desde el punto de vista del/la empleado.
(Tip: registrate con una cuenta y no verifiques el mail porque si lo hacés te obligan a subir una review con un mensaje muy molesto e invasivo (¿por qué hacen esto?). Una vez que lo hiciste, donde dice "seguir leyendo", inspeccionás el elemento y pum, leés desde la consola del navegador. Te podés registrar con cualquier@tipo-de-mail.com)
Para las empresas argentinas, una muy buena opción es buscarlas en openqube.
Ojo que hay muchas reviews falsas en ambos lugares!

Otra opción recomendada (que aún no he probado) es contactarse con gente que trabaja en esa empresa (fácil de hacer con LinkedIn) y preguntarle, por ejemplo, si está contento/a con la decisión de trabajar ahí.

Tengan en cuenta que también hay que conocer los objetivos y productos de la empresa. ¿Por qué? Primero para saber dónde te estás metiendo, segundo, para poder hacer las preguntas correctas en las entrevistas (uno/a suele quedar bien parado/a)

Entrevistas

Muchos lugares en la JD informan cómo es el proceso de entrevistas o bien te lo comentan en la primer entrevista. En general suele ser algo así

Entrevista para conocerse/introducción:
La empresa te comenta sobre sus objetivos y el rol. El/La entrevistador/a te hace preguntas sobre tu experiencia, expectativas, etc. Este momento me parece un buen espacio para despejar dudas de la empresa o el rol si es que tenés; también podés preguntar sobre la remuneración - si es que no estaba en la JD - de esta manera si el sueldo no es el que esperabas, no le hacés perder tiempo a la empresa y, más importante, vos no perdés tiempo (a menos que estés en el proceso para practicar y no porque te interesa el puesto/cambiar de laburo)
Entrevista/s técnicas: esta es la parte donde generalmente peor la pasamos 🤯. Hay distintos tipos: whiteboard, take home challenge, pair programming, code review, preguntas técnicas/teóricas, etc. No hay una receta mágica sobre cuál es el mejor approach. En serio, la mayoría de las empresas no saben cómo hacer para decidir si una persona es apta para un rol o no (hay mucho contenido en relación a esto)

Si tienen el tiempo y las ganas, además de practicar con los distintos recursos que hay online, pueden aplicar a empresas que no les interesan y pasar por la entrevista técnica. Esto está bueno porque, generalmente, al no interesarnos pasar, rendimos mejor porque no nos ponemos nerviosos/as y después estamos mejor parados cuando nos toca pasar por esa situación en la entrevista donde sí nos interesa aprobar
Y si todo va bien... oferta 💰: otro tema polémico, la plata. Al final del día por más que amemos programar, no hacemos esto por amor al arte (o sí), entonces negociar es la clave. Muchas personas en la comunidad de MeetupJS recomiendan este libro que aún tengo pendiente para leer
- Les recomiendo fuertemente investigar el mercado a la hora de pedir $. Algunas empresas tienen los datos públicos, otras pagan según la locación y otras no, etc
- Tener en cuenta que en muuuchos lugares cuando te informan la compensación, te pasan el valor anual (no te van a pagar 20k USD el mes xD) (bah, ojalá)

Thank you for applying! Unfortunately...

News just in gente, a todos alguna vez nos rechazaron. Es algo que pasa, pasó y seguirá pasando, así que tenemos que amigarnos con los mails que nos informan que decidieron no continuar con el proceso

No lo tomes personal
No te define como profesional ni como persona
A veces es cuestión de suerte (o metieron al hijo del CEO en ese puesto que tanto querías (? )
Simplemente significa que en ese momento, para ese puesto, avanzaron con otra persona. No significa que en el futuro no puedas volver a aplicar o, quién dice, quizás trabajar ahí

Otros tips

Esto es algo que hago SIEMPRE: responder amablemente a recruiters // Detect dark theme var iframe = document.getElementById('tweet-1348969006036885504-334'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1348969006036885504&theme=dark" } No solo hay que hacerlo porque el día de mañana podemos cruzarnos con ese mismo recruiter o estar del otro lado, sino porque son personas. Al final del día, todos somos seres humanos con sentimientos tratando de hacer lo mejor que podemos, seamos más tolerantes ❤️
No poner foto en el CV // Detect dark theme var iframe = document.getElementById('tweet-1350203464194936833-183'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1350203464194936833&theme=dark" }
Leer bien la job description antes de aplicar: algunos lugares piden cosas específicas en el cover letter o CV (me ha pasado de aplicar y luego darme cuenta que tenía que aclarar X cosa😣)
El networking es clave! En general se le suele dar mucha bola a los referidos. Hacen networking => conocen gente => conocen a alguien que trabaja donde quieren aplicar => te refiere. No se sientan "mal" por pedir que los refieran, en el 99% de las compañías hay un bono por referido, es un win-win.
Aplicá a pesar de no cumplir al 100% con los requerimientos. En varias JD incentivan a que hagas esto, además, el "no" ya lo tenés
Ser parte de comunidades ayuda mucho! Mucha data de acá la tengo porque participo de ellas
Amoldá tu CV a la JD: a veces hay roles muy específicos que, por ejemplo, ponen que es un bonus si tenés experiencia trabajando con video players. Cuando es así (o sea, la JD pide cosas que sabés pero no aclarás en el CV porque en gral no tienen mucho sentido) está bueno agregar esa información para "demostrar" que cumplís con el perfil y suma mucho. Recordá que estás "vendiendo" tu tiempo! Hay que saber venderse 😉

Eso es todo amigos! Sé que es mucha información así que tranqui, no se abrumen y vayan absorviendo de a poco. Somos parte de un rubro muy divertido y competitivo, eso tiene sus cosas buenas y sus cosas malas.
Recuerden que todo lo que escribí es mi opinión personal, les puede servir como no.

Éxitos en las búsquedas! Cualquier duda/feedback/etc me pueden encontrar en:
Twitter
LinkedIn
Tik Tok subiendo videos enseñando Javascript
O Twitch (no muy seguido)

Fuentes (recomiendo leerlas cuando puedan):
Getting a Gig
Cómo entrevistarse para un trabajo
Tips para elegir en qué startups trabajar desde Arg
Job Hunting Advice For Developers
How To Get Your Resume Noticed And Out Of The Trash Bin
Established Remote Companies
Más lugares donde buscar trabajo
A Hackers Guide To Job Hunting
Reverse Interview