~//guides

Guides

Long-form, practical guides for every technology on the roadmap. Pick a topic and go deep, or follow the roadmap in order.

120 guides

01

Internet & How it Works

02

HTML

03

CSS

04

CSS Frameworks & Styling

05

JavaScript

06

Git & Version Control

07

TypeScript

08

JavaScript Frameworks

09

State Management

10

Meta-frameworks

11

Testing

12

Build Tools & Tooling

intermediate

Vite

Vite es la herramienta de construcción moderna que sirve tu código fuente a través de módulos ES nativos en desarrollo y lo empaqueta con Rollup para producción. Rápido al iniciar, rápido al iterar.

14 min read
beginner

npm

npm es el gestor de paquetes predeterminado y el registro de software más grande del mundo. Aprende cómo instala dependencias, resuelve versiones y ejecuta los scripts de tu proyecto.

13 min read
intermediate

pnpm

pnpm es un gestor de paquetes rápido y eficiente en el uso del disco que utiliza un almacén direccionable por contenido y node_modules estrictos mediante symlinks. Es la opción preferida para monorepos.

13 min read
intermediate

ESLint

ESLint es el linter pluggable que detecta bugs y aplica convenciones antes de que lleguen a revisión. Con flat config y soporte para TypeScript, se adapta a cualquier stack moderno.

13 min read
beginner

Prettier

Prettier es el formateador de código opinado que pone fin a los debates sobre el estilo. Analiza tu código y lo vuelve a imprimir de manera consistente, para que nadie discuta sobre los espacios, las comillas o los puntos y coma.

12 min read
advanced

Webpack

Webpack es el module bundler probado en batalla. Convierte un grafo de módulos, assets y dependencias en bundles optimizados; entenderlo hace que cualquier otra herramienta de build sea más clara.

14 min read
advanced

Turborepo

Turborepo es un sistema de construcción de alto rendimiento para monorepos de JavaScript. Ejecuta tareas en múltiples paquetes, almacena los resultados en caché y omite cualquier cosa que no haya cambiado.

13 min read
13

Next Steps

intermediate

Rendimiento Web

El rendimiento es una funcionalidad. Los Core Web Vitals, el lazy loading, bundles más pequeños y un almacenamiento en caché inteligente deciden si los usuarios se quedan o se van antes incluso de que tu página se renderice.

15 min read
intermediate

Seguridad Web

La seguridad no es una funcionalidad que se añade al final. XSS, CSRF, CORS y una autenticación segura son la base que todo desarrollador web debe comprender.

15 min read
advanced

PWA & Service Workers

Una Progressive Web App se instala como una aplicación nativa, funciona sin conexión y carga instantáneamente en visitas recurrentes. Los service workers y un web manifest hacen que esto sea posible.

14 min read
intermediate

GraphQL

GraphQL permite que los clientes soliciten exactamente los datos que necesitan en una sola petición. Un esquema tipado describe la API y los resolvers obtienen los datos que hay detrás.

14 min read
advanced

GSAP

GSAP es la librería de animaciones detrás de las experiencias web pulidas y basadas en el scroll. Las timelines, el easing y ScrollTrigger te brindan un control preciso frame a frame sin tener que luchar contra CSS.

13 min read
advanced

Three.js

Three.js hace que WebGL sea accesible: un grafo de escena, cámaras, materiales y luces te permiten crear experiencias 3D para el navegador en JavaScript puro.

14 min read
intermediate

Docker & Deployment

Docker empaqueta tu aplicación y su entorno en una imagen que se ejecuta igual en cualquier lugar. Los multi-stage builds, el almacenamiento en caché y CI/CD convierten el despliegue en un paso repetible.

14 min read
01

Internet & Networking

02

Node.js Fundamentals

03

API Design

04

Web Frameworks

beginner

Express

Express es el framework web para Node.js minimalista y no opinado. Una ruta, una función y una cadena de middleware: ese es todo el modelo mental, y aun así impulsa una enorme parte de la web.

16 min read
intermediate

Fastify

Fastify es un framework web para Node.js rápido y basado en esquemas (schema-first). JSON Schema compila tu validación y serialización, mientras que los plugins encapsulados mantienen la integridad de los servicios a gran escala.

15 min read
advanced

NestJS

NestJS es un framework de Node.js opinado e inspirado en Angular. Los módulos, controladores y proveedores brindan a los equipos grandes una arquitectura compartida e inyección de dependencias integrada.

16 min read
intermediate

Hono

Hono es un framework web ultrarrápido construido sobre los objetos estándar Request y Response. Escribe una vez, ejecuta en Cloudflare Workers, Deno, Bun o Node, con tipos end-to-end a través de RPC.

14 min read
intermediate

Koa

Koa es la versión minimalista de Express basada en async/await, escrita por sus autores originales. Un único objeto de contexto y una cebolla de middleware: todo lo demás es un paquete que tú eliges.

14 min read
intermediate

Laravel

Laravel es el framework de PHP creado para la felicidad del desarrollador: enrutamiento expresivo, el ORM Eloquent, plantillas Blade y un ecosistema que cubre todo, desde la autenticación hasta el despliegue.

16 min read
advanced

Symfony

Symfony es tanto un conjunto de componentes PHP reutilizables como un framework completo construido a partir de ellos. Prioriza la estructura, la estabilidad y la mantenibilidad a largo plazo a escala sobre la conveniencia inmediata.

15 min read
intermediate

Django

Django es el framework web de Python con "baterías incluidas". Modelos, migraciones, un ORM, plantillas, autenticación y un panel de administración para producción vienen integrados, permitiéndote describir tus datos mientras Django se encarga del resto.

16 min read
beginner

Flask

Flask es el micro-framework minimalista de Python. Obtienes enrutamiento, un objeto de petición y plantillas Jinja en un solo archivo, y luego añades exactamente las extensiones que necesites a medida que la aplicación crece.

14 min read
intermediate

FastAPI

FastAPI es el framework async de Python construido sobre type hints. Pydantic valida tus datos, Starlette gestiona el HTTP y la documentación de OpenAPI se escribe sola.

15 min read
intermediate

Ruby on Rails

Rails es el framework full-stack de Ruby basado en la convención sobre la configuración. Decide las partes aburridas —nombres de archivos, nombres de tablas, rutas— para que puedas dedicar tu tiempo al producto.

15 min read
advanced

Spring Boot

Spring Boot es la capa basada en opiniones sobre Spring Framework que convierte un montón de configuración en una aplicación en ejecución: starters, auto-configuración y un servidor embebido.

16 min read
05

Databases

06

ORMs & Query Builders

07

Authentication & Authorization

intermediate

Hashing de Contraseñas

Las contraseñas son el único secreto que nunca deberías almacenar. Un hash lento y con salt convierte una base de datos robada en un montón de conjeturas que nunca terminan.

14 min read
intermediate

JWT

Un JSON Web Token es una cadena firmada y segura para URL que transporta claims sobre un usuario. Compacto y autónomo, escala perfectamente, aunque es fácil cometer errores en su implementación.

15 min read
intermediate

OAuth 2.0

OAuth 2.0 es un framework para la autorización delegada, no para la autenticación. Permite que un usuario conceda a una aplicación acceso limitado a sus datos sin compartir su contraseña.

16 min read
intermediate

OpenID Connect

OAuth 2.0 autoriza el acceso; OpenID Connect añade la capa de identidad que permite iniciar sesión a los usuarios. Es el protocolo detrás del botón 'Iniciar sesión con...'.

15 min read
beginner

Autenticación por Sesiones

La autenticación por sesión mantiene la verdad en el servidor. Un ID de sesión aleatorio viaja en una cookie HttpOnly, mientras que la identidad y los permisos del usuario residen en un almacén que tú controlas y puedes revocar en cualquier momento.

14 min read
intermediate

RBAC

RBAC responde a una sola pregunta por solicitud: ¿tiene este principal permiso para realizar esta acción sobre este recurso? Los roles agrupan permisos, y una única comprobación can() mantiene la respuesta consistente en todas partes.

15 min read
intermediate

API Keys

Una API key es una credencial de larga duración para máquinas. Emítela una sola vez, almacena únicamente un hash, asígnale un scope restringido y establece un método para rotarla y revocarla antes de que sea necesario.

14 min read
08

Testing

09

Caching & Performance

10

Message Queues & Real-time

11

DevOps & Deployment

12

Architecture & Patterns