The latest articles on DEV Community by Urukais-klick (@urukais-klick). https://dev.to/urukais-klick https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4194320%2F8b2b9a0e-23de-4f00-90b8-526266cb5b69.jpg https://dev.to/urukais-klick en Urukais-klick Mon, 19 Oct 2026 14:40:07 +0000 https://dev.to/urukais-klick/he-creado-un-libro-gratuito-de-desarrollo-web-con-38-capitulos-5cch https://dev.to/urukais-klick/he-creado-un-libro-gratuito-de-desarrollo-web-con-38-capitulos-5cch <p>Hola comunidad,</p> <p>Quiero compartir un proyecto en el que llevo meses trabajando: <strong>Libro del Desarrollador Web</strong>, una plataforma educativa gratuita en español para aprender desarrollo web desde cero hasta nivel profesional.</p> <h2> 🤔 El problema que quería resolver </h2> <p>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.</p> <p>Quería crear algo diferente: un recurso que fuera <strong>interactivo, estructurado y en español</strong>, que pudieras usar como referencia durante años.</p> <h2> ✨ ¿Qué lo hace especial? </h2> <p>No es solo un libro de texto. Es un entorno de aprendizaje:</p> <ul> <li> <strong>38 capítulos</strong> organizados en 7 niveles, desde principiante hasta vanguardia.</li> <li> <strong>Quizzes interactivos</strong> al final de cada capítulo. Si fallas, te explico por qué.</li> <li> <strong>Editores de código en vivo</strong> para probar HTML, CSS y JS sin salir de la página.</li> <li> <strong>Laboratorios StackBlitz</strong> para ejecutar Node.js directamente en el navegador.</li> <li> <strong>Sistema de logros y certificados</strong> en PDF al completar el libro.</li> <li> <strong>Comentarios en cada página</strong> vía Giscus (GitHub Discussions).</li> <li> <strong>Modo oscuro</strong> con un diseño ultra-premium.</li> </ul> <h2> 🛠️ Stack técnico </h2> <p>Por si a alguien le interesa cómo está construido:</p> <ul> <li> <strong>MkDocs</strong> + <strong>Material for MkDocs</strong> para el sitio estático.</li> <li> <strong>GitHub Actions</strong> para el despliegue automático en cada push.</li> <li> <strong>GitHub Pages</strong> con dominio personalizado.</li> <li> <strong>Giscus</strong> para los comentarios.</li> <li> <strong>Mermaid</strong> para los diagramas de arquitectura.</li> <li>Un montón de <strong>JavaScript y CSS personalizado</strong> para los quizzes, el sandbox y el sistema de logros.</li> </ul> <h2> 📚 Niveles del libro </h2> <ul> <li>🟢 <strong>Principiante</strong>: HTML, CSS, JavaScript, responsive, formularios.</li> <li>🟡 <strong>Intermedio</strong>: Git, APIs, despliegue, portfolio.</li> <li>🟠 <strong>Avanzado</strong>: CSS moderno, JS asíncrono, TypeScript, testing.</li> <li>🔴 <strong>Profesional</strong>: Node.js, DevOps.</li> <li>🟣 <strong>Experto</strong>: PWA, WebSockets, animaciones, design systems.</li> <li>🔵 <strong>Élite</strong>: Seguridad, WebAssembly, IA, WebXR, Web3.</li> <li>🚀 <strong>Vanguardia</strong>: Docker, GraphQL, Micro-frontends, IA Generativa.</li> </ul> <h2> 🔗 Enlaces </h2> <ul> <li>🌐 <strong>Web</strong>: <a href="https://libro.urukais.com/" rel="noopener noreferrer">libro.urukais.com</a> </li> <li>💻 <strong>GitHub</strong>: <a href="https://github.com/urukaisk-maker/Libro-desarrollador-Web-Urukais-" rel="noopener noreferrer">urukaisk-maker/Libro-desarrollador-Web-Urukais-</a> </li> </ul> <p>Es <strong>completamente gratis y open source</strong> (licencia MIT). Cualquier feedback, sugerencia o contribución es más que bienvenida.</p> <p>¡Espero que os sea útil!</p> beginners programming tutorial webdev