initial commit: slides + practica_resueltos + README

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

slides/pages/models/16.md

@@ -0,0 +1,43 @@
+---
+layout: default
+---
+
+# Diferencia: bindTools vs createAgent
+
+<div class="mt-10 text-xs">
+
+<div class="grid grid-cols-2 gap-6">
+
+<v-click>
+<div class="border-l-4 border-blue-500 pl-4 bg-blue-50 dark:bg-blue-900/20 p-4">
+  <h3 class="text-sm font-bold mb-3">🔧 .bindTools()</h3>
+  <p class="mb-2">• El LLM decide si usar la tool</p>
+  <p class="mb-2">• Devuelve <code>tool_calls</code></p>
+  <p class="mb-2">• Tú ejecutas la tool manualmente</p>
+  <p class="mb-2">• Control total del flujo</p>
+  <p class="text-xs opacity-70 mt-3">Ideal para flujos personalizados</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border-l-4 border-green-500 pl-4 bg-green-50 dark:bg-green-900/20 p-4">
+  <h3 class="text-sm font-bold mb-3">🤖 createAgent() <span class="text-xs opacity-60">(LangChain v1)</span></h3>
+  <p class="mb-2">• El agente decide y ejecuta</p>
+  <p class="mb-2">• Loop automático</p>
+  <p class="mb-2">• Ejecuta tools automáticamente</p>
+  <p class="mb-2">• Estado persistente incluido</p>
+  <p class="text-xs opacity-70 mt-3">Ideal para agentes autónomos</p>
+</div>
+</v-click>
+
+</div>
+
+<v-click>
+
+<div class="mt-6 text-center text-xs opacity-70">
+💡 Usa <code>bindTools()</code> para control, <code>createAgent()</code> (LangChain v1) para simplicidad
+</div>
+
+</v-click>
+
+</div>