Frontend ROADMAP 2023

Facebook
Twitter
LinkedIn

¿Quieres ser desarrollador Frontend? ¿Estás buscando un Frontend Roadmap 2023? ¿O cursos gratuitos para continuar tu formación como desarrollador Frontend?

Si has respondido positivamente a cualquiera de estas preguntas, esta entrada te interesa, ya que te voy a compartir un roadmap para convertirte en desarrollador Frontend en este 2023.


En este artículo vas a encontrar la información de forma bastante resumida, pero si quieres ampliar más en el desarrollo de este Roadmap, puedes ver el vídeo que he publicado en Youtube.

Frontend Roadmap 2023 (Cursos Gratuitos)


1. Aprende HTML

El primer paso para iniciar tu carrera como desarrollador Front es aprender HTML. HTML es el lenguaje de marcas que te permitirá mostrar la información.

Cursos que puedes realizar para aprender HTML:

2. Aprende CSS

CSS es el lenguaje que te va a permitir aplicar estilos visuales a tu página web, ya sea desde cambios simples a fantasías visuales. Hoy en día toda web utiliza CSS, así que también es obligado que lo domines.

Cursos que puedes realizar para aprender CSS:

3. Crea tu primer proyecto (HTML y CSS)

Una vez que has aprendido HTML y CSS tienes que llevarlos a la práctica creando tu primer proyecto serio. Para ello busca algo que pueda resultar visualmente interesante y que aplique diferentes funcionalidades de HTML y CSS para demostrar lo que sabes.

Va a ser el primer proyecto que incluyas en tu portfolio como desarrollador frontend junior.

4. JavaScript

JavaScript es un lenguaje de programación que te va a permitir integrar funcionalidades y dinamismo a tu página web. Hoy en día es uno de los lenguajes de programación más populares y demandados tanto en el frontend como en el backend.

javascript logo

Cursos para aprender JavaScript:

5. Crea tu Segundo Proyecto (HTML, CSS y JS)

Ya sabes HTML, CSS y JavaScript. Pues ahora toca crear otro proyecto para tu portfolio que incluya estas tres tecnologías. Crea un proyecto diferente al primero para poder mostrar así más habilidades y poder ampliar y dar contenido a tu portfolio.

6. Git y GitHub

En el mundo del desarrollo es muy importante que aprendas a utilizar control de versiones, sobre todo Git y GitHub. Te ayudará a tener copias de seguridad de tus proyectos, trabajar con ramas, trabajar en equipo… Y es muy demandado laboralmente.

Cursos para aprender Git:

7. Elige un Framework de JavaScript

En el mundo del desarrollo existen diferentes Frameworks de JavaScript que te van a permitir poder desarrollar aplicaciones más complejas con un menor esfuerzo, ya que utilizarás las funciones y librerías ya desarrolladas en estos Frameworks.

React Angular and Vue logo

Los tres más populares hoy en día son Angular, Vue.js y React. Elige uno y fórmate en él.

Cursos para aprender React:

Cursos para aprender Vue.js:

Cursos para aprender Angular:

8. Crea tu tercer proyecto (HTML, CSS, Js y el Framework)

Hora de aplicar lo aprendido en el punto anterior y poner en práctica tus conocimientos del Framework en cuestión que hayas elegido. Tienes otra gran oportunidad para ampliar tu portfolio como desarrollador Frontend.

9. Elige un Framework CSS

Al igual que con JavaScript, existen diferentes Frameworks para CSS que te van a simplificar la vida a la hora de crear proyectos más complicados. Hoy en día TailwindCSS y Material UI son de los más populares y demandados, así que elige uno, fórmate en él y …

Cursos para aprender TailwindCSS:

10. Crea tu cuarto proyecto (HTML, CSS, Js, Framework JS y Framework CSS)

Es hora de crear tu último proyecto con todo lo aprendido. Este proyecto ya será bastante complejo y en él aplicarás las tecnologías que un desarrollador frontend junior debe conocer (que no dominar, que somos juniors!)

Ya puedes ir enseñando tu portfolio y buscando trabajo como desarrollador Frontend… ¡Y seguir aprendiendo!

Luego podrás aprender sobre otros aspectos como el testing, aplicaciones móviles… pero eso ya es otra historia.

More to explorer

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *