Forem: Matias Verdier

Cómo ganar experiencia como developer sin tener trabajo

Matias Verdier — Mon, 01 Feb 2021 00:24:35 +0000

Cover photo by Tudor Baciu

¿Hace un tiempo estas aprendiendo a programar y quieres conseguir tu primer trabajo? ¿Completas tutoriales o lees artículos pero no sientes que tienes la experiencia necesaria para que te tengan en cuenta en un trabajo? ¿Buscas como destacar, demostrar lo que sabes o simplemente mejorar cómo desarrollador/a? Si respondiste que SI a alguna de estas preguntas y quieres saber como tener mas oportunidades en el rubro del desarrollo te invito a que sigas leyendo.

¿Cómo obtengo experiencia si aún no tengo un trabajo donde pueda generar esa experiencia?

Respuesta corta: Clonar aplicaciones existentes.

Como me parece sumamente importante, sobre todo para personas que recién comienzan y buscan su primer trabajo, voy a pasar rápidamente a comentarles varios puntos acerca de por que creo que clonar o replicar aplicaciones es una de las mejores (quizás la mejor) maneras de ganar experiencia.

1) No requiere creatividad

Photo by AbsolutVision

No tienes que preocuparte por pensar que quieres implementar ni que se te ocurran ideas o diseños geniales para tu app. Simplemente puedes elegir una aplicación que te guste y que creas que puede tener funcionalidades interesantes para aprender COMO se hacen.

No pierdas tiempo buscando ideas para proyectos, clona las paginas y aplicaciones que usas regularmente. (Ej: Twitter, Youtube, Trello, etc).

El siguiente Párrafo fue agregado gracias al comentario de Jorge Eψ=Ĥψ

Esto no quiere decir que tengas que crear exactamente ese tipo de aplicaciones si sientes que aun no tienes los conocimientos necesarios, dependiendo del nivel de los mismos debes buscar aplicaciones o sitios mas sencillos para evitar la frustración que puede surgir al no saber por donde empezar. También puedes implementar partes concretas de aplicaciones grandes que puedan parecer fuera de tu alcance por el momento.

2) Te enfocas en aprender

Photo by Element5 Digital

Dado que no tienes que pensar que hacer (por lo que vimos en el punto anterior), te puedes enfocar en el COMO y realmente aprender a construir una aplicación y cada una de sus funcionalidades.

Ademas el proceso de aprendizaje va a estar guiado por la necesidad de resolver un problema concreto, que en mi opinion, es cuando mejor aprendemos y es lo que vas a tener que hacer en un futuro trabajo, nadie te va a decir como solucionar un problema, el cliente va decirte que es lo que quiere lograr y tu, junto a ru equipo, deberán encontrar una solución.

El hecho de clonar una app o sitio también evita que quieras abarcar muchas cosas al mismo tiempo, sobre todo me refiero a lo que muchos de nosotros hemos hecho cuando empezamos, y es la idea de querer crear una app y generar ingresos a partir de la misma. Esto no es un error en sí mismo, de hecho creo que todos deberíamos intentarlo alguna vez, pero hacerlo cuando estas aprendiendo solamente agrega mas cosas que aprender y posibles fuentes de frustración cuando las cosas no salen como esperamos.

Cuando estas aprendiendo no quieres agregar mas complejidad al proceso, no quieres tener que preocuparte por resolver una problema real de una forma novedosa, de tener que planificar, diseñar y validar una solución propia que agregue valor a los usuarios. Todo eso podría considerarse un campo entero del conocimiento y como tal, requiere que te enfoques en ello exclusivamente para aprender de forma eficiente.

En el futuro, cuando quieras crear algo de ese estilo, mi recomendación es que uses un stack que ya domines, las razones de esta recomendación son prácticamente las mismas que antes, pero en este caso en lo que quieres enfocarte es en generar algo de valor que otras personas estén dispuesto a pagar, por lo que no es bueno estar al mismo tiempo aprendiendo e incluso batallando contra la tecnología, debes enfocarte en las cosas apropiadas dependiendo del objetivo.

3) El camino hacia la meta es claro

Photo by Ante Hamersmit

Si estas clonando una app que ya existe ya sabes como luce el producto final, no lo tienes que imaginar, el objetivo esta claro, ya sabe cómo se supone que debe funcionar la aplicación porque ya existe y seguramente la has usado.
Esto tiene ademas como ventaja que seguramente otras personas también hayan seguido este camino y hayan generado tutoriales u otro tipo de contenido al respecto, y el cual puedes aprovechar y usar como guía cuando sientas que no avanzas.

4) Puedes aportar tu toque personal

Photo by Dragos Gontariu

Seguramente durante el proceso de creación, hayas ido identificando cosas te gustaría cambiar, cosas que sientes que deberían ser de otra manera, esta es la verdadera oportunidad de que la creatividad surja naturalmente. Aunque no lo creas la creatividad se puede adquirir y mejorar, la practica y exposición a diferentes cosas es la manera de hacerlo.

Teniendo esto en cuenta, una vez que alcanzamos la meta y tienes una aplicación funcional y sientes que aprendiste los conceptos necesarios, puedes dar rienda suelta a la creatividad, este si es un buen momento para innovar, hasta puede que te des cuenta que hay una necesidad real que tu puedes resolver, solo que esta vez ya contaras con la experiencia y la practica necesarias y no estarás cometiendo el error mencionado en el punto #2

Estas mejoras pueden incluir cosas orientadas a la experiencia del usuario como:

Tema (colores, fuentes, tamaños, etc)
Layouts, como se organiza el contenido en la página.
Interacciones, animaciones, etc.
Que se pueda editar un tweet 😜

O también puedes ir más allá y enfocarte en la parte del backend pudiendo cambiar que base de datos que se utiliza en la app, con que servicios se comunica la API, y un largo etc.

5) Experiencia real

Photo by Scott Graham

Como puedes ver, este tipo de enfoque nos permitirá ganar experiencia replicando aplicaciones que resuelven problemas reales, y mas importante, cuanto mas veces sigas este proceso mas fácil va a ser identificar patrones que se comparten entre ellas, explorar diferentes soluciones a un mismo problema y entender los trade-offs de cada una y por que esas soluciones fueron elegidas frente a otras posibles.

También podrás identificar mas claramente cuales son las buenas practicas y el por qué. De poco sirve adoptar alguna metodología o forma de hacer las cosas si no entiendes de dónde surge, cuál era la necesidad que se intento subsanar y cuál es la motivación detrás de esas recomendaciones. Si bien puedes leer sobre esas cosas nada te va a dar mas claridad que enfrentarte a un código que crece en complejidad, que se vuelve difícil de adaptar y mejorar, en ese momento la necesidad hace su trabajo nuevamente y te motiva a buscar la solución en el momento oportuno y no antes.

Conclusion

Podría explayarme largamente sobre cada punto mencionado pero creo que lo más importante es que te lleves lo esencial de cada uno. Para resumir, mi recomendación es la siguiente, replica cuantas aplicaciones puedas, busca aplicaciones de distintos tipos que resuelvan una variedad de problemas para que vayas incorporando las cosas que se comparten entre ellas y notes las diferencias.

No intentes ser creativo cuando no es el momento, te aseguro que tendrás oportunidad de crear algo único en su debido tiempo. No te abrumes con todas las cosas que hay para aprender, ponte metas claras y desafíos que puedas alcanzar.

Usa estas aplicaciones para poner en practica tus conocimientos, para demostrarte a ti mismo/a lo que puedes lograr y que el hecho de no haber trabajado nunca de manera formal no sea un impedimento para avanzar en tu carrera.

Espero que este post te haya sido de utilidad, que puedas aplicar estos consejos y que te ayuden a mejorar. Si tienes dudas, comentarios o quieres saber mas puedes dejar un comentario o contactarme en twitter

Gracias!

Repos interesantes de la semana #2

Matias Verdier — Sun, 17 Jan 2021 22:08:55 +0000

Semana 11 enero 2021

Continuamos con esta serie de posts donde comparto algunos repositorios interesantes que voy encontrando semana a semana.

Naming cheatsheet

Creo que todos hemos sufrido un poco a la hora de nombrar variables y funciones en nuestro código, por ese motivo creo que este recopilado de consejos sin dudas nos sera muy útil. También lograremos una mejor legibilidad y que nuestro código sea mas mantenible a largo plazo.

Repo: kettanaito / naming-cheatsheet

Electron Fiddle

La manera más rápida de comenzar con Electron.
Electron es una herramienta que nos permite crear aplicaciones multi-plataforma usando tecnologías web.

Electron Fiddle es como el CodePen para Electron, permitiéndonos crear prototipos y experimentar con las capacidades de la plataforma de manera rápida sin hacer ningún setup.

Al abrirlo tendremos precargado el código necesario para ejecutar un "Hola, Mundo" y comenzar a experimentar.

Podrás cambiar fácilmente la version de Electron, exportar tus experimentos como GitHub Gists y compartirlos para que otros los usen simplemente ingresando la url del mismo.

Repo: electron / fiddle

ExplainShell

En explainshell.com podrás obtener una explicación detallada de los argumentos de tus comandos en la terminal de una manera bastante atractiva y fácil de entender, sin dudas un recurso interesante para el día a día.

Repo: idank / explainshell

Starship

Ya que estamos hablando de la terminal, por que no tener un prompt lindo como el que se ve en el ejemplo de arriba?

Eso es que nos permite Starship, una herramienta desarrollada en Rust para personalizar completamente nuestro prompt que funciona para todos los sistemas operativos y para cualquier terminal.

Así se ve mi terminal por ahora cuando estoy dentro de un proyecto con Node.

Repo: starship / starship

Visx

Por ultimo les traigo Visx, una librería de visualizaciones para React basada en D3.js y creada por airbnb.

Visx nos permitirá crear gráficas y otras visualizaciones de datos usando primitivas de bajo nivel y las ventajas de React sin tener que adaptarnos a las restricciones y opiniones de otras librerías de este estilo, si no que nosotros podremos generar la nuestra adaptada a las necesidades especificas del proyecto en el que estemos trabajando.

Otra de las ventajas es que puedes mantener un tamaño de bundle pequeño ya que solo incluyes los componentes que necesitas utilizar y no mas.

Por supuesto cuenta con el sello de calidad de airbnb, esto sin duda es un plus y un respaldo a la hora de elegir este tipo de herramientas.

Repo: airbnb / visx

Gracias por leer y hasta el próximo!

Repos interesantes de la semana #1

Matias Verdier — Tue, 12 Jan 2021 23:19:17 +0000

Semana 4 enero 2021

Hola! Hoy les traigo una lista de 5 repositorios interesantes que descubrí la semana pasada (algunos ya los sabia de antes 😅). Sin más vueltas paso a comentarles un poco de cada uno, espero que les sea de utilidad.

Snapdrop

Snapdrop es una version open source de la aplicación AirDrop en MacOS. Esta aplicación sirve para compartir archivos estando en la misma red WIFI de forma fácil y rápida.

Es una aplicación simple programada básicamente con HTML, CSS y JS sin ningún framework. Para poder compartir los archivos utiliza la tecnología WebRTC que nos permite establecer conexiones P2P entre dispositivos.

También cuenta con un backend en Nodejs que se usa solamente para manejar la interacción inicial necesaria para establecer la conexión mediante WebRTC, esto quiere decir que los archivos nunca pasan por el servidor, si no solo entre los dispositivos conectados.

Otro detalle interesante es que se puede agregar a la homescreen de tu celular como una app mas, esto gracias a ser implementada como una Progressive Web App.

Repositorio: RobinLinus / snapdrop

Mozilla Hubs

Hubs es una aplicación que nos permite crear entornos virtuales 3D online para reunirnos con otras personas y charlar en un ambiente un poco mas ameno que una simple video llamada, algo que sin duda ayuda en estos tiempos de pandemia que corren.

Si bien puedes usar dispositivos de realidad virtual (VR) estos no son necesarios.

Puedes elegir tu avatar de una larga lista de opciones e incluso puedes crear tus propios avatars y subirlos a la plataforma, asi que si tienes un poco de conocimiento de Blender u otras herramientas de modelado 3D es una buena oportunidad.

Ademas de esto puedes compartir tu pantalla e interactuar con el entorno, por ejemplo dibujando en un pizarrón.

También tienes la posibilidad de agregar diversos objetos a tu entorno o crearlos de la misma manera que con los avatars. El entorno completo o escena también puede ser cambiado o creado completamente desde cero.

Por ultimo y no menos importantes quiero destacar la gran documentación de alta calidad que tiene, ya sea para usuarios, creadores, o desarrolladores.

Repositorio: mozilla / hubs

Patch Package

Ahora vamos con algo diferente, en este caso es un paquete de npm que nos permite arreglar errores en librerías de terceros sin la necesidad de hacer fork del repositorio original o esperar que los desarrolladores lo arreglen, esto se vuelve necesario muchas veces cuando nuestro sistema depende de que ese arreglo sea incluido.

Esto no es una solución a largo plazo por supuesto, pero es una alternativa simple y muchas veces mas fácil de mantener que crear un fork de la librería en cuestión ya que puedes modificar los archivos originales directamente en la carpeta node_modules y la librería se encarga de mantener estos cambios en subsiguientes installs y ademas crea archivos patch con los cambios realizados para que los puedas versionar con git.

Repositorio: ds-300 / patch-package

Twind

Twind es una librería de CSS-in-JS que usa Tailwindcss por debajo manteniendo sus ventajas pero ademas agregando otras funcionalidades interesantes como la agrupación de clases por prefijo, combinación condicional de clases y mas.

Agrupación de clases
Esto hace que los nombres de las clases sean más cortos evitando la repetición de ciertos prefijos que comparten.

// Before directive grouping
tw`border-2 border-black border-opacity-50 border-dashed`

// After directive grouping
tw`border(2 black opacity-50 dashed)`

// With variants
tw`sm:(border(2 black opacity-50 hover:dashed))`
// => sm:border-2 sm:border-black sm:border-opacity-50 sm:hover:border-dashed

tw`w(1/2 sm:1/3 lg:1/6) p-2`
// => w-1/2 sm:w-1/3 lg:w-1/6 p-2

Para mas detalles sobre esta y otras funcionalidades puedes visitar el repositorio: tw-in-js / twind

Microsite

Microsite es un generador de sitios estáticos (SSG) construido sobre Snowpack y que utiliza Preact como framework.

La principal característica es que su output presenta una cantidad minima de código JS del lado del cliente, esto es posible gracias a las utilización de Automatic Partial Hydration (Hidratación Parcial Automática), esta técnica permite generar solo el JS necesario para las partes de la pagina que son realmente dinámicas y no tener que enviar todo el árbol de componentes al browser.

Puedes agregar rutas a tu sitio creando archivos (.js, .jsx, .tsx) en la carpeta pages de la misma forma que lo hace Nextjs.

Mas info en el repositorio: natemoo-re / microsite

Pensamientos finales

Espero que esto les haya servido de algo, voy a intentar crear un post como este todas las semanas con cosas interesantes que voy encontrando.

Si alguna de estas herramientas les pareció interesante y quieren saber mas me lo pueden hacer saber en mi cuenta de twitter y puede que escriba un articulo especifico con mas detalles de su funcionamiento, ejemplos, etc.

Gracias y hasta el próximo!