Saltar al contenido
Programer

Aprende desarrollo web haciendo

Entiende cómo funciona la web tocándola con tus manos.

Lecciones cortas con simuladores interactivos, del primer byte de HTTP a Kubernetes. Nada de memorizar: desmonta URLs, sigue una petición por Internet y aprende a elegir la herramienta adecuada para cada problema.

https://esquemaejemplo.comhost/blogruta?tema=dnsconsulta

Módulos

22 módulos y 94 lecciones. Empieza por el principio: cada módulo se apoya en los anteriores.

Fundamentos

  • 01

    Fundamentos y estándares web

    Qué ocurre entre que escribes una dirección y ves una página: clientes y servidores, URLs, DNS, HTTP y sus protocolos, los lenguajes de la web, el navegador, sus APIs nativas y quién define las reglas.

    0 de 15 lecciones completadas0%

    15 lecciones · 180 min

  • 02

    Lenguajes de programación web

    Los lenguajes con los que se construye la web: JavaScript y TypeScript en frontend y backend, SQL para los datos, GraphQL SDL para definir APIs y Bash y PowerShell para automatizar.

    0 de 5 lecciones completadas0%

    5 lecciones · 66 min

Frontend

  • 03

    Frameworks y bibliotecas frontend

    Qué aporta un framework frontend y cómo se construye una aplicación con Angular: componentes, plantillas, servicios, inyección de dependencias y detección de cambios.

    0 de 4 lecciones completadas0%

    4 lecciones · 52 min

  • 04

    CSS, estilos y componentes UI

    Escribir y organizar estilos a escala: Sass/SCSS, los frameworks Tailwind CSS y Bootstrap, y bibliotecas de componentes como Material UI.

    0 de 3 lecciones completadas0%

    3 lecciones · 36 min

  • 05

    Gestión de estado y datos frontend

    Dónde viven los datos de una aplicación y cómo fluyen: Signals, RxJS, los stores NgRx y NGXS, y peticiones HTTP con Axios.

    0 de 4 lecciones completadas0%

    4 lecciones · 52 min

  • 06

    Formularios, validación y navegación

    Recoger y validar datos con Angular Reactive Forms, Joi, JSON Schema y Standard Schema, y moverse por la aplicación con Angular Router.

    0 de 3 lecciones completadas0%

    3 lecciones · 39 min

  • 07

    Herramientas de compilación y gestión de paquetes

    Lo que transforma tu código antes de llegar al navegador: bundlers como Vite, webpack y esbuild, el transpilador Babel, los gestores de paquetes y los monorepos con Turborepo.

    0 de 3 lecciones completadas0%

    3 lecciones · 35 min

Backend y datos

  • 08

    Frameworks y runtimes backend

    JavaScript y TypeScript en el servidor: el runtime Node.js, el framework Express y la ejecución en el edge con Cloudflare Workers.

    0 de 3 lecciones completadas0%

    3 lecciones · 38 min

  • 09

    APIs y comunicación entre sistemas

    Cómo hablan entre sí los sistemas: paradigmas de API, comunicación en tiempo real y por eventos, contratos con OpenAPI y AsyncAPI, y las herramientas para probarlas y publicarlas.

    0 de 4 lecciones completadas0%

    4 lecciones · 50 min

  • 10

    Bases de datos

    Dónde guardar los datos y cómo elegir: bases relacionales como PostgreSQL y MySQL, documentales como MongoDB y clave-valor como Redis y DynamoDB.

    0 de 3 lecciones completadas0%

    3 lecciones · 37 min

  • 11

    ORM, ODM y acceso a datos

    Cómo habla tu código con la base de datos: ORM, ODM y query builders, con TypeORM, Sequelize y Knex.js.

    0 de 3 lecciones completadas0%

    3 lecciones · 35 min

  • 12

    Caché, colas y mensajería

    Responder más rápido y desacoplar sistemas: caché con Redis y Cloudflare, colas y mensajería con RabbitMQ, SQS y SNS, y workflows con AWS Step Functions.

    0 de 3 lecciones completadas0%

    3 lecciones · 37 min

Identidad y seguridad

  • 13

    Autenticación y autorización

    Saber quién es el usuario y qué puede hacer: OAuth 2.0, OpenID Connect, SAML, JWT y LDAP, y proveedores de identidad como Auth0 y Microsoft Entra ID.

    0 de 4 lecciones completadas0%

    4 lecciones · 48 min

  • 14

    Seguridad web

    Proteger aplicaciones y usuarios: cifrado y TLS, cookies, CORS y CSRF, CSP y otras defensas del navegador, contraseñas y secretos, protección de la infraestructura y los marcos de OWASP.

    0 de 6 lecciones completadas0%

    6 lecciones · 77 min

Infraestructura y DevOps

  • 15

    Servidores web, proxies y balanceadores

    La pieza que recibe las peticiones antes que tu aplicación: Nginx como servidor web, proxy inverso y balanceador de carga.

    0 de 2 lecciones completadas0%

    2 lecciones · 24 min

  • 16

    Cloud, hosting y despliegue

    Dónde se ejecuta tu aplicación: los servicios esenciales de AWS, el almacenamiento en Amazon S3, Cloudflare y su CDN, y el despliegue de frontends en Vercel.

    0 de 4 lecciones completadas0%

    4 lecciones · 47 min

  • 17

    Contenedores, infraestructura e IaC

    Empaquetar y desplegar aplicaciones de forma repetible: Docker y Docker Compose, orquestación con Kubernetes, ECS, EKS y Helm, e infraestructura como código con Terraform, CloudFormation y CDK.

    0 de 3 lecciones completadas0%

    3 lecciones · 40 min

  • 18

    CI/CD y DevOps

    Del commit a producción sin pasos manuales: Git y GitLab, pipelines con GitLab CI/CD, Jenkins y AWS CodePipeline, y versionado automático de releases.

    0 de 3 lecciones completadas0%

    3 lecciones · 39 min

Calidad y operación

  • 19

    Testing y calidad de software

    Comprobar que tu código hace lo que debe: pruebas unitarias, de componentes y end-to-end, y calidad estática con linters, formateadores y SonarQube.

    0 de 4 lecciones completadas0%

    4 lecciones · 46 min

  • 20

    Monitorización y observabilidad

    Saber qué está pasando en producción: métricas, logs y trazas con Prometheus y Grafana, y monitorización comercial con Dynatrace.

    0 de 2 lecciones completadas0%

    2 lecciones · 24 min

Arquitectura y rendimiento

  • 21

    Arquitectura y patrones de desarrollo

    Cómo organizar sistemas y código: del monolito a los microservicios, arquitecturas en capas, CQRS y Event Sourcing, arquitecturas web modernas, estrategias de renderizado y patrones de diseño.

    0 de 9 lecciones completadas0%

    9 lecciones · 118 min

  • 22

    Rendimiento, SEO y analítica

    Webs que cargan rápido y que los buscadores premian: medir con Core Web Vitals y Lighthouse, enviar menos código, comprimir y cachear, y servir imágenes eficientes.

    0 de 4 lecciones completadas0%

    4 lecciones · 46 min

Experimenta

Cada lección tiene simuladores: manda peticiones a un servidor de mentira, resuelve dominios o mira cómo el navegador corrige tu HTML.

Comprueba

Cuestionarios cortos al final de cada lección, con la explicación de cada respuesta, aciertes o falles.

A tu ritmo

Tu progreso se guarda en este navegador, sin cuentas ni registros. Vuelve cuando quieras y continúa donde lo dejaste.