DEV Community

Cover image for He creado un libro gratuito de desarrollo web con 38 capítulos
Urukais-klick
Urukais-klick

Posted on

He creado un libro gratuito de desarrollo web con 38 capítulos

Hola comunidad,

Quiero compartir un proyecto en el que llevo meses trabajando: Libro del Desarrollador Web, una plataforma educativa gratuita en español para aprender desarrollo web desde cero hasta nivel profesional.

🤔 El problema que quería resolver

La mayoría de tutoriales son pasivos. Lees, copias, olvidas. Y cuando quieres repasar un concepto, tienes que rebuscar entre decenas de pestañas abiertas.

Quería crear algo diferente: un recurso que fuera interactivo, estructurado y en español, que pudieras usar como referencia durante años.

✨ ¿Qué lo hace especial?

No es solo un libro de texto. Es un entorno de aprendizaje:

  • 38 capítulos organizados en 7 niveles, desde principiante hasta vanguardia.
  • Quizzes interactivos al final de cada capítulo. Si fallas, te explico por qué.
  • Editores de código en vivo para probar HTML, CSS y JS sin salir de la página.
  • Laboratorios StackBlitz para ejecutar Node.js directamente en el navegador.
  • Sistema de logros y certificados en PDF al completar el libro.
  • Comentarios en cada página vía Giscus (GitHub Discussions).
  • Modo oscuro con un diseño ultra-premium.

🛠️ Stack técnico

Por si a alguien le interesa cómo está construido:

  • MkDocs + Material for MkDocs para el sitio estático.
  • GitHub Actions para el despliegue automático en cada push.
  • GitHub Pages con dominio personalizado.
  • Giscus para los comentarios.
  • Mermaid para los diagramas de arquitectura.
  • Un montón de JavaScript y CSS personalizado para los quizzes, el sandbox y el sistema de logros.

📚 Niveles del libro

  • 🟢 Principiante: HTML, CSS, JavaScript, responsive, formularios.
  • 🟡 Intermedio: Git, APIs, despliegue, portfolio.
  • 🟠 Avanzado: CSS moderno, JS asíncrono, TypeScript, testing.
  • 🔴 Profesional: Node.js, DevOps.
  • 🟣 Experto: PWA, WebSockets, animaciones, design systems.
  • 🔵 Élite: Seguridad, WebAssembly, IA, WebXR, Web3.
  • 🚀 Vanguardia: Docker, GraphQL, Micro-frontends, IA Generativa.

🔗 Enlaces

Es completamente gratis y open source (licencia MIT). Cualquier feedback, sugerencia o contribución es más que bienvenida.

¡Espero que os sea útil!

Top comments (0)