route FULL STACK ROADMAP

Tu camino hacia
Full Stack Developer (con IA, pero pensando: vibecoding con criterio)

Una ruta para construir tu carrera. Sigue el camino, completa los hitos, y conviértete en developer en 2026.

account_tree
CHECKPOINT

Punto de partida

Elige tu ruta. Puedes comenzar con Frontend, Backend o ir en paralelo. Lo importante es empezar.

web

Frontend

La parte visible de las aplicaciones

chevron_right HTML semántico
chevron_right CSS moderno (Grid, Flex)
chevron_right JavaScript ES6+
chevron_right DevTools & Debugging
chevron_right Git & GitHub
dns

Backend

La lógica que hace funcionar las apps

chevron_right Node.js / Bun
chevron_right PostgreSQL / MongoDB
chevron_right REST APIs / tRPC
chevron_right Autenticación (JWT)
chevron_right Redis
cloud

DevOps

Despliegue y automatización

chevron_right Linux básico
chevron_right Docker
chevron_right AWS / Vercel / Railway
chevron_right CI/CD (GitHub Actions)
chevron_right Monitoreo
check_circle
CHECKPOINT

Checkpoint — Static Webpages

Construye landing pages con HTML y CSS. Añade interactividad con JavaScript vanilla. Deploy en Vercel o Netlify.

code

Frameworks Frontend

React es el estándar actual. Next.js te da SSR y mejor SEO.

React Next.js 14+ Tailwind CSS TypeScript
flag Proyecto: App con React + Tailwind
storage

Apps Completas

Combina frontend con backend. Aprende a conectar todo.

Next.js + Server Actions Prisma / Drizzle Clerk / Lucia Auth
flag Proyecto: App full-stack con auth y CRUD
smart_toy
AI POWERED

IA como tu par de código

La IA acelera. Tú decides. Usa Claude, Cursor o Copilot para debug, code review y refactoring. Nunca para pensar por ti.

Cursor / Windsurf Claude Code Copilot Prompts efectivo
terminal

IA en tu Editor

Editores con IA integrada: Cursor (basado en Claude), Windsurf, VS Code + Copilot. Código más rápido, no código hecho por IA.

Cursor AI Windsurf VS Code + Copilot Continue.dev
psychology

Flujo IA + Developer

IA para investigar, prototipar y testear. Tú para arquitectar, decidir y revisar. La combinación te hace 10x más rápido.

Explain code Debug faster Generate tests Refactor
rocket_launch
META FINAL

Ship, muestra y crece

Portfolio con casos reales, deployado y con código. LinkedIn optimizado. Contribuciones open source. Networking activo.

3 proyectos públicos README explicativos Caso de estudio
trending_up
¿QUÉ SIGUE?

Después del Roadmap

Ya tienes skills. Ahora: especializarte, contribuyo open source, prepararte para entrevistas técnicas, o empezar a freelancear.

Open Source Entrevistas técnicas Freelance vs Full-time Especialización
RUTA COMPLETA · CHECKPOINTS

Lo que debes aprender en cada etapa

Esta ruta está pensada para personas que empiezan desde cero y quieren llegar a full-stack. Si ya eres full-stack developer, puedes saltar directamente a Backend, DevOps o AWS.

web
01 · FRONTEND

La parte visible

Aprende a construir interfaces, hacerlas interactivas y colaborar en proyectos reales.

HTML · CSS · JavaScript

Semántica, layout, responsive, accesibilidad, DOM, eventos, asincronía y debugging.

Checkpoint · Static Webpages

Publica una landing, portfolio o página informativa con HTML, CSS y JavaScript vanilla.

npm · GitHub · Git

Instala paquetes, trabaja con ramas, commits, pull requests y revisiones.

Checkpoint · External Packages

Integra una librería externa y entiende qué problema resuelve antes de usarla.

React · Tailwind CSS

Componentes, estado, props, composición y estilos consistentes.

Checkpoint · Collaborative Work

Construye con otra persona usando issues, ramas, pull requests y conflictos.

Checkpoint · Frontend Apps

Crea una app con datos, estados de carga/error/vacío y una experiencia responsive.

dns
02 · BACKEND

La lógica y los datos

Aquí empieza el backend: puedes elegir cualquier lenguaje. Node.js es una recomendación práctica porque ya conoces JavaScript.

Node.js · fundamentos de servidor

Procesos, módulos, variables de entorno, manejo de errores y lectura de datos.

Checkpoint · CLI Apps

Crea una herramienta de terminal que reciba argumentos, lea archivos y guarde resultados.

RESTful APIs

HTTP, rutas, métodos, status codes, validación, paginación y respuestas consistentes.

Checkpoint · Simple CRUD Apps

Construye una API que cree, lea, actualice y elimine registros.

PostgreSQL · Redis

SQL, relaciones, índices y migraciones; usa Redis para caché y datos temporales.

JWT Auth

Registro, login, sesiones, permisos, contraseñas seguras y protección de rutas.

Checkpoint · Complete App

Une frontend, backend, base de datos y autenticación en una aplicación completa.

cloud
03 · DEVOPS + AWS

Llevarlo a producción

DevOps empieza cuando dejas de pensar solo en tu máquina y aprendes a desplegar, observar y automatizar sistemas.

Linux Basics · Deployment

Terminal, procesos, permisos, SSH, variables de entorno, logs y despliegues repetibles.

Basic AWS Services

EC2 para servidores, VPC para red, Route53 para dominios, SES para email y S3 para archivos.

Checkpoint · Deployment

Publica una app completa con dominio, HTTPS, variables seguras y base de datos.

GitHub Actions · CI/CD

Ejecuta tests, lint y despliegues automáticamente cada vez que haces push o merge.

Checkpoint · Monitoring

Observa errores, logs, disponibilidad y rendimiento antes de que el usuario te avise.

Ansible · Terraform

Ansible automatiza configuración; Terraform define infraestructura como código.

Checkpoint · Automation · Infrastructure

Automatiza la creación y actualización de tu infraestructura de forma reproducible.

construction

En cada checkpoint, construye un proyecto. Practicar lo aprendido es parte de la ruta, no una actividad opcional.

aprende · construye · publica · revisa · repite

ESTACIONES DEL CAMINO

Toca una tecnología para estudiarla

Cada estación tiene un objetivo concreto y recursos gratuitos específicos. Sigue el orden o vuelve a la que necesites.

01HTML · estructura de la webexpand_more

Aprende semántica, formularios, enlaces, imágenes, accesibilidad y cómo organizar una página antes de añadir estilos.

MDN · HTMLfreeCodeCampHTML Reference
02CSS · diseño y responsiveexpand_more

Practica selectores, box model, Flexbox, Grid, responsive, estados, animaciones y variables para construir interfaces adaptables.

MDN · CSSFlexbox FroggyGrid GardenCSS DinerCSSBattle
03JavaScript · interactividadexpand_more

Domina variables, funciones, arrays, objetos, DOM, eventos, módulos, fetch, promesas y async/await. Construye antes de pasar a un framework.

MDN · JavaScriptJavaScript.infoAprendeJavaScript.devEloquent JavaScriptfreeCodeCamp · JS
04npm · paquetes y herramientasexpand_more

Aprende package.json, scripts, dependencias, versiones, npm audit y cómo leer la documentación de un paquete antes de integrarlo.

npm DocsNodeSchoolnpm Registry
05Git y GitHub · trabajo colaborativoexpand_more

Practica commits pequeños, ramas, pull requests, issues, revisiones, conflictos y cómo explicar tus cambios a otra persona.

GitHub SkillsPro Git en españolLearn Git BranchingGitHub Docs
06React y Tailwind CSS · interfacescode

Aprende componentes, props, estado, efectos, formularios, composición y un sistema de estilos consistente. Después crea una app frontend con estados de carga, error y vacío.

React LearnTailwind DocsFull Stack OpenFrontend Mentor
07Node.js · backend y CLIdns

Aprende módulos, archivos, procesos, variables de entorno, servidores HTTP y crea primero una herramienta de terminal antes de una API.

Node.js LearnNode API DocsFull Stack Open · NodeThe Odin Project
08REST, CRUD y APIsapi

Diseña rutas, usa métodos HTTP, valida entradas, devuelve status codes claros, documenta la API y construye un CRUD completo.

Postman AcademySwagger DocsHoppscotchJSONPlaceholderPublic APIs
09PostgreSQL, Redis y JWTdatabase

Usa PostgreSQL para datos persistentes y relaciones, Redis para caché o datos temporales y JWT para autenticación y permisos.

PostgreSQL TutorialSQLBoltSQL Murder MysteryRedis LearnJWT Introduction
10Linux, deployment y AWScloud

Aprende terminal, SSH, procesos y logs. Luego despliega una app usando EC2, VPC, Route53, SES y S3 según la necesidad del proyecto.

Linux JourneyAWS Skill BuilderAWS Getting StartedMDN · DeploymentDigitalOcean Tutorials
11GitHub Actions y monitoreomonitoring

Automatiza tests, lint y deploy con CI/CD. Después aprende a revisar logs, errores, disponibilidad y rendimiento en producción.

GitHub ActionsGrafana LearnSentry for DevelopersWeb Performance
12Ansible y Terraformaccount_tree

Ansible configura servidores y automatiza tareas; Terraform describe la infraestructura como código para poder repetirla y revisarla.

Ansible Getting StartedTerraform TutorialsTerraform Docsroadmap.sh · DevOps
EMPIEZA AHORA

No necesitas el setup perfecto.
Solo necesitas empezar.

Abre tu editor, crea un archivo, escribe algo que funcione. Mañana lo mejoras. Así se construye. Un día a la vez, un commit a la vez.

code empezar con un reto menu_book 50 errores a evitar