Prepárate tu siguiente paso Full-Stack en 2020

hace dos años comencé con el área de la programación web, empezando con HTML 5 y CSS3, pero sentía que le faltaba algo de interacción y le meti JavaScript, esta vez sin darme cuenta había comenzado con algo que me había apasionado, el desarrollo web después de ese par de años, aprendí cosas relacionadas como ser: Angular, React, Node, Express y MongoDB.El dia de hoy vengo a compartir un poco de mi experiencia con algunas recomendaciones espero que les guste.

Este 2019 nos dejo con bastantes tecnologías innovadoras como las nuevas versiones de angular y react. Pero el año está apunto de acabar, y lo mejor que puedes hacer para este 2020 es poder completar tu stack, como ser el stack MEAN o MERN. Pero qué es esto del MEAN o MERN

Mean

Mean es la combinación entre MongoDB, Express, Angular y Node. este stack te permitirá crear increíbles aplicaciones de una sola página con una infraestraestructura espectacular. Angular con Vue, ha estado manteniéndose pero es buen momento para aprender React, Pero si usas angular hay alguna probabilidad de que estés trabajando en una empresa las cuales suelen confiar en c# con .NET o java con Spring

Mern

Mern este año tiene una buena probabilidad que aumente este año a comparación de stacks como ser Mean, debido a que la comunidad confía mas en react que Facebook usa dia a dia en sus proyectos grandes o pequeños. Pero la pregunta es como puedes aprender este stack, basado en mi experiencia te daré un orden o ruta de aprendizaje para llegar a este stack

¿Como llego a ser Full-stack?

Para llegar a ser full-stack debes seguir estos pasos:

  • Aprende React, Angular o Vue otra vez te recomiendo react por la demanda laboral que se especula para este año
  • Aprende Node.js, una vez que aprendas React aprender Node te sera facil, lo nuevo entender como funciona las importaciones, las variables de entorno y el manejo de archivos
  • Aprende Express.js,Aprendiste Node, el siguiente paso es Express, la librería que te permite crear servidores de una manera simple. Aprenderás como Crear una api restful y crear
  • Aprende MongoDB, ya comprendes Node.js y Express.js, lo que te falta ahora es solo manejar las bases de datos, para esto tienes dos opciones: usar la librería mongoose.- Esta es la manera simple de manejar mongoDB te lo recomiendo un monton si estas comenzando con el stack,pero si deseas tener mayor control de tu proyecto usa la librería propia de MongoDB, donde podrás saber lo que está pasando en tu proyecto tras fondo
  • Investiga cómo conectar Frontend con Backend, este es el último paso para completar el stack

Con estas bases ya puedes ser considerado un Full Stack developer pero si deseas ser un buen programador Full-stack, te dejo unas recomendaciones

Recomendaciones

  • No te desesperes al momento de aprender, tu y yo sabemos que es mucho contenido. Ve a pequeños pasos, que cuando acabes todo te darás cuenta que valió la pena el esfuerzo y lo lograste en tiempo record
  • Investiga el por que de todo, un buen full-stack sabe que está pasando en su proyecto el por que de las cosas, si lo sabes puedes encontrar errores fácilmente y conocer mejor a tu código. Con medida que sabes que está sucediendo tienes más control en tu proyecto y aprenderás que mientras más control tienes más fácil es de programar
  • Invertir un poco de dinero vale la pena (spoiler habrá spam), Encontrar recursos de donde aprender es un poco complicado si no sabes ingles, te recomiendo comprar cursos es una buena forma de aprender hay muchas plataformas de aprendizaje pero mis favoritas son dos, Udemy.- en esta plataforma encontrarás todo tipo de cursos antes de comprar uno te recomiendo investigar los mejores para aprender angular, node y express es Fernando Herrera y Juan Pablo de La Torre para aprender React. Platzi,es más costoso que udemy pero tienes acceso a muchos más cursos y beneficios, te recomiendo bastante la carrera de javascript donde esta todo el stack Mern
  • Ten algunas skills adicionales, para poder entender bien el trasfondo de todo.

Skills adicionales

  • Webpack.- create-react-app, es la forma más común de crear proyectos, pero a largo plazo desearemos tener mas funcionalidades y mejor rendimiento de lo que nos permite. Poder aprender webpack te ayudara a saber como el navegador esta entendiendo el codigo y como create-react-app funciona por dentro
  • Git.- Git es la manera en la que controlaras toda la linea de tiempo de tu proyecto pudiendo volver al pasado y crear “mundos paralelos” de tu código
  • TypeScript.- TypeScript es aquel ingrediente que hace que el JavaScript tradicional, tendrás tipado y caracteristicas que no tienes en javascript y lo mejor de todo lo puedes integrar correctamente en el front-end como el backend
  • Redux.- Redux es una librería que te ayudará a manejar los datos en el frontend, se sabe bien que manejar datos en una aplicación grande ya sea en React o Angular puede ser un infierno. para eso tienes react-redux en react y NgRx en Angular
  • Sass.- Aprende que el diseño es igual o incluso mas importante que la logica de tu aplicación, si lo descuidas no tiene sentido que tengas un algoritmo increible capas de solucionar cualquier problema, nadie usara tu producto si no te concentras lo suficiente en el diseño, Sass es una herramienta que te servirá a simplificar el código de estilos esta skill va muy bien acompañada con webpack

^_^ Gracias por leer el articulo, si tienes alguna recomendacion o algun comentario lo puedes mencionar abajo o me puedes contactar a mi twitter @ferkki2

© 2020 Devferx • Crafted with ❤️