Volver al blog

Roadmap Frontend en 12 semanas: de cero a portfolio

Una ruta pragmatica: habilidades, proyectos semanales, y como mostrar progreso para conseguir entrevistas.

2026-02-07
~1 min
frontend
roadmaps
tech

Objetivo realista: portfolio, no perfeccion

En 12 semanas podes pasar de "no se que estudiar" a tener un portfolio con 3 piezas. No necesitas aprender TODO. Necesitas una secuencia que te obligue a construir.

Semana 1-2: HTML + CSS (pero con criterio)

  • Layout: flex, grid
  • Tipografia y espaciado
  • Accesibilidad basica: labels, focus, contraste

Proyecto: landing de un producto (con secciones reales + CTA).

Semana 3-5: JavaScript que se usa

  • DOM, eventos, fetch
  • Asincronia: promises, async/await
  • Estado simple (sin frameworks)

Proyecto: app mini (lista de tareas con persistencia en localStorage).

Semana 6-9: React (componentes + hooks)

  • Componentes, props, state
  • Hooks: useState, useEffect, useMemo
  • Ruteo y fetch de datos

Proyecto: dashboard simple (cards, filtros, tabla) con datos mock.

Semana 10-12: Portfolio + deploy + "cuento mi historia"

  • Un sitio portfolio con 3 trabajos
  • Deploy (Vercel o similar)
  • Readme con contexto: problema, decisiones, tradeoffs

Cursos gratis para acelerar

Regla de oro

Si una semana no entregaste algo visible, tu roadmap no existe.

Hazlo accionable

Si estas en duda, un roadmap te baja la ansiedad a pasos semanales.

Empieza hoy (gratis)

Cursos publicos en espanol, con practica real.