Una de mis entrevistas d trabajo favoritas para frontend consistió en que me daban un organigrama de una empresa, representado por un árbol

Donde veías a los managers, y a la gente bajo su cargo

Te daban un mock de la UI y la pregunta era: cuantas personas hay por organización? Era un ejercicio para resolver en casa

Se me hizo un gran ejercicio para poner a prueba los conocimientos de front end y de algoritmia!

Pq veías a los C-levels (CEO, CFO, etc) y de ahí, managers de managers de managers... hasta llegar al último nivel

Era un organigrama gigante

Hablando de feature flags en software engineering

Una ventaja de usarlos no es solo para validar experimentos.

También ayudan muchísimo a poder lanzar código más rápido al branch principal, condicionando todo el nuevo código detrás de estas banderas En lugar de crear un branch gigante en torno al nuevo feature, puedes agregar todos tus cambios incluso en prod, minimizando el riesgo de romper el build principal porque tus cambios no se activan si la bandera no está habilitada

Hay algunos productos entre los que salto de vez en cuando. Y me gusta ese balance para no amarrarme a un ecosistema

Aunque hay casos en los que todavía no encuentro algo a la par!

Mis gadgets favoritos son...

[1/x] Celular: Pixel 7 Pro. Aunque tengo un iPhone guardado just in case!

Tablet: salto entre el iPad Pro y la Tab S8+. Del iPad me encanta Good Notes y ProCreate. De la S8+ me gusta la flexibilidad del multitasking

Laptop: Macbook 14 Pro. Aún no encuentro una buena alternativa

Esta semana me sentía super estresado porque tengo muchas tareas de la misma prioridad este Q1, y todas requieren mucha colaboración entre teams

Hoy me lancé a hablar con mi manager pq *salud mental*. Y se resuelve con una pregunta: de todo esto, que tiene más prioridad?

[1/x] Se me hizo bonito que mi manager me agradeció por preguntarle por las prioridades en lugar de asumir ❤️

Y una vez que me dijo que realmente urgía este Q1, el estrés se me fue de inmediato

Y eso es algo que te quiero compartir hoy

Me causa ruido cuando uno de los tips que se comparten para crecer en seniority es *NO PREGUNTAR*

En mi camino como Googler, he tenido 3 mentores. Y con cada uno, uno de los consejos que más se repite es: tener el soft skill de preguntar

Que significa esto?

🧵 Preguntar es un soft skill que implica salir de la zona de confort y estructurar tus ideas

También, cuando incluyes el costo por hora de un dev, preguntar ahorra dinero

Qué es mejor: investigar por tu cuenta algo por horas, o ir directo con alguien experto en ese feature? 💸

Me hubiera encantado cuando inicié mi carrera en tech haber sabido la importancia de los design docs

Cuando empecé solo pensaba: código código código

Conforme avancé entendí que el código es solo el resultado de entender un problema: costos, métrica, impacto

1/🧵 También me hubiera encantado saber el gran poder del descanso y la relajación

Al inicio me dejé llevar por muchas ideas del tipo: aprende el último framework, estudia muchos lenguajes de programación, etc

En mi tiempo libre me la pasaba estudiando! :S

Ayer platiqué un rato con mi mentor acerca del significado ser senior y lo que implica llegar a ese punto

Ser senior tiene un significado diferente entre empresas

Pero quiero compartirles lo que aprendí en esa charla: que significa ser senior en Google

1/x 🧵 Generalmente escuchamxs que ser senior significa saber mucho de algo: dominar un lenguaje, por ejemplo

Pero conforme subes de nivel, el desarrollo que más se espera son los soft skills

Hablando de documentación y software engineering...

Sabían que el equipo de @FlutterDev tiene design docs públicos?

Y tienen muchísimos ejemplos, para tomar inspiración!

Por ejemplo, aquí está uno acerca de scroll infinito!

docs.google.com/document/d/1TV… A veces imaginamos los design docs como textos larguísimos con demasiados detalles!

Pero realmente es un espacio donde aterrizar ideas y aclarar dudas, para poder saltar a la programación muchísimo más rápido

Incluso tiene muchos fragmentos de código en el documento!

Hablando de que hay muchos recursos gratuitos y super completos para aprender tecnologías como #javascript, #golang y más...

Aquí un thread 🧵 express con los cursos gratis que conozco :) web.dev, de Google, tiene cursos de responsive design, #PWA, #CSS, performance en la web, y más

🥳

Algo que encuentro en común de lxs mentorxs que admiro mucho es su capacidad de escuchar y empatizar

No buscan reflejar sus historias sobre tu camino, sino que saben identificar que funcionó en su vida bajo cierto contexto, y ofrecen el consejo para que lo acomodes en tu vida Sobretodo, no persiguen, sino que dejan la oportunidad de crecimiento en ti.

Y eso me encanta, porque te hace hace responsable de tus acciones, los pasos que quieres dar y el camino que quieres tomar

Cada plática siento que la aprovecho muchísimo por ese detalle

Cuales son sus mascotas de lenguajes / frameworks favoritas?

Ahorita estaba pensando en... Mi favorita: Dash, del lenguaje @dart_lang

Cuando se trata de empezar tu carrera en tech, es común buscar algún roadmap o curso

Esto lleva a la saturación de mensajes tipo: estudia esto, aquello es mejor, x es el futuro

Ignora todo eso

Si quitamos las etiquetas estilo front end, backend, mobile, la pregunta cambia

🧵 Que te da curiosidad?

Te gustaría hacer apps? Ver cómo funciona un sitio web? Tal vez como la info viaja de un sistema a otro? O como Spotify recomienda canciones que te podrían gustar?

La curiosidad es el motor que te lleva del punto A al punto B

Acerca d como el síndrome del impostor nos impide ser creativos: tengo una historia q me encanta por lo simple q es

Cuando estaba aprendiendo a programar para Android (hace como 9 años ya!) quise hacer algo q me divirtiera y motivara a aprender

El final les va a encantar 😂

🧵 Me llamó mucho la atención poder usar la cámara, y quise hacer una app en torno a eso

Que podía crear que usara la cámara?

Y me llegó la idea: que tal un *rastreador* de Ki estilo Dragon Ball Z?

Me dio risa la idea, y comencé a programar y aprender

Ahora si, hora de un #thread 🧵!

Hace poco recordé una pregunta que me hicieron en una entrevista especializada a Front End / #Javascript

Busca explorar nuestros conocimientos del DOM.

Me ha tocado escuchar de otros amigxs que les han preguntado lo mismo en otros lenguajes :) La pregunta va así: tienes dos árboles, cuya estructura es espejo.

Esto quiere decir que, aunque su contenido sea diferente, tienen la misma cantidad de elementos, y en el mismo orden/flujo

@yuliannydev compartió un reto de #CSS q se me hizo entretenido.

Soy fan de las animaciones porque si no se hacen d forma adecuada, en low-end devices pierdes recursos inmediatamente

El truco principal es usar transform para usar la GPU en lugar del procesador, pero hay más! 🧵 Checklist de esta animación:

- Usar transform para animar, Y
- NO animar el box-shadow. box-shadow es una propiedad que al animarse, causa que se recalcule el layout, lo que es costoso para el browser

Cuál es el truco aquí?

En el thread / capítulo de hoy, vamos a platicar del proceso con el que pintan los elementos en la web, y como lograr el alto desempeño en animaciones a 60 FPS 🔥

🧵

[1/x]

#CSS #Javascript Empecemossss!

Rendering performance / Rendimiento al hacer render

Hora de un ⚡️#thread! Vamos a trabajar un poco más los ejercicios que preguntan en la entrevista enfocada a algoritmos en que preguntan en #FAANG

Este es mi favorito -> Number of islands.

Es un ejercicio de nivel medio.

leetcode.com/problems/numbe… En este ejercicio vamos a ver un algoritmos llamado DFS. Voy a tratar de explicarlo lo más sencillo posible. Pero lee este thread tantas veces lo necesites, y pregúntame las dudas que tengas.

Lo importante es que DFS te haga click 🧑🏽‍💻

A veces los mejores tips para crecer en nuestra carrera son obvios, pero están bloqueados por el famoso "sindrome del impostor"

Algo que me daba mucha pena antes era hacer preguntas en el trabajo por el miedo a que pensaran que no sabía lo que hacía.

[1/x] Cuando llegué a US, el hecho de tener que dominar un nuevo idioma y un codebase a la vez me obligaron a quitarme ese miedo y a preguntar toda duda que llegara a mi cabeza.

Prefería sentirme tranquilo a sentir la angustia!

Ese tip de vida me lo llevé a Google.

Hora de un ⚡️#thread #Javascript

Una estructura de datos que enterramos saliendo de la escuela porque en lenguajes de alto nivel no es muy usada. Pero muchas de las estructuras que usamos la usan por dentro, y por ende es pilar de la programación.

Hablemos de Linked Lists! Hace poco escuche una analogía que me gustó mucho para explicar linked lists.

Imaginemos que hiciste una mudanza. Clasificaste las cosas en cajas, y cada una de ellas tiene un post-it que indica donde está la siguiente caja.

Hora de un ⚡️ #thread! Hoy vamos a tocar un ejercicio de algoritmia bastante famoso en la entrevista de algoritmos y estructuras de datos!

Es un ejercicio para preparación en entrevistas #FAANG.

Este es nivel fácill, así que manos a la obra! #Javascript

leetcode.com/problems/valid… Para este ejercicio, vamos a usar una estructura de datos que me gusta bastante, llamada Stack.

Si necesitas refrescar tu memoria, este video de 6 segundos nos dice lo básico de stacks!

https://twitter.com/charliesbot/status/1366989054433062912?s=20

Listos para un #thread⚡️ para preparación de entrevistas?

Toca una herramienta que preguntan en entrevista de #algoritmos en #SiliconValley / #FAANG.

Hoy vamos a hablar de binary search (búsqueda binaria) con #Javascript!

[1/x] Binary Search nos ayuda a encontrar elementos en una lista de una forma super optimizada.

Imaginemos que tenemos esta lista, y tenemos que encontrar el número "36"

Qué formas se te ocurren para encontrarlo?