Loading...
Community presentation
Crea una presentación en español de **10–12 diapositivas**, dirigida a desarrolladores de software con conocimientos de programación. # Título **IA + Programación: herramienta o…
Create your own version
Use this visual direction as inspiration for a new Presenton deck.
Use this designCreator prompt
Crea una presentación en español de **10–12 diapositivas**, dirigida a desarrolladores de software con conocimientos de programación. # Título **IA + Programación: herramienta o dependencia** ## Objetivo Explicar de forma directa cómo la IA puede **potenciar a un desarrollador que entiende programación, fundamentos y arquitectura**, y qué problemas aparecen cuando alguien depende de la IA sin comprender el código que genera. La presentación debe ser técnica, visual, moderna y provocadora, pero **sin caer en exageraciones ni afirmar que la IA reemplazará a los developers**. ## Estructura ### 1. Portada **IA + Programación** > La diferencia no está en usar IA. > Está en entender lo que genera. ### 2. Dos formas de usar IA Comparar visualmente: **Developer con fundamentos** ```text Problema → Entiende → Diseña → IA → Revisa → Prueba ``` **Vibe coder dependiente** ```text Prompt → Código → Error → Prompt → Código → ¿? ``` ### 3. ¿Dónde realmente ayuda la IA? Mostrar ejemplos: * Boilerplate. * Tests. * Refactoring. * Debugging. * SQL. * Documentación. * Logs. * Código repetitivo. Mensaje: > **La IA reduce trabajo mecánico.** ### 4. La IA no sustituye el criterio Mostrar: ```text IA → propone Developer → decide ``` Explicar brevemente: * Arquitectura. * Reglas de negocio. * Seguridad. * Rendimiento. * Trade-offs. ### 5. El peligro del código que "funciona" Mostrar: ```text Compila ✓ Ejecuta ✓ Producción ✓ Pero... SQL Injection N+1 queries Memory leak Race condition ``` Mensaje: > **Que funcione no significa que esté bien.** ### 6. Ejemplo real Mostrar un pequeño código generado por IA con un error. Preguntar al público: > **¿Lo mandarías a producción?** Después revelar el problema y explicar por qué un developer necesita fundamentos para detectarlo. ### 7. Vibe coding Definirlo brevemente: > Crear software principalmente mediante prompts, dejando gran parte de la implementación en manos de la IA. Mensaje: > El problema no es utilizarlo. > El problema es **no entender el resultado**. ### 8. Fundamentos que siguen importando Mostrar visualmente: ```text POO HTTP SQL Git Testing Debugging Arquitectura Seguridad ``` Mensaje: > **La IA puede escribir código. Tú necesitas saber si ese código tiene sentido.** ### 9. Developer + IA Mostrar el flujo ideal: ```text Entender ↓ Diseñar ↓ Preguntar ↓ Generar ↓ Revisar ↓ Testear ↓ Deploy ``` ### 10. IA como multiplicador Mostrar: ```text Fundamentos + Experiencia + Criterio + IA ↓ Mayor capacidad ``` ### 11. Regla de oro Diapositiva minimalista: # Si no puedes explicar el código, # no deberías aprobarlo. ### 12. Cierre # No compitas con la IA. # Aprende a utilizarla. Subtítulo: > **La herramienta puede generar el código. > La responsabilidad sigue siendo del desarrollador.** ## Estilo * 10–12 diapositivas. * Duración: **20–30 minutos**. * Muy poco texto. * Código real y ejemplos concretos. * Diagramas simples. * Estética de conferencia tecnológica. * Nada de imágenes genéricas de robots o cerebros digitales. * Sin emojis. * Las explicaciones extensas deben ir en las notas del presentador. * Utilizar ejemplos de **Java/Spring Boot, Angular, SQL, REST y Docker** cuando sea apropiado. Follow Design: {"palette":["Void black #0D1117 — primary canvas background","Subtle border slate #30363D — cards, dividing rules, and code containers","Terminal neon green #2EA043 — successful checks, tests, and best practices","Warning amber #D29922 — trade-offs and code smell alerts","Critical error crimson #F85149 — production vulnerabilities and anti-patterns","Pure code text #F0F6FC — primary titles and high-contrast statements"],"fonts":{"Space Grotesk":"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap","Inter":"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap","JetBrains Mono":"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"},"type":"Space Grotesk in 600-700 weight with tight tracking (-0.02em) for punchy technical slide titles; Inter Regular and Medium for concise secondary statements and bulletless labels; JetBrains Mono in 400-500 weight for all code blocks, pipeline arrows, error tags, and terminal syntax.","layout":"12-column widescreen layout with generous 64px padding; side-by-side comparative split layouts for 'Fundamentos vs Vibe Coding'; asymmetric 60/40 layouts pairing a minimal prompt flow with real-world code diffs; extreme vertical centering for single-sentence manifesto slides.","framework_treatment":"Deep dark UI panels with 1px hairline borders (#30363D) and 8px corners; terminal title bars with subtle macOS status dots for code listings; syntax highlighting with soft red/green diff backgrounds; clean directional chevron pipelines for workflow steps; zero decorative illustrations or stock imagery.","feels_like":"A GitHub Universe or Vercel Ship keynote presented on an OLED main stage"}
Presentation overview
This community presentation was shared by URTAAV TAAV as a complete 12-slide example. Crea una presentación en español de **10–12 diapositivas**, dirigida a desarrolladores de software con conocimientos de programación. # Título **IA + Programación: herramienta o… The preview lets you review the full sequence in order, rather than judging the design from a single cover image.
Use it as a reference for planning your own deck: notice how the amount of information changes from slide to slide, where visual emphasis appears, and how repeated design choices help the presentation feel connected. Community examples are inspiration, not locked templates, so you can keep the ideas that fit your audience and replace anything that does not.
Learn from the example
Look at the job each slide performs. Identify where the deck introduces its subject, develops the main points, adds evidence or examples, and moves toward a conclusion.
Notice which element attracts attention first and how headings, supporting text, images, and data are separated. Strong hierarchy makes the intended reading order obvious.
Compare spacing, typography, color, and repeated components across the slides. Consistent rules help varied content feel like one presentation instead of unrelated screens.
Make it your own
Begin with your audience and the decision, lesson, or action the presentation should support. Replace the topic, examples, evidence, and visuals with material you can verify, then edit every slide for one clear takeaway. You can borrow the visual direction without copying the creator's wording or message. Presenton will use this community deck as a design reference while you develop content for your own purpose.
