1<!DOCTYPE html><html lang="es" class="scroll-smooth"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Blog | Didaskalia 3.0</title><meta name="description" content="Ideas y recursos sobre diseño instruccional, eLearning y experiencias de aprendizaje."><meta name="author" content="Vladimir Valladares"><link rel="canonical" href="https://didaskalia.org/blog/"><link rel="icon" type="image/svg+xml" href="/assets/favicon.svg"><!-- TipografÃa --><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><!-- Open Graph (Facebook/LinkedIn) --><meta property="og:type" content="website"><meta property="og:url" content="https://didaskalia.org/blog/"><meta property="og:title" content="Blog | Didaskalia 3.0"><meta property="og:description" content="Ideas y recursos sobre diseño instruccional, eLearning y experiencias de aprendizaje."><meta property="og:image" content="https://didaskalia.org/hero-bg1.webp"><meta property="og:site_name" content="Didaskalia 3.0"><meta property="og:locale" content="es_PA"><!-- Twitter Cards --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Blog | Didaskalia 3.0"><meta name="twitter:description" content="Ideas y recursos sobre diseño instruccional, eLearning y experiencias de aprendizaje."><meta name="twitter:image" content="https://didaskalia.org/hero-bg1.webp">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Didaskalia 3.0","url":"https://didaskalia.org/","logo":"https://didaskalia.org/assets/logoD.svg","sameAs":["https://pa.linkedin.com/in/vladimirvalladares","https://www.instagram.com/didaskalia30"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Didaskalia 3.0","url":"https://didaskalia.org/","inLanguage":"es-PA"}</script>
1<link rel="stylesheet" href="/_astro/_slug_.Bv2ocSnn.css"></head> <body class="min-h-screen bg-gray-50"> <header class="fixed w-full bg-white/80 backdrop-blur-md shadow-sm z-50"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-20"> <div class="flex items-center"> <a href="/" class="flex items-center space-x-2"> <img class="w-50 mr-4" src="/assets/logoD.svg" alt="Logo de Didaskalia 3.0"> </a> </div> <div class="hidden mdmenu:flex items-center space-x-8"> <a href="/" class="text-gray-700 hover:text-primary transition-colors"> Home </a><a href="/#services" class="text-gray-700 hover:text-primary transition-colors"> Servicios </a><a href="/#methodology" class="text-gray-700 hover:text-primary transition-colors"> MetodologÃa </a><a href="/#founder" class="text-gray-700 hover:text-primary transition-colors"> Fundador </a><a href="/blog" class="text-gray-700 hover:text-primary transition-colors"> Blog </a><a href="/recursos" class="text-gray-700 hover:text-primary transition-colors"> Recursos </a> <a href="/#aula-d" class="btn btn-primary">Accede al Aula D</a> </div> <button id="mobile-menu-button" class="mdmenu:hidden flex items-center" aria-label="Menu"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6 text-gray-700"> <line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line> </svg> </button> </div> <div id="mobile-menu" class="hidden mdmenu:hidden"> <div class="px-2 pt-2 pb-3 space-y-1"> <a href="/" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50"> Home </a><a href="/#services" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50"> Servicios </a><a href="/#methodology" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50"> MetodologÃa </a><a href="/#founder" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50"> Fundador </a><a href="/blog" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50"> Blog </a><a href="/recursos" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50"> Recursos </a> <a href="/#aula-d" class="btn btn-primary "> 2Accede al Aula D 3</a> </div> </div> </nav> </header>
3<script type="module">const n=document.getElementById("mobile-menu-button"),e=document.getElementById("mobile-menu");n&&e&&(n.addEventListener("click",()=>{e.classList.toggle("hidden")}),e.querySelectorAll("a").forEach(t=>{t.addEventListener("click",()=>{e.classList.add("hidden")})}),window.addEventListener("scroll",()=>{e.classList.contains("hidden")||e.classList.add("hidden")}));</script>
3 <main class="pt-20 min-h-screen bg-gradient-to-br from-primary/5 via-white to-primary/5"> <section class="py-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-left sm:text-center max-w-3xl mx-auto"> <span class="badge badge-primary badge-soft badge-lg"> Blog </span> <h1 class="mt-6 text-4xl font-extrabold text-base-content sm:text-5xl"> 4Ideas para diseñar mejores aprendizajes 5</h1> <p class="mt-4 text-xl text-gray-600"> 6Reflexiones, guÃas y criterios prácticos para tomar mejores 7 decisiones antes, durante y después de diseñar una experiencia de 8 aprendizaje. 9</p> </div> <div class="mt-14 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <article class="group flex h-full flex-col overflow-hidden rounded-lg bg-white shadow-md ring-1 ring-primary/10 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:ring-primary/25"> <a href="/blog/evaluar-no-es-preguntar" class="block overflow-hidden"> <img src="https://cdn.sanity.io/images/2d7v8ge3/production/b6cf83637a059c9a91f4bf467b08df0d8032f2df-1672x941.png?w=1200&fit=max&auto=format" alt="Recorrido visual desde el objetivo y el desempeño hasta la evidencia y la retroalimentación." class="h-48 w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"> </a> <div class="flex flex-1 flex-col p-6"> <div class="mb-5 flex items-center justify-between gap-4"> <span class="inline-flex w-fit items-center rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary"> Diseño instruccional </span> <span class="text-sm text-gray-500">7 min</span> </div> <h2 class="text-xl font-bold leading-tight text-gray-900"> Evaluar no es preguntar: cómo diseñar una evidencia auténtica </h2> <p class="mt-4 flex-1 text-sm leading-6 text-gray-700"> Una evaluación útil no solo comprueba qué recuerda una persona: hace visible lo que puede hacer con lo a
9prendido en una situación relevante. </p> <div class="mt-6 flex items-center gap-3 border-t border-gray-100 pt-5"> <img src="https://cdn.sanity.io/images/2d7v8ge3/production/03047873eba849b8ff288168854b28fe3f974b80-1080x1080.jpg?w=160&fit=max&auto=format" alt="Vladimir Valladares" class="h-9 w-9 rounded-full object-cover" loading="lazy"> <div> <p class="text-sm font-semibold text-gray-900"> Vladimir Valladares </p> <p class="text-xs text-gray-500"> 6 de mayo de 2026 </p> </div> </div> <a href="/blog/evaluar-no-es-preguntar" class="mt-6 inline-flex items-center text-sm font-semibold text-primary transition-colors group-hover:text-primary-dark"> 10Leer artÃculo 11<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </article><article class="group flex h-full flex-col overflow-hidden rounded-lg bg-white shadow-md ring-1 ring-primary/10 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:ring-primary/25"> <a href="/blog/curso-se-disena-hacia-atras" class="block overflow-hidden"> <img src="/assets/secuencia.webp" alt="Ruta visual de diseño de curso mostrando el recorrido del participante hacia adelante y el proceso de diseño a la inversa desde la evidencia final." class="h-48 w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"> </a> <div class="flex flex-1 flex-col p-6"> <div class="mb-5 flex items-center justify-between gap-4"> <span class="inline-flex w-fit items-center rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary"> Diseño instruccional </span> <span class="text-sm text-gray-500">5 min</span> </div> <h2 class="text-xl font-bold leading-tight text-gray-900"> Un curso se recorre hacia adelante, pero se diseña a la inversa </h2> <p class="mt-4 flex-1 text-sm leading-6 text-gray-700"> Diseñar un curso no empieza por listar contenidos, sino por imaginar qué evidencia demostrará que el aprendizaje ocurrió. </p> <div class="mt-6 flex items-center gap-3 border-t border-gray-100 pt-5"> <img src="https://didaskalia.org/fotodeperfil.webp" alt="Vladimir Valladares" class="h-9 w-9 rounded-full object-cover" loading="lazy"> <div> <p class="text-sm font-semibold text-gray-900"> Vladimir Valladares </p> <p class="text-xs text-gray-500"> 6 de abril de 2026 </p> </div> </div> <a href="/blog/curso-se-disena-hacia-atras" class="mt-6 inline-flex items-center text-sm font-semibold text-primary transition-colors group-hover:text-primary-dark"> 12Leer artÃculo 13<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </article><article class="group flex h-full flex-col overflow-hidden rounded-lg bg-white shadow-md ring-1 ring-primary/10 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:ring-primary/25"> <a href="/blog/disenar-actividades-no-es-llenar-tiempo" class="block overflow-hidden"> <img src="/assets/actividad.webp" alt="Mapa visual de funciones de una actividad de aprendizaje: activar, analizar, aplicar, practicar, producir y mejorar." class="h-48 w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"> </a> <div class="flex flex-1 flex-col p-6"> <div class="mb-5 flex items-center justify-between gap-4"> <span class="inline-flex w-fit items-center rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary"> Diseño instruccional </span> <span class="text-sm text-gray-500">6 min</span> </div> <h2 class="text-xl font-bold leading-tight text-gray-900"> Actividades que hacen avanzar el aprendizaje </h2> <p class="mt-4 flex-1 text-sm leading-6 text-gray-700"> Criterios para diseñar actividades con intención pedagógica: practicar, aplicar, decidir y generar evidencia alineada al objetivo. </p> <div class="mt-6 flex items-center gap-3 border-t border-gray-100 pt-5"> <img src="https://didaskalia.org/fotodeperfil.webp" alt="Vladimir Valladares" class="h-9 w-9 rounded-full object-cover" loading="lazy"> <div> <p class="text-sm font-semibold text-gray-900"> Vladimir Valladares </p> <p class="text-xs text-gray-500"> 19 de marzo de 2026 </p> </div> </div> <a href="/blog/disenar-actividades-no-es-llenar-tiempo" class="mt-6 inline-flex items-center text-sm font-semibold text-primary transition-colors group-hover:text-primary-dark"> 14Leer artÃculo 15<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </article><article class="group flex h-full flex-col overflow-hidden rounded-lg bg-white shadow-md ring-1 ring-primary/10 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:ring-primary/25"> <a href="/blog/objetivo-aprendizaje-no-es-formalidad" class="block overflow-hidden"> <img src="/assets/objetivo-aprendizaje-formalidad.webp" alt="Brújula de diseño con contenido, actividad, evaluación y retroalimentación organizados alrededor de un objetivo de aprendizaje." class="h-48 w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"> </a> <div class="flex flex-1 flex-col p-6"> <div class="mb-5 flex items-center justify-between gap-4"> <span class="inline-flex w-fit items-center rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary"> Diseño instruccional </span> <span class="text-sm text-gray-500">5 min</span> </div> <h2 class="text-xl font-bold leading-tight text-gray-900"> El objetivo que ordena todo el curso </h2> <p class="mt-4 flex-1 text-sm leading-6 text-gray-700"> Cómo usar el objetivo de aprendizaje como criterio para seleccionar contenidos, diseñar actividades y evaluar con coherencia. </p> <div class="mt-6 flex items-center gap-3 border-t border-gray-100 pt-5"> <img src="https://didaskalia.org/fotodeperfil.webp" alt="Vladimir Valladares" class="h-9 w-9 rounded-full object-cover" loading="lazy"> <div> <p class="text-sm font-semibold text-gray-900"> Vladimir Valladares </p> <p class="text-xs text-gray-500"> 19 de febrero de 2026 </p> </div> </div> <a href="/blog/objetivo-aprendizaje-no-es-formalidad" class="mt-6 inline-flex items-center text-sm font-semibold text-primary transition-colors group-hover:text-primary-dark"> 16Leer artÃculo 17<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </article><article class="group flex h-full flex-col overflow-hidden rounded-lg bg-white shadow-md ring-1 ring-primary/10 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:ring-primary/25"> <a href="/blog/virtualizar-contenido-no-es-disenar-elearning" class="block overflow-hidden"> <img src="/assets/virtualizar-no-disenar.webp" alt="Representación visual del paso de contenidos digitalizados a una experiencia eLearning diseñada." class="h-48 w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"> </a> <div class="flex flex-1 flex-col p-6"> <div class="mb-5 flex items-center justify-between gap-4"> <span class="inline-flex w-fit items-center rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary"> eLearning </span> <span class="text-sm text-gray-500">5 min</span> </div> <h2 class="text-xl font-bold leading-tight text-gray-900"> Cuando subir materiales no basta </h2> <p class="mt-4 flex-1 text-sm leading-6 text-gray-700">
17 Claves para convertir contenidos digitales en una experiencia eLearning con ruta, práctica, retroalimentación y evidencia. </p> <div class="mt-6 flex items-center gap-3 border-t border-gray-100 pt-5"> <img src="https://didaskalia.org/fotodeperfil.webp" alt="Vladimir Valladares" class="h-9 w-9 rounded-full object-cover" loading="lazy"> <div> <p class="text-sm font-semibold text-gray-900"> Vladimir Valladares </p> <p class="text-xs text-gray-500"> 20 de enero de 2026 </p> </div> </div> <a href="/blog/virtualizar-contenido-no-es-disenar-elearning" class="mt-6 inline-flex items-center text-sm font-semibold text-primary transition-colors group-hover:text-primary-dark"> 18Leer artÃculo 19<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path> </svg> </a> </div> </article> </div> </div> </section> </main> <footer class="bg-primary py-12 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 divide-y divide-white/20 md:divide-y-0 md:divide-x md:grid-cols-[1fr_2fr_1fr] gap-8"> <!-- Columna 1: Logo --> <div class="flex flex-col items-center"> <img src="/assets/logoblancoD.svg" alt="Logo de Didaskalia 3.0" class="h-20 mb-8"> </div> <!-- Columna 2: Recursos --> <div class="flex flex-col items-center md:items-start md:pl-8"> <h4 class="text-xl font-semibold mb-4">Recursos</h4> <ul class="space-y-2 mb-8"> <li> <a class="flex items-center px-2 py-1 rounded hover:text-gray-200 hover:bg-white/10 transition-all duration-200" href="/blog"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4 mr-1"> <path d="m9 18 6-6-6-6"></path> </svg> <span>Blog</span> </a> </li><li> <a class="flex items-center px-2 py-1 rounded hover:text-gray-200 hover:bg-white/10 transition-all duration-200" href="/dnc"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4 mr-1"> <path d="m9 18 6-6-6-6"></path> </svg> <span>Diagnóstico de necesidad de capacitación</span> </a> </li> </ul> </div> <!-- Columna 3: Redes Sociales --> <div class="flex flex-col items-center md:items-start md:pl-8"> <h4 class="text-white text-xl font-semibold mb-4">SÃguenos</h4> <div class="flex space-x-6"> <a href="https://pa.linkedin.com/in/vladimirvalladares" target="_blank" rel="noopener noreferrer" aria-label="Perfil de LinkedIn de Vladimir Valladares" class="group flex flex-col items-center text-center"> <svg class="h-6 w-6 mb-1 text-white group-hover:opacity-80 transition-opacity duration-200" fill="currentColor" viewBox="0 0 24 24" role="img" aria-labelledby="linkedin-title" aria-hidden="true"> <title id="linkedin-title">Perfil de LinkedIn de Vladimir Valladares</title> <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path> </svg> </a> <a href="https://www.instagram.com/didaskalia30" target="_blank" rel="noopener noreferrer" aria-label="Perfil de Instagram de Didaskalia30" class="group flex flex-col items-center text-center"> <svg class="h-6 w-6 mb-1 text-white group-hover:opacity-80 transition-opacity duration-200" fill="currentColor" viewBox="0 0 24 24" role="img" aria-labelledby="instagram-title" aria-hidden="true"> <title id="instagram-title">Perfil de Instagram de Didaskalia30</title> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
190-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path> </svg> </a> </div> </div> </div> </div> </footer> </body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.