Roadmap Full Stack 2025

Sigue el orden sugerido para una progresión lógica de aprendizaje

HTML5

HTML5 es el lenguaje de marcado estándar para crear páginas web. Define la estructura y el contenido de las páginas web mediante elementos y etiquetas.

Frontend
Tecnología: HTML5. Descripción: HTML5 es el lenguaje de marcado estándar para crear páginas web. Define la estructura y el contenido de las páginas web mediante elementos y etiquetas.. Categoría: Frontend. Dificultad: Principiante.

CSS3

CSS3 es el lenguaje de hojas de estilo que describe la presentación de documentos HTML. Controla el diseño, colores, fuentes y animaciones.

Frontend
Tecnología: CSS3. Descripción: CSS3 es el lenguaje de hojas de estilo que describe la presentación de documentos HTML. Controla el diseño, colores, fuentes y animaciones.. Categoría: Frontend. Dificultad: Principiante.

JavaScript

JavaScript es el lenguaje de programación que permite crear páginas web interactivas. Es fundamental para el desarrollo web moderno.

Frontend
Tecnología: JavaScript. Descripción: JavaScript es el lenguaje de programación que permite crear páginas web interactivas. Es fundamental para el desarrollo web moderno.. Categoría: Frontend. Dificultad: Principiante.

Git & GitHub

Git es un sistema de control de versiones y GitHub es una plataforma para alojar repositorios. Esenciales para el trabajo colaborativo.

Frontend
Tecnología: Git & GitHub. Descripción: Git es un sistema de control de versiones y GitHub es una plataforma para alojar repositorios. Esenciales para el trabajo colaborativo.. Categoría: Frontend. Dificultad: Principiante.

Terminal/CLI

Interfaz de línea de comandos para interactuar con el sistema operativo y herramientas de desarrollo de manera eficiente.

Frontend
Tecnología: Terminal/CLI. Descripción: Interfaz de línea de comandos para interactuar con el sistema operativo y herramientas de desarrollo de manera eficiente.. Categoría: Frontend. Dificultad: Principiante.

React.js

React es una biblioteca de JavaScript para construir interfaces de usuario interactivas y componentes reutilizables.

Frontend
Tecnología: React.js. Descripción: React es una biblioteca de JavaScript para construir interfaces de usuario interactivas y componentes reutilizables.. Categoría: Frontend. Dificultad: Intermedio.

Next.js 14

Next.js es un framework de React que proporciona funcionalidades como renderizado del lado del servidor y generación de sitios estáticos.

Frontend
Tecnología: Next.js 14. Descripción: Next.js es un framework de React que proporciona funcionalidades como renderizado del lado del servidor y generación de sitios estáticos.. Categoría: Frontend. Dificultad: Intermedio.

TypeScript

TypeScript es un superset de JavaScript que añade tipado estático, mejorando la robustez y mantenibilidad del código.

Frontend
Tecnología: TypeScript. Descripción: TypeScript es un superset de JavaScript que añade tipado estático, mejorando la robustez y mantenibilidad del código.. Categoría: Frontend. Dificultad: Intermedio.

Tailwind CSS

Tailwind CSS es un framework de CSS utility-first que permite crear diseños personalizados rápidamente.

Frontend
Tecnología: Tailwind CSS. Descripción: Tailwind CSS es un framework de CSS utility-first que permite crear diseños personalizados rápidamente.. Categoría: Frontend. Dificultad: Principiante.

Vite

Vite es una herramienta de construcción rápida para proyectos web modernos con recarga en caliente instantánea.

Frontend
Tecnología: Vite. Descripción: Vite es una herramienta de construcción rápida para proyectos web modernos con recarga en caliente instantánea.. Categoría: Frontend. Dificultad: Intermedio.

Zustand

Zustand es una librería de gestión de estado ligera y simple para aplicaciones React.

Frontend
Tecnología: Zustand. Descripción: Zustand es una librería de gestión de estado ligera y simple para aplicaciones React.. Categoría: Frontend. Dificultad: Intermedio.

React Query

React Query (TanStack Query) es una librería para la gestión de estado del servidor en aplicaciones React.

Frontend
Tecnología: React Query. Descripción: React Query (TanStack Query) es una librería para la gestión de estado del servidor en aplicaciones React.. Categoría: Frontend. Dificultad: Intermedio.

Node.js

Node.js es un entorno de ejecución de JavaScript del lado del servidor, construido sobre el motor V8 de Chrome.

Backend
Tecnología: Node.js. Descripción: Node.js es un entorno de ejecución de JavaScript del lado del servidor, construido sobre el motor V8 de Chrome.. Categoría: Backend. Dificultad: Intermedio.

Express.js

Express.js es un framework web minimalista y flexible para Node.js que proporciona características robustas para aplicaciones web.

Backend
Tecnología: Express.js. Descripción: Express.js es un framework web minimalista y flexible para Node.js que proporciona características robustas para aplicaciones web.. Categoría: Backend. Dificultad: Intermedio.

NestJS

NestJS es un framework progresivo de Node.js para construir aplicaciones del lado del servidor eficientes y escalables.

Backend
Tecnología: NestJS. Descripción: NestJS es un framework progresivo de Node.js para construir aplicaciones del lado del servidor eficientes y escalables.. Categoría: Backend. Dificultad: Avanzado.

REST API

REST API es un estilo arquitectónico para diseñar servicios web que utiliza métodos HTTP estándar.

Backend
Tecnología: REST API. Descripción: REST API es un estilo arquitectónico para diseñar servicios web que utiliza métodos HTTP estándar.. Categoría: Backend. Dificultad: Intermedio.

GraphQL

GraphQL es un lenguaje de consulta y tiempo de ejecución para APIs que permite a los clientes solicitar exactamente los datos que necesitan.

Backend
Tecnología: GraphQL. Descripción: GraphQL es un lenguaje de consulta y tiempo de ejecución para APIs que permite a los clientes solicitar exactamente los datos que necesitan.. Categoría: Backend. Dificultad: Avanzado.

WebSockets

WebSockets proporcionan comunicación bidireccional en tiempo real entre el cliente y el servidor.

Backend
Tecnología: WebSockets. Descripción: WebSockets proporcionan comunicación bidireccional en tiempo real entre el cliente y el servidor.. Categoría: Backend. Dificultad: Avanzado.

PostgreSQL

PostgreSQL es un sistema de gestión de bases de datos relacionales avanzado y de código abierto.

Bases de Datos
Tecnología: PostgreSQL. Descripción: PostgreSQL es un sistema de gestión de bases de datos relacionales avanzado y de código abierto.. Categoría: Bases de Datos. Dificultad: Intermedio.

MySQL

MySQL es uno de los sistemas de gestión de bases de datos relacionales más populares del mundo.

Bases de Datos
Tecnología: MySQL. Descripción: MySQL es uno de los sistemas de gestión de bases de datos relacionales más populares del mundo.. Categoría: Bases de Datos. Dificultad: Intermedio.

MongoDB

MongoDB es una base de datos NoSQL orientada a documentos que proporciona alta flexibilidad y escalabilidad.

Bases de Datos
Tecnología: MongoDB. Descripción: MongoDB es una base de datos NoSQL orientada a documentos que proporciona alta flexibilidad y escalabilidad.. Categoría: Bases de Datos. Dificultad: Intermedio.

Redis

Redis es una estructura de datos en memoria que se utiliza como base de datos, caché y broker de mensajes.

Bases de Datos
Tecnología: Redis. Descripción: Redis es una estructura de datos en memoria que se utiliza como base de datos, caché y broker de mensajes.. Categoría: Bases de Datos. Dificultad: Intermedio.

Prisma ORM

Prisma es un ORM moderno que facilita el acceso a bases de datos con type-safety y auto-completado.

Bases de Datos
Tecnología: Prisma ORM. Descripción: Prisma es un ORM moderno que facilita el acceso a bases de datos con type-safety y auto-completado.. Categoría: Bases de Datos. Dificultad: Intermedio.

Drizzle ORM

Drizzle ORM es un ORM ligero y type-safe para TypeScript con excelente rendimiento.

Bases de Datos
Tecnología: Drizzle ORM. Descripción: Drizzle ORM es un ORM ligero y type-safe para TypeScript con excelente rendimiento.. Categoría: Bases de Datos. Dificultad: Avanzado.

Docker

Docker es una plataforma de contenedores que permite empaquetar aplicaciones con sus dependencias.

DevOps & Infraestructura
Tecnología: Docker. Descripción: Docker es una plataforma de contenedores que permite empaquetar aplicaciones con sus dependencias.. Categoría: DevOps & Infraestructura. Dificultad: Intermedio.

Docker Compose

Docker Compose es una herramienta para definir y ejecutar aplicaciones Docker multi-contenedor.

DevOps & Infraestructura
Tecnología: Docker Compose. Descripción: Docker Compose es una herramienta para definir y ejecutar aplicaciones Docker multi-contenedor.. Categoría: DevOps & Infraestructura. Dificultad: Intermedio.

Kubernetes (básico)

Kubernetes es una plataforma de orquestación de contenedores para automatizar el despliegue y gestión.

DevOps & Infraestructura
Tecnología: Kubernetes (básico). Descripción: Kubernetes es una plataforma de orquestación de contenedores para automatizar el despliegue y gestión.. Categoría: DevOps & Infraestructura. Dificultad: Avanzado.

GitHub Actions

GitHub Actions permite automatizar flujos de trabajo de CI/CD directamente desde GitHub.

DevOps & Infraestructura
Tecnología: GitHub Actions. Descripción: GitHub Actions permite automatizar flujos de trabajo de CI/CD directamente desde GitHub.. Categoría: DevOps & Infraestructura. Dificultad: Intermedio.

CI/CD

CI/CD son prácticas de integración y despliegue continuo para automatizar el desarrollo de software.

DevOps & Infraestructura
Tecnología: CI/CD. Descripción: CI/CD son prácticas de integración y despliegue continuo para automatizar el desarrollo de software.. Categoría: DevOps & Infraestructura. Dificultad: Intermedio.

Nginx

Nginx es un servidor web de alto rendimiento que también funciona como proxy reverso y balanceador de carga.

DevOps & Infraestructura
Tecnología: Nginx. Descripción: Nginx es un servidor web de alto rendimiento que también funciona como proxy reverso y balanceador de carga.. Categoría: DevOps & Infraestructura. Dificultad: Avanzado.

Vercel / Netlify / Render / Railway

Plataformas de despliegue en la nube que facilitan el hosting de aplicaciones web modernas.

DevOps & Infraestructura
Tecnología: Vercel / Netlify / Render / Railway. Descripción: Plataformas de despliegue en la nube que facilitan el hosting de aplicaciones web modernas.. Categoría: DevOps & Infraestructura. Dificultad: Principiante.

JWT

JSON Web Tokens es un estándar para la transmisión segura de información entre partes.

Autenticación y Seguridad
Tecnología: JWT. Descripción: JSON Web Tokens es un estándar para la transmisión segura de información entre partes.. Categoría: Autenticación y Seguridad. Dificultad: Intermedio.

OAuth 2.0

OAuth 2.0 es un protocolo de autorización que permite a las aplicaciones acceder a recursos de usuario.

Autenticación y Seguridad
Tecnología: OAuth 2.0. Descripción: OAuth 2.0 es un protocolo de autorización que permite a las aplicaciones acceder a recursos de usuario.. Categoría: Autenticación y Seguridad. Dificultad: Avanzado.

Auth.js

Auth.js es una librería de autenticación completa para aplicaciones JavaScript modernas.

Autenticación y Seguridad
Tecnología: Auth.js. Descripción: Auth.js es una librería de autenticación completa para aplicaciones JavaScript modernas.. Categoría: Autenticación y Seguridad. Dificultad: Intermedio.

NextAuth

NextAuth.js es una solución de autenticación completa para aplicaciones Next.js.

Autenticación y Seguridad
Tecnología: NextAuth. Descripción: NextAuth.js es una solución de autenticación completa para aplicaciones Next.js.. Categoría: Autenticación y Seguridad. Dificultad: Intermedio.

OWASP (principios básicos)

OWASP proporciona principios y mejores prácticas para la seguridad en aplicaciones web.

Autenticación y Seguridad
Tecnología: OWASP (principios básicos). Descripción: OWASP proporciona principios y mejores prácticas para la seguridad en aplicaciones web.. Categoría: Autenticación y Seguridad. Dificultad: Avanzado.

Jest

Jest es un framework de testing delicioso de JavaScript con un enfoque en la simplicidad.

Testing
Tecnología: Jest. Descripción: Jest es un framework de testing delicioso de JavaScript con un enfoque en la simplicidad.. Categoría: Testing. Dificultad: Intermedio.

Vitest

Vitest es un framework de testing ultrarrápido para proyectos Vite con compatibilidad con Jest.

Testing
Tecnología: Vitest. Descripción: Vitest es un framework de testing ultrarrápido para proyectos Vite con compatibilidad con Jest.. Categoría: Testing. Dificultad: Intermedio.

Playwright

Playwright permite testing confiable end-to-end para aplicaciones web modernas.

Testing
Tecnología: Playwright. Descripción: Playwright permite testing confiable end-to-end para aplicaciones web modernas.. Categoría: Testing. Dificultad: Avanzado.

Cypress

Cypress es una herramienta de testing end-to-end de próxima generación construida para la web moderna.

Testing
Tecnología: Cypress. Descripción: Cypress es una herramienta de testing end-to-end de próxima generación construida para la web moderna.. Categoría: Testing. Dificultad: Avanzado.

React Testing Library

React Testing Library proporciona utilidades simples y completas para testing de componentes React.

Testing
Tecnología: React Testing Library. Descripción: React Testing Library proporciona utilidades simples y completas para testing de componentes React.. Categoría: Testing. Dificultad: Intermedio.