Primero te platico que es un roadmap
Es un plan estratégico para definir una meta o resultado.
En este artículo les vamos a proporcionar la información específica para desarrollar el roadmap que necesitas y todos los puntos para convertirte en el desarrollador frontend junior que quieres ser.
Construcción de un Roadmap
Si quieres construir uno, primero debes saber que quieres aprender en el mundo de la tecnología, hay muchos estereotipos a seguir por todo el internet, pero, en esta guía te mostrare uno para ser desarrollador Frontend Junior, y consiguiente a esto, explicar cada punto de este roadmap.
crédito: medium.com
Lo primero es como ya todos sabemos, aprender lo básico, esto son las 3 partes fundamentales del desarrollo Frontend, sin estas tencologías las páginas web no podrían existir, así es!, Estamos hablando de HTML, CSS, y JavaScript
Aprende lo básico
Deberemos aprender lo básico de cada una de estas tecnologías y practicar mucho con sencillas webs, te dejo cursos de cada una de ellas en w3schools, (sin afán de promoción).
Luego de haber practicado mucho todas estas tecnología podemos continuar con nuestro RoadMap
Lo siguiente será:
Profundiza en los temas
Aquí podemos seguir tanto la ruta de profundizar en CSS, como en JavaScript:
CSS
Aquí podemos elegir tres cosas
1.- Frameworks
2.- Preprocesadores
3.- Desarrollo Web Responsive
Algunos de los frameworks mas conocidos son: Foundation, Bootstrapt, Materialize CSS, Semantic UI, entre otros.
Algunos de los Preprocesadores mas conocidos son: Sass, Less, Stylus, PostCSS.
En cuanto al desarrollo web responsive te dejo una guia aquí
JavaScript
Al profundizar en JavaScript podemos encontrarnos con Typescript o Flow, También con Empaquetadores de Archivos, frameworks entre otros.
Empaquetadores de Archivos:
webpack
rollup
porcel
RequireJS / AMD
Browserify
Pruebas:
Jest
Mocha
Jasmine
Enzyme
Frameworks:
Angular
React
VueJS
Preact
EmberJS
Desde angular podemos irnos a Flux, Redux o Mobx
Desde React podemos irnos a RxJS o Typescript
Gestor de Paquetes:
Yarn
npm
Igual podemos automatizar tareas con:
npm scripts
gulp
Grunt
Si quieres profundizar mas aún en JavaScript puedes aprender ES6
Esto de aquí ya es bastante profundo en cada tecnología, puedes aprenderlo!
Pues hasta aquí estaría amigos, esta guía tampoco te enseñara como aprenderlo, pero te enseña que aprender y en que orden, te recomiendo seguir este RoadMap al pie de la letra y no rendirte!!
Conclusiones
Nuestro equipo provee de soluciones y conocimiento en tecnologías de la información, gobierno de TI y Desarrollo de soluciones a la medida para tu organización. De esta manera nuestros servicios de consultoría y transformación digital aceleran a tu organización a alcanzar sus metas. No dudes en contactarnos.
Te invitamos a continuar leyendo más de nuestros artículos. ¿Tienes alguna sugerencia o duda respecto a los servicios de consultoría y transformación digital para acelerar a tu organización y alcanzar tus metas? No dudes en contactarnos.
Autor: GHE
Comparte este artículo y síguenos en nuestras distintas Redes Sociales
¿Iniciamos?
Conoce todas las soluciones tecnológicas para acelerar
la transformación digital de tu organización.
