Diseño web
Todo lo que necesitas saber para crear y mantener un sitio web efectivo y atractivo. Desde cómo elegir la plataforma adecuada hasta cómo optimizar la experiencia del usuario y mejorar el SEO.
Desarrollo de Medios Gráficos Visuales
DESARROLLO DE MEDIOS GRÁFICOS VISUALES ¡Hola a todos! ¡Estoy emocionado de anunciar comenzamos entrenamientos a este CURSO Hola Aprendiz, si alguna vez has querido crear Diseños Editoriales impresionantes pero no sabías cómo empezar, este Taller es fundamental para tu FORMACION. Estas clases inicialmente tienen como fin transferir conocimientos de Publicaciones Digitales con el Diseño Editorial Bienvenido al Taller, hablaremos de: NFC Html5 CSS3 javaScript Bootstrap Git Temario Curso de Implementación de soluciones de Inteligencia Artificial para la Formación https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 Referentes Tipos de Logotipos Creación de Concepto ¡Hola! Qué gusto saludarte. Como diseñador gráfico, te comparto que el concepto es el latido, la brújula y el alma de cualquier marca personal. Sin un concepto sólido, el diseño se convierte en mero adorno: bonito, quizás, pero vacío y carente de memoria a largo plazo. Plantear un concepto en la construcción de una marca personal no es inventarse un logotipo llamativo, sino destilar tu esencia, tus valores y tu propósito en una idea central que conecte emocionalmente con las personas a las que quieres impactar. 1. La Fase de Inmersión: Autoconocimiento Estratégico Antes de abrir cualquier software de diseño o esbozar líneas, debes hacer ingeniería inversa de quién eres. El Propósito (El «Por qué»): ¿Qué problema resuelves y por qué te importa? El Diferenciador (El «Cómo»): Tu metodología, tu voz, tu estilo único o tu experiencia particular. Nadie más tiene tu combinación exacta de vivencias y habilidades. La Esencia: Define 3 palabras clave que resuman tu personalidad profesional (por ejemplo: cercano, disruptivo, metódico). 2. Definición del Territorio y la Audiencia Una marca personal no le habla a todo el mundo, porque cuando intentas gustarle a todos, no le encantas a nadie. ¿Quién es tu cliente, alumno o colaborador ideal? Entiende sus dolores, sus aspiraciones y qué lenguaje visual y verbal resuena con ellos. Ubícate en el mercado: analiza qué están haciendo otros referentes y encuentra ese espacio vacío (el territorio libre) que tú puedes ocupar de forma auténtica. 3. La Traducción Conceptual (De lo abstracto a lo visual) Aquí es donde ocurre la magia del diseño. Consiste en tomar los hallazgos anteriores y convertirlos en metáforas visuales. Lluvia de ideas y asociaciones: Si tu marca es innovación y estructura, ¿qué elementos de la naturaleza o la arquitectura reflejan eso? (Geometría limpia, flujos de energía, simetría). El concepto rector: Define una frase o idea fuerza que guíe todo el proyecto. Por ejemplo: «Diseño que comunica con precisión quirúrgica y alma humana». A partir de ahí, cada decisión estética debe responder a esa premisa. 4. La Sistematización de la Identidad Visual Un concepto fuerte debe traducirse en un sistema coherente, no en elementos aislados. El Logotipo / Símbolo: Debe ser la síntesis máxima de tu concepto. Puede ser un imagotipo, un isotipo o un logotipo tipográfico, pero cada curva, peso y proporción debe tener un porqué estratégico. Paleta de Color: El color comunica antes que las palabras. Define una paleta principal y de acento basada en la psicología del color y en lo que tu marca quiere evocar (autoridad, creatividad, cercanía, energía). Tipografía: La voz escrita. Selecciona tipografías que hablen el mismo idioma que tu concepto (una fuente palo seco geométrica transmite modernidad y orden; una serif con carácter transmite elegancia y trayectoria). Sistema de soporte: Texturas, patrones, dirección de fotografía o recursos gráficos recurrentes que hagan que tu marca sea reconocible en un post de redes sociales, una presentación o un sitio web. 5. Consistencia y Tono de Voz El diseño gráfico sin una voz coherente se queda a mitad de camino. Define cómo hablas: ¿Eres formal, divertido, didáctico, inspirador? Aplica tu sistema visual con disciplina en todos los puntos de contacto (tu perfil, tus contenidos, tus portafolios o tus clases). La recordación de marca nace de la repetición coherente en el tiempo. ¿Hay algún proyecto específico de marca personal que tengas en mente ahora mismo (ya sea en el ámbito educativo, del diseño, la tecnología o la creación de contenidos) sobre el cual te gustaría que empecemos a perfilar este concepto? Articulos de Explicaciones Marca Personal: Investigación Bocetación Estructuración Vectorización Diseño de Personaje Paleta de Colores Manual de Marca Personal, minimo 10 hojas Portafolio Web Diseñador: Investigación, referentes infografías de Lenguajes Brief Mapa de Navegación Tu navegador no soporta la visualización de PDF. Puedes descargar el archivo aquí. . Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje CSS Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Proceso de Producción Producto Editorial Proceso creación de Producto Editorial Multimedia Fase de Investigación Investigación Exploración visual, análisis de referencias, benchmarking y tendencias. Brief Documento donde se recopila la información del cliente, objetivos del proyecto, público objetivo y necesidades. Fase de Preproducción Creación de Concepto – Tema de Diseño Planteamiento creativo que define la identidad visual del proyecto. Idea Que producto creativo vas a realizar; Manual de Marca Personal, Portafolio de Diseñador, Publicación Digital Cartilla Representación visual preliminar del producto o mensaje comunicacional. Boceto / Sketch Dibujos rápidos que permiten visualizar la estructura inicial del proyecto. Machote y medida 9 puntos minimo. Fase de Producción Retícula / Wireframe Estructura base de navegación y organización de los elementos visuales. Fase de Postproducción Imprimir Cartilla Material de Apoyo Cortar, pegar, armar acabados, maauina encaratuladora. caratula blanda Videotutoriales explicativos Explicación de Indesign a pdf para impresión de Cuartilla https://youtu.be/pUkwDTGwwyA Herramientas recomendadas Drag and drop con javascript: https://drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/ Creador de personas que no existen: https://thispersondoesnotexist.com/ Pagina de Iconos: https://fontawesome.com/ Creador de Gradientes: https://cssgradient.io/ Creador de imagenes con IA: https://firefly.adobe.com WEB CONTENT ACCESIBILITY Y LICENCIAS https://www.w3.org/WAI/standards-guidelines/wcag/es https://developer.mozilla.org/es/docs/Web/Accessibility/Understanding_WCAG La practica hace al maestro Temario Curso de Implementación de soluciones de Inteligencia Artificial para la Formación https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4
Festival de Emprendimiento
PROPUESTA INSTITUCIONAL DE EVENTO ¡Hola a todos! El Equipo de instructores de cenigraf estamos emocionados en anunciar evento de emprendimiento y cierre de etapa lectiva de produccion multimedia Hola estudiante, si alguna vez has querido crear sitios web impresionantes pero no sabías cómo empezar, este entrenamiento es fundamental para tu proceso formativo. Tu navegador no es compatible con iframes. Descarga el PDF Este equipo inicialmente tiene como fin transferir conocimientos de como realizar el evento Bienvenido al Evento, hablaremos de: Proyectos Multimedia Muestra Interactiva Arte Emprendimiento Bilingüismo Homenaje a Julieth Gámez Innovación Streaming Cenigraf Tu navegador no es compatible con iframes. Descarga el PDF 1. Proyectos de Producción Multimedia e Innovación Digital Exhibición de Proyectos de Cierre de Trimestre: Muestra final interactiva mediante estaciones/stands donde los aprendices exponen sus productos multimediales terminados. Formatos y Contenidos Multimedia: Cortometrajes y piezas audiovisuales. Muestra y proyecciones de cortos de animación. Prototipos web, aplicaciones y contenido interactivo. Experiencias de realidad virtual (VR) y narrativas digitales. 2. Dimensión Humana y Expresión Creativa Muestra Artística y Cultural: Presentación de talentos de aprendices en danza, música y expresión escénica (previo filtro y convocatoria de calidad). Foro y Conversatorio Literario: Espacio dedicado a resaltar la labor de aprendices autores/escritores, enfocado en el proceso creativo de sus publicaciones y obras. Enfoque Centrado en el Ser Humano: Sensibilización sobre el valor humano dentro del desarrollo técnico y tecnológico, promoviendo el equilibrio entre el talento humano y las nuevas tecnologías. 3. Emprendimiento y Desarrollo Empresarial Feria de Emprendimiento SENA: Espacio comercial habilitado para que los aprendices muestren y comercialicen sus unidades productivas y proyectos de negocio. Casos de Éxito y Productos Reales: Muestras de procesos comerciales reales desarrollados por aprendices de fichas avanzadas (ej. productos con clientes reales, marcas propias). Relacionamiento Empresarial: Vinculación e interacción directa con empresarios invitados del sector de las artes gráficas y la comunicación. 4. Bilingüismo y Comunicación Técnica Presentación de Abstracts en Inglés: Socialización técnica de los proyectos formativos en segunda lengua, articulada con el equipo de instructores de comunicación e inglés. Estructura Pedagógica: Demostración de las competencias comunicativas y el perfil profesional integral del aprendiz Cenigraf. 5. Homenaje Institucional y Valores Premio Institutional «Julieth Gámez»: Reconocimiento a la excelencia académica, el compromiso y la dimensión humana de los aprendices, creado en homenaje a la labor y memoria de la instructora Julieth Gámez. 6. Divulgación Tecnológica y Cobertura Media Transmisión y Medios: Cubrimiento y transmisión en vivo (live streaming) a través de las redes oficiales de Cenigraf. Integración de la Comunidad: Convocatoria a aprendices de colegios en articulación con la media y comunidad educativa general SENA Videotutoriales explicativos https://youtu.be/pGQnGrSUEgk?si=sr0nnDucid_UZlk-https://youtu.be/4euM_DhaHJY?si=n-NvgH4r3_pyTZG1https://youtu.be/nH5Y178O2U0?si=8ocqWC4I-K0tpu3Chttps://youtu.be/X6HH-KjOJck?si=fHQItKGruEaqxRXshttps://youtu.be/ShMS_ViFw1w?si=ads_p0DOB8-_FmHWhttps://youtu.be/Z3JM5YMaDhw?si=z19Hyw8kUX_MOcR-https://youtu.be/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https://youtu.be/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps://youtu.be/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps://youtu.be/0FeSGNnYoOM?si=nieONtrP2fzYCfvF La practica hace al maestro
Medialab
MEDIALAB ¡Hola a todos! ¡Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear sitios web impresionantes pero no sabías cómo empezar, este entrenamiento es fundamental para tu proceso formativo. Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Bienvenido al Taller, hablaremos de: Html5 CSS3 javaScript Bootstrap Git PHP React Angular MySql Temario Curso de Diseño Frontend HTML, CSS, JavaScript y Git https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 HTML51.1 Etiquetas Huérfanas / Compuestas1.2 Estructura semántica1.3 Etiquetas semánticas1.4 Atributos comunes y generales 1.5 Estructura del documento1.6 Identación y herencias1.7 Box model CSS2.1 Estructura sintaxis2.2 Tipos de incorporación CSS: – Interno – Externo – En línea2.3 Identación, herencias y comentarios2.4 Niveles de especificidad2.5 Flexbox grid, Breakpoints2.6 Mediaqueries2.7 Pseudo Elementos2.8 Pseudo Clases2.9 Z-index Git5.1 Introducción a Git y control de versiones5.2 Github5.3 Repositorios5.4 Control de cambios y push5.5 Terminología y comandos básicos de Git5.6 Metodología Bootstrap4.1 Librería4.2 Componentes4.3 Incorporación: – CDN – Librería local 4.4 Incorporación de componentes, helpers, layout4.5 Identación, herencias y comentarios4.6 Display Grid4.7 Flexboxgrid4.8 Grid systems4.9 Breakpoints JavaScript3.1 Introducción a JavaScript3.2 Variables y tipos de datos3.3 Operadores y expresiones3.4 Estructuras de control: – Condiciones (if, else if, else) – Bucles (for, while, do-while) – Switch3.5 Funciones y ámbito de variables3.6 Objetos y propiedades3.7 Arrays y bucles de iteración3.8 Eventos y manipulación del DOM3.9 jQuery (opcional) https://youtu.be/ZeVsrmw5t-Y Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje CSS Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Recursos especializados Generador de CSS GRID Videotutoriales explicativos https://youtu.be/pGQnGrSUEgk?si=sr0nnDucid_UZlk-https://youtu.be/4euM_DhaHJY?si=n-NvgH4r3_pyTZG1https://youtu.be/nH5Y178O2U0?si=8ocqWC4I-K0tpu3Chttps://youtu.be/X6HH-KjOJck?si=fHQItKGruEaqxRXshttps://youtu.be/ShMS_ViFw1w?si=ads_p0DOB8-_FmHWhttps://youtu.be/Z3JM5YMaDhw?si=z19Hyw8kUX_MOcR-https://youtu.be/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https://youtu.be/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps://youtu.be/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps://youtu.be/0FeSGNnYoOM?si=nieONtrP2fzYCfvF Herramientas recomendadas Drag and drop con javascript: https://drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/ Creador de personas que no existen: https://thispersondoesnotexist.com/ Pagina de Iconos: https://fontawesome.com/ Creador de Gradientes: https://cssgradient.io/ Creador de imagenes con IA: https://firefly.adobe.com WEB CONTENT ACCESIBILITY Y LICENCIAS https://www.w3.org/WAI/standards-guidelines/wcag/es https://developer.mozilla.org/es/docs/Web/Accessibility/Understanding_WCAG La practica hace al maestro
Worldskills 2026 Tecnología Web
1mer Lugar Aprendiz logro un tiempo de 18 minutos 2do Lugar Aprendiz logro un tiempo de 20 minutos 3cer Lugar Aprendiz logro un tiempo de 23 minutos En el marco de las pruebas entre aprendices del Centro para la Industria de la Comunicación Gráfica
3229697
After Effects After 1 After 2 After 3 Marketing Digital
Spect Driven Development
Qué es Spec Driven Development Spec Driven Development propone, en esencia que la especificación preceda y guíe al código. No es un marco de trabajo ni una metodología prescriptiva como scrum. Es más bien un enfoque de trabajo que propone: Escribir primero una especificación clara de lo que se quiere construir: objetivos, reglas de negocio, criterios de aceptación, restricciones técnicas. Usar esa especificación como fuente tanto para humanos como para agentes de IA. Generar código a partir de la spec, no de prompts improvisados. Como lo resume GitHub en su documentación de Spec Kit: «En este nuevo mundo, mantener software significa evolucionar especificaciones. […] El código es el enfoque de última milla.»[3] Referente 1 En el contexto de Spec-Driven Development (SDD) —o Desarrollo Guiado por Especificaciones— y de acuerdo con el análisis de la fuente compartida, el rol del programador tradicional se transforma profundamente. Deja de ser un simple «escriba» de líneas de código (evitando caer en el descontrol del vibe coding) para convertirse en un Arquitecto de Especificaciones que dirige a los agentes de Inteligencia Artificial. A continuación, se detallan 4 funciones básicas que realiza un profesional de la programación bajo este enfoque de trabajo: 1. Redacción y Modelado de la Especificación (The Spec) La función principal y más crítica del trabajador ya no es picar código directamente, sino estructurar el pensamiento antes de actuar. El programador debe redactar un documento técnico sumamente claro, riguroso y versionado (que funciona como un super-prompt). ¿Qué hace exactamente?: Define con precisión los objetivos del software, las reglas de negocio, los criterios de aceptación, las restricciones técnicas y los flujos de manejo de errores, asegurando que el documento sea legible tanto para humanos como para los agentes de IA. 2. Diseño del Plan Técnico y Descomposición de Tareas Una vez definida la especificación a nivel de producto o característica (feature), el desarrollador debe trazar la estrategia técnica para que las herramientas de IA no tengan que improvisar ni «adivinar» la arquitectura. ¿Qué hace exactamente?: Utiliza herramientas del ecosistema SDD (como GitHub Spec Kit o Kiro) para ejecutar flujos estructurados que van desde los requisitos iniciales hasta un plan concreto. Descompone la funcionalidad general en un conjunto de tareas (tasks) técnicas viables, ordenadas y acotadas. 3. Orquestación y Supervisión de Agentes de IA El desarrollador actúa como el director de un equipo de «programadores junior virtuales». El código de última milla es generado de forma masiva y veloz por los Modelos de Lenguaje (LLMs), pero la ejecución depende de las instrucciones de la especificación. ¿Qué hace exactamente?: Alimenta a las herramientas de desarrollo con la especificación y supervisa cómo los agentes automatizados traducen esas directrices en archivos de código fuente, manteniendo el control absoluto de la lógica de negocio implantada. 4. Auditoría de Código, Pruebas y Validación (Review) Debido a que la IA opera bajo un modelo probabilístico (no determinista) y puede llegar a ignorar reglas por exceso de celo o cometer fallos sutiles, la intervención humana en el control de calidad es indispensable. ¿Qué hace exactamente?: El trabajador revisa los resultados, valida que los archivos generados cumplan fielmente con los criterios de aceptación de la especificación y complementa el flujo aplicando pruebas de calidad tradicionales (como Test Driven Development – TDD para el código unitario o Behavior Driven Development – BDD para verificar el comportamiento de extremo a extremo del sistema). En resumen: En la labor diaria de SDD, el profesional cambia el foco del «¿Cómo lo programo?» al «¿Qué quiero construir y por qué?», elevando su nivel de abstracción para garantizar la calidad, consistencia y mantenimiento de la base de código.
Curso Marketing Digital Casa Santa Barbara
Hola Estudiantes Mi correo: jlopezdi@sena.edu.co llenar formulario Feedback 1- Conceptos técnicos: Marketing Digital: Acciones y estrategias para Contenido y creación de Blogs videos, para atraer y educar en anuncios en plataformas sociales. SEO (Search Engine Optimization) Optimización en Motores de Busqueda: Posicionar palabras o busquedas, posicionar productos y servicios, aumenta la visibilidad organica de manera gratuita SEM (Search Engine Marketing) Pagar publicidad para estar en los primeros lugares de busqueda paga. Creación de Contenido. Redes Sociales: X, Facebook, Instagram, Youtube, Linkedin, para llegar a mas clientes CTR (Click Through Rate) Tasa de Clics, Es el porcentaje de usuarios que hacen clic en un anuncio, mide el porcentaje de usuarios ROI (Return of Investment) Es una metrica que se utiliza para saber si el dinero que se invirtio en la publicidad genero ganacias. CRM (Costumer Relationship Management) Sistema creado para ventas para obtrener mas y ganar mas la expansión de una empresa o cliente. KPI (Key Power Indicators) es una metrica para medir un objetivo especifico, que tan bien se esta lograndpo dentgro de una empresa proyectpo, empresa o actividad. TOKENS PROMPT: Es una instruccion detalla o conjunto de datos que usa un usuario para obtener informacion adecuada. Social Media Marketing Marketing Digital con IA Copyrighting Chatbots LLM (Large Language Model) Vision general creada por la ia para poder extender y entender alos humanos, entrenados con conjuntos de datos masivos, modelo extenso de lenguaje. CTA (Call to Action) es un termino utilizado para que un usuario realice una accion especifica, el objetivo, frase para animar a las personas a hacer una acción como comprar, escribenos, siguenos. Chat GPT Claude Gemini DeepSeek Open AI: Empresa lider creadora de Chat GPT para ayudar a las personas, aprender y trabajar. 2- Prompt Estructura de Prompt:CONTEXTO + ROL + OBJETIVO + TONO + FORMATO 3- Logo – Slogan y Paleta de Colores 4- Foto Emprendimiento 5- Fanpage de Emprendimiento 6- Creación Video Comercial – Flow 7- Estructuras nuevas de prompting:– RTF (Rol + Tarea + Formato)– TAM (Tarea + Acción + Meta)– ADP (Antes + Despues + Puente)– CARE (Contexto + Acción + Resultado + Ejemplo)– REPE (Rol + Entrada + Pasos + Espectativa) 8- Briefing: (Instrumento de Recolección de Información) 9- Estructura REPE para la construcción de Excel de contenidos del emprendimiento: (el contexto es la informacion del brief) 10- Calendario de Fechas especiales 11- Prompt Creación Avatar 12- Analisis de palabras clave 13- Creación Video Comercial 2 – Flow
Proceso de Creación de Producto Multimedia
Proceso creación de Producto Multimedia Fase de Investigación Investigación Exploración visual, análisis de referencias, benchmarking y tendencias. Brief Documento donde se recopila la información del cliente, objetivos del proyecto, público objetivo y necesidades. Fase de Preproducción Concepto Gráfico Planteamiento creativo que define la identidad visual del proyecto. Idea Concepto creativo principal que guiará el desarrollo del producto multimedia. Afiche Representación visual preliminar del producto o mensaje comunicacional. Boceto / Sketch Dibujos rápidos que permiten visualizar la estructura inicial del proyecto. Fase de Producción Retícula / Wireframe Estructura base de navegación y organización de los elementos visuales. Fase de Posproducción Mockup / Prototipo Simulación visual del producto final antes de su desarrollo o publicación.
Implementación de soluciones de Inteligencia Artificial
Clase 1 Bienvenido a la clase 1 del Curso Soluciones de Inteligencia Artificial 📘 — el punto de partida perfecto para tu viaje en el mundo de la IA y su aplicación real en proyectos y negocios. En esta sesión inicial exploramos qué es la Inteligencia Artificial, cómo funciona y por qué está revolucionando industrias completas. 🔍 ActividadDeben escoger una estructura de prompt y construirla con un tema de libre elección, luego debe presentar el resultado he indicar con que modelo lo realizó y que reflexión le merece Clase 2 https://youtu.be/79I5llPhdFU Esta clase te llevará de la teoría a la acción, entendiendo que la IA no es solo generación de texto o imágenes, sino una metodología estructurada para crear, vender y escalar soluciones inteligentes. Exploramos conceptos clave como: Segmentación de clientes y Buyer Persona Propuesta de valor diferencial Canales de comunicación y análisis de sentimiento Consumer Journey Automatización de marketing con IA CRM, Email Marketing y Remarketing SEO y posicionamiento orgánico Herramientas como ChatGPT, Gemini y Grok aplicadas al marketing estratégico Actividad: Ejercicio de Reflexión de contraste de las 3 LLM (Large Language Model) para postear en este Blog;– ChatGPT, – Grok, – Gemini Clase 3 Aprenderás a identificar problemas que pueden resolverse con IA, comprenderás el ciclo de vida de un proyecto de Inteligencia Artificial, analizarás los componentes técnicos clave (datos, modelos, entrenamiento, validación y despliegue) y entenderás cómo convertir una idea en una solución funcional y escalable. https://youtu.be/6NTWU9VlGq0 Actividad: Keyword research de ideas de contenido y posicionamiento SEO (Search Engine Optimization) Palabras Clave para Posicionamiento Organico de Optimizacion en Motores de busqueda. Clase 4 https://youtu.be/ZohAy4-bq5A Aprenderás cómo transformar una necesidad organizacional en una solución basada en IA, comprendiendo desde la recolección y preparación de datos hasta el entrenamiento, validación y despliegue de modelos. Esta clase es clave para quienes desean pasar de la teoría a la aplicación práctica en proyectos reales de Inteligencia Artificial. ActividadDeben postear un parrafo escrito de 500 caracteres de su opinion del ejercicio usando Perplexity y parafraseando con claude. Clase 5 Parte 1 y 2 Reflexionamos sobre: El papel indispensable del ser humano en el uso de la IA La importancia de los fundamentos antes que la herramienta Cómo las herramientas generan PPT, SVG, MP4, MP3 y otros formatos La evolución de PowerPoint frente a la integración con modelos como ChatGPT La necesidad de coworking y construcción colectiva del conocimiento La preparación hacia HTML, CSS y JavaScript para crear landing pages inteligentes El enfoque estratégico hacia CRM y páginas de aterrizaje https://youtu.be/NLvnl3vEoNg 💡 Esta clase no es solo técnica. Es una reflexión profunda sobre cómo pensar estratégicamente la Inteligencia Artificial y cómo convertirla en una aliada real en proyectos digitales. Si quieres dominar la IA desde los fundamentos y no solo desde la herramienta, esta clase es obligatoria. https://youtu.be/qqIzUiol2RE Aquí no solo hablamos de inteligencia artificial… hablamos de cómo implementarla correctamente. Durante la sesión se desarrollan conceptos clave sobre estructuración de soluciones, integración tecnológica, análisis de datos, toma de decisiones automatizada y visión estratégica para proyectos de IA. Esta clase está diseñada para quienes desean pasar del conocimiento conceptual a la ejecución profesional. Si quieres entender cómo se construyen soluciones inteligentes con enfoque real, impacto organizacional y visión de transformación digital, esta clase es para ti. 🔥 La inteligencia artificial no reemplaza a los profesionales… potencia a los que saben implementarla. Aprende, estructura y ejecuta con mentalidad estratégica. Descarga Presentación Complementaria Canal de Youtube Suscribete Actividad: Creación de Landing Page con Antigravity Clase 6 Se hace énfasis en: 🔹 Google Antigravity como metáfora de ruptura de paradigmas digitales.🔹 Nano Banana como ejemplo de interacción creativa en entornos impulsados por IA.🔹 La importancia de la mentalidad disruptiva en la transformación digital.🔹 Cómo la inteligencia artificial potencia la creatividad humana en lugar de reemplazarla. Descarga Presentación Complementaria https://youtu.be/htgd81BkOdk Esta clase no se queda en la teoría. Invita a pensar estratégicamente cómo integrar herramientas inteligentes en proyectos reales, fortaleciendo competencias digitales avanzadas y visión tecnológica. Clase 7 Descarga Presentación Complementaria https://youtu.be/xStQsyryKvs Actividad: practica con Antigravity para la creación de landing page, base de generación de imagenes con modelos nano banana, firefly Clase 8 Parte 1 y 2 https://youtu.be/f5xM54s2VNc Descubrirás: 🔹 Cómo estructurar prompts precisos y profesionales🔹 Ingeniería de instrucciones para generar infografías técnicas🔹 Uso estratégico del lenguaje descriptivo🔹 Componentes visuales: etiquetas, dimensiones, materiales, flujos funcionales🔹 Optimización visual para proyectos académicos y tecnológicos En esta sesión, el profe Jlopez (Juan Francisco López Díaz) profundiza en las técnicas estratégicas para construir Landing Pages efectivas, integrando Inteligencia Artificial para la generación del código y enseñando cómo llevar ese proyecto al mundo real mediante su despliegue en servidores. 🔹 Creación estratégica de Landing Pages educativas🔹 Uso de prompts para generar código HTML, CSS y JavaScript🔹 Diferencias entre hosting, dominio y repositorio🔹 Análisis de servidores pagos y gratuitos🔹 Evaluación de alternativas como Hostinger y otros proveedores🔹 Publicación gratuita mediante GitHub🔹 Creación de repositorio público🔹 Configuración de rama gh-pages🔹 Proceso de build & deployment🔹 Generación de URL pública para compartir https://youtu.be/T_D-5_gV_b8 Actividad: Presentar un Prompt, creado por usted Clase 9 Parte 1 y 2 https://youtu.be/LxCAAbqdDdk Un prompt común produce resultados comunes.Un prompt estructurado con intención estratégica produce innovación. Si quieres dominar la Inteligencia Artificial, debes dominar primero tu forma de pensar y estructurar instrucciones. Recuerda:La calidad de tus resultados depende de la calidad de tus preguntas. 🚀 La Inteligencia Artificial no reemplaza tu creatividad… la amplifica. Cuando aprendes a estructurar correctamente un prompt visual, dejas de “probar suerte” y empiezas a diseñar resultados. Recuerda:No gana quien tiene la herramienta más potente.Gana quien sabe cómo dar la instrucción correcta. 🚀 Tu creatividad tiene estructura. Tu estructura genera impacto. https://youtu.be/XvxEU7q2J7s Actividad: Generar las imagenes del proyecto Landing Page Clase 10 Parte 1 y 2 https://youtu.be/r96JOjlk6sQ 💡 Reflexión clave de la clase:Las marcas que realmente crecen no son las que solo venden productos, sino las que comunican valor, construyen comunidad y generan confianza a través del contenido. 🔥 Si estás construyendo tu proyecto digital, tu marca personal o tu emprendimiento, esta clase te dará una base