de Claude Build sin escribir código.

1. INTRODUCCIÓN: Hola a todos. Bienvenido a la clase de codificación de vibra con Cloud AI. Y esta es una clase completa de nivel principiante a avanzado y diseñada para ayudarte a construir un tema moderno de wordpress profesional, conecta ses con el poder de la IA con una codificación vibe. Ya seas un principiante completo, un desarrollador web, un freelancer, o un programador o un entusiasta de wordpress, esta clase te enseñará a usar la IA en la nube como tu inteligencia artificial o socio de codificación de IA para construir SAS de alta calidad, así como la solución Wordpress de manera más rápida, inteligente y eficiente Entonces, en última instancia, el desarrollo tradicional de wordpress a menudo requiere escribir miles de líneas de código manualmente. Pero con la codificación vibe, aprenderás a comunicarte con IA y a usar prom bien estructurado para generar, mejorar la depuración y optimizar el código manteniendo el estándar de desarrollo profesional. Y no sólo para Wordpress, se trata de desarrollar el SAS, desarrollar la aplicación. Aprenderás desde cero o desde la raíz para agregar fans. Entonces echemos un vistazo a lo que aprenderás de la clase. Aprenderás a entender lo fundamental de la codificación de vibra con Cloud AI. Aprenderá sobre el aviso de escritura de efectividad para IA asistida para el desarrollo de temas de wordpress, desarrollo de plugins de Wordpress. Aprenderás sobre cómo construir un tema personalizado de WordPress desde cero. Desarrollarás plugin de wordpress rico en funciones. También aprenderás sobre la técnica de seguridad aplicada. Aprenderás sobre la optimización, aprenderás sobre la prueba de depuración y mejorarás o generarás el código. Después de completar esta clase, podrás hacer construirás un tema profesional de wordpress de forma independiente. Aprenderá sobre la aplicación SAS segura escalable y mantenible de Tablop aplicación SAS segura escalable y mantenible Además, podrás usar Cloud AI para acelerar el desarrollo sin comprometer la calidad del código, podrás depurar y optimizar el código generado por IA con confianza. Podrás desarrollar producción lista, wordpress theme o plug ins desde el concepto hasta la implementación. Esta es una clase basada en proyectos, por lo que tendrás proyecto de clase. Entonces, lo que aprenderás o qué lección aprenderás, tendrás la oportunidad de participar en el proyecto de clase, o puedes considerar el toque del proyecto de clase como tu tarea. Entonces, durante el aprendizaje, si requieres el archivo necesario requerido como PRD, como el prompt, como el otro documento esencial, todo se da dentro de la carpeta de recursos, así que no tienes que preocuparte mientras aprendes porque hemos proporcionado todo lo que requirió dentro de la carpeta de recursos Esta es la clase de nivel principiante a avanzado amigable para principiantes. Entonces, si no tienes ningún conocimiento, entonces no tienes que preocuparte porque juntos, tú y yo, aprenderemos desde muy básico hasta el nivel avanzado. Durante el aprendizaje, si te enfrentas a algún problema, entonces no tienes que preocuparte por. Sólo tienes que hacerme la pregunta, y siempre estoy ahí para que te ayudes para enfrentar cualquier problema. Sólo tienes que hacerme la pregunta mientras aprendes. Entonces, ¿a qué esperas? Estoy emocionado de tenerte en nuestra clase, y comencemos a aprender codificación de vibra con quad juntos. 2. Cómo empezar con la codificación de vibe: Hola a todos. Bienvenido a la primera lección de aprendizaje de la codificación de vibra en la nube. La codificación Cloud Vibe es un enfoque de desarrollo de software de asistencia de IA donde describes lo que quieres construir en lenguaje natural y Cloud AI generará la mayor parte del código. En lugar de escribir cada línea manualmente, el desarrollador se centró en proporcionar instrucciones claras, revisar y generar el código, probarlo y finalmente refinar el producto. El término codificación vibra se popularizó en pocos años, y se describe un estilo de desarrollo en el que EI actúa como un socio de codificación colaborativa, y permitirá a los desarrolladores crear aplicaciones mucho más rápido. Entonces espero que tengas la idea de lo que es la codificación de vibra. Y hay muchas plataformas para la codificación vibe como Claude, Jamini CRs o Chat GPT, y muchos más módulos EI Pero en esta clase, nos centraremos en sobre Cloud, y con la nube, desarrollaremos diferentes tipos de aplicación con la codificación vibe. Entonces en última instancia, si no tienes ningún conocimiento previo sobre la codificación, en ese caso, no tienes que preocuparte porque con la codificación vibe ahora, puedes desarrollar cualquier tipo de aplicación, cualquier tipo de conjuntos, cualquier tipo de aplicaciones, todo lo que puedas hacer con la ingeniería rápida o con un comando adecuado. Entonces no necesitas la experiencia de codificación, necesitas saber cómo poner el comando para generar tu salida, ¿verdad? Entonces, vamos a tener un ejemplo. Entonces anteriormente, para hacer una calculadora, había que escribir muchos códigos. Pero hoy en día, hacer una calculadora es muy fácil. Incluso la calculadora que es proporcionada por el sistema predeterminado de Windows, déjame abrirla. Se puede ver en mi pantalla, esta es la calculadora de windows predeterminada, y esta calculadora tenía muchos códigos en el backend Y para hacer una calculadora en unos años atrás, toma más de dos semanas a un mes hacer una calculadora. Pero hoy en día, es bastante fácil. Se puede ver en mi pantalla, he abierto clo.ai. ¿Bien? Entonces esta es mi URL para generar. Y aquí estoy escribiendo Hacer una calculadora. Bien, entonces lo que he escrito aquí en mi caja de sarga, he escrito hacer una calculadora, y he dado clic en este botón de enviar mensaje y se puede ver que se inicia el proceso, y se puede ver que se ha generado una clave hash en mi navegador, y este proyecto se nombra como un edificio una calculadora Y puedes ver aquí, puedes ver en esta puja que las partes que necesitan ser ejecutadas para hacer una calculadora se están ejecutando y el proceso se mueve en segundo plano. Entonces tenemos que esperar un poco hasta que se cree la calculadora. Entonces esperemos unos cuantos. Y aquí vamos. Puedes ver la salida, y puedes ver aquí, la calculadora se crea aquí. ¿Bien? Entonces echemos un vistazo. O la calculadora está funcionando o no. Por lo tanto, quiero multiplicar diez en cinco. Entonces, ¿cuál será la respuesta? En definitiva, la respuesta será la 50. Entonces echemos un vistazo. Vamos a presionar el botón igual y ya puedes ver, obtuvimos nuestra respuesta. Eso significa que esta calculadora ya está funcionando. Entonces, ¿puedes ver la diferencia? Ahora, puedes crear una calculadora dentro de solo un comando. Entonces, lo que he escrito aquí en Cloud, solo usé un solo comando que podría hacer una calculadora, y Cloud creó la calculadora para mí. Y a esto se le llama la codificación de vibra. Entonces espero que tengas la idea práctica cómo está funcionando la codificación de valores. Así que ahora echemos un vistazo a lo que puedes construir con la codificación Cloud vibe. Puede crear aplicaciones web, aplicaciones móviles, plataformas SAS, control y paneles de administración. API RST y servicios backend, diseño de bases y sistema de autenticación de integración, chatbots de IA y aplicaciones impulsadas por IA, páginas de destino y sitio web de marketing, interfaz UIUX, herramientas de automatización, extensiones automatización Bien. Y para el flujo de trabajo típico, puedes describir tu idea de proyecto en inglés sencillo. Se puede pedir tela para generar la estructura del proyecto. Puede crear una característica a la vez usando indicaciones detalladas Puedes revisar y generar el código, y puedes ejecutar la aplicación y probar la funcionalidad. Puedes compartir cualquier error con el código para la depuración. Puede optimizar el refactorizado e implementar la aplicación. Bien, estar codificando es tener algunos beneficios además de tener algunas limitaciones, ¿verdad? Entonces, si consideras los beneficios como acelerar el desarrollo de software, reducir la tarea de codificación repetitiva, facilitar el aprendizaje de nuevos marcos, mejorar la productividad del desarrollador Ayudar con la depuración y refactorización de código, generar documentos Y si consideras sobre la limitación, entonces yo genero código, puede tener algunos errores, y podría tener algunas insuficiencias, así como la escalabilidad del rendimiento de seguridad aún requieren revisión humana, y otra limitación más importante es acerca un desarrollador debe entender la arquitectura y la lógica la arquitectura y la Bien, entonces debes tener en cuenta los pros y los contras porque es tener algunos beneficios además de tener algunas limitaciones. Pero todas las limitaciones pueden ser solucionables, y aprenderemos paso a paso cómo solucionará el problema de seguridad, cómo arreglarás el rendimiento, todo lo que aprenderemos completamente en esta clase Bien. Entonces espero que consigas los conocimientos fundamentales básicos sobre la codificación de la vibra clod, y esto es lo que vamos a aprender en nuestra clase Entonces, en nuestra siguiente lección, vamos a aprender los usos de Cloud y la función de Cloud para comenzar la codificación de vibra hasta que cuídate y adiós a todos. 3. Uso de Claude y configuración: Hola a todos. Bienvenido de nuevo una vez más. Y en esta lección, vamos a aprender sobre el uso de Cloud, y se nos presentará con la funcionalidad de coágulo, y luego comenzaremos la codificación de vibra Entonces, para iniciar la codificación de vibra, debes saber el uso de las herramientas de coágulo sobre la limitación, sobre los modelos, sobre los usos, todo lo que necesitas saber antes de comenzar la codificación vibe Y es por eso que ahora se nos presentará con la funcionalidad Cloud. Para que puedan ver en mi pantalla, abrí cloud.ai. Este es este ERL en mi navegador, pero Cloud tiene dos tipos de suscripción El primero es gratuito y el segundo se paga. Entonces, cuando ejecutes clod.ai en tu navegador, entonces tendrás este tipo de interfaz, ¿de acuerdo? Por lo que te pedirá inicio de sesión, y podrás iniciar sesión con tu cuenta de Gmail o con tu cuenta personal de correo electrónico. Y Cloud también tienen la aplicación Dektop. Entonces en lugar de navegador, si quieres usar su versión de Dexter, en ese caso, tienes descargar la aplicación Deckstop Entonces, en última instancia, la IA de coágulos se puede usar gratis, pero con la función gratuita, no podrás usar todas las herramientas pagas como el diseño del coágulo, código del coágulo, y tendrás la limitación de token también con la Pero si buscas usar sin complicaciones, y quieres usar todas las características que tienen dentro del coágulo, en ese caso, tienes que usar la versión paga Entonces esta es la interfaz después de iniciar sesión, y después de iniciar sesión, tendrás la interfaz similar, y esta es mi versión paga. Para que puedas ver en el sitio del laboratorio, tiene una barra lateral, y puedes ver que esta es la opción de diseño. Entonces, si buscas diseñar cualquier otra cosa con el coágulo, en ese caso, puedes usar este Esto es para la vaca y esto para el código del coágulo. Entonces, en última instancia, el código de coágulo se usa básicamente para fines de codificación Pero en lugar de código de coágulo, también puedes usar este cuadro de chat para codificar ¿Correcto? Y junto con eso, puedes usarlo a través del código de Visual Studio. Y te voy a mostrar cómo puedes ejecutar código de coágulo con el código de Visual Studio Pero antes de eso, vamos a presentarnos primero con las herramientas en el sitio web. Este es nuestro tablero de sitio web. Y aquí tendrás la opción de personalización, aquí para los artefactos, aquí para los proyectos, y aquí para los chats. Y aquí, todos los chats anteriores, tendrás dentro de esta opción de chat. Y si buscas nuevo chat, en ese caso, tienes que ir por el nuevo chat. Y si quieres ampliar el sitio web, en ese caso, tienes que usar la opción de abrir barra lateral. Bien. Ahora, centrémonos en los usuarios y los modelos. Para que puedas ver aquí dentro del chat box, tienes los modelos aquí. Entonces si haces clic, puedes ver aquí el SontFive y parece una opción máxima. Permítanme describir cómo están funcionando estas cosas. Entonces estoy dando click aquí y ya puedes ver, ya puedes ver, Cloud tiene un total de cinco modelos. Esta es la fábula, este es el Opus, este es el Soneto, y este es Entonces, en última instancia, Cloud está utilizando ahora mismo un total de cinco modelos. Y déjame explicarte qué modelo es el mejor para qué tipo de trabajo. Entonces puedes ver que este es el haiku, y este haiku es el modelo más rápido y económico. Entonces si consideras sobre el Soneto, este es el conductor diario de la industria que equilibra el procesamiento rápido con la rezonificación avanzada Y luego si te enfocas en el Opus y el fib, en estos dos modelos son básicamente modelos premium a gran escala construidos para conducción profunda y resolución de problemas codificación pesada y arquitectura compleja Y la fábula es el último modelo más reciente que lanzó recientemente Clause, y la fábula está muy avanzada que ¿Bien? Entonces, si estabas buscando el caso de uso real del haiku, entonces te ayudará para tareas de alto volumen donde la velocidad importa y juicio complejo, ideal para la limpieza de transcripción, lectura masiva de archivos Ediciones rápidas y consultas repetitivas rutinarias. Y para este tipo de tareas, Haiku es perfecto. Y si buscas Sonnet, esto es muy útil para la salida profesional diaria Es altamente capaz de escribir código, redactar artículos, analizar conjuntos de datos y generar ideas de negocio así como propuestas de clientes. Bien. Y ahora, si te enfocas en la fábula fib y el OPS, estos dos son, como dije, las características premium de Y con este Opus y fábula, te ayudará a requerir una toma de decisiones de alto interés y una profunda rezonificación arquitectónica Y estos dos modelos son los mejores para la ingeniería de software compleja, modelado financiero y la investigación científica, mientras que la precisión es primordial. ¿Bien? Entonces espero que tengas la idea cómo está funcionando este modelo cuatro en Cloud. Entonces en última instancia, fábula, como les dije, fábula es la última versión, y esta fábula tiene una capacidad mucho mayor que OPAS porque OPAS era el modelo previamente avanzado, y recientemente, y recientemente, Entonces, en última instancia, necesita la escala de codificación masiva o grande sin complicaciones. En ese caso, se puede considerar para los Opas y los cinco favoritos. Entonces esto es todo sobre el nombre del modelo. Ahora, centrémonos en el esfuerzo, ¿de acuerdo? Entonces, si haces clic aquí esta opción en esfuerzo, tendrás un total de cinco tipos diferentes de esfuerzo como bajo esfuerzo, esfuerzo medio, esfuerzo alto, esfuerzo extra, y el esfuerzo máximo. Entonces necesitas saber una cosa más que el esfuerzo básicamente te está ayudando para la salida, así como el límite de tokens. Y te voy a explicar cómo está funcionando el límite de tokens. Fab y haiku, tienen dos modelos diferentes. Y con el esfuerzo, si usas fábula, tu límite de tokens se quemará muy rápidamente, pero con el hi ku, tu token se quemará lentamente Entonces, como tu precisión estabas buscando si buscas obtener la precisión perfecta con token bajo, en ese caso, puedes usar este alto esfuerzo. Con el alto esfuerzo, tendrás menos quemadura simbológica, pero tendrás la respuesta perfecta. ¿Bien? Pero si buscabas una salida rápida, en ese caso, tienes que usar el esfuerzo Max, pero en ese caso, tu token se quemará muy rápidamente. Bien. Y si estás pinchando en estos modelos más, en ese caso, tendrás la versión anterior. Al igual que aquí, está mostrando los modelos Opus 4.8. Pero si buscas modelos anteriores como 4.7 o 4.6, en ese caso, lo tendrás dentro de la opción de más modelos. Entonces dentro de los más modelos, tendrás el Opus 4.7, 4.6, tres, así como para el Sonnet Este es el último modelo, pero si buscas modelos antiguos, los tendrás aquí. Aquí se muestra 4.6. Entonces ya te dije qué modelo está funcionando para qué propósito y cómo está funcionando el esfuerzo. Ahora vamos a presentarnos con los usuarios, y esto es realmente, muy importante. Entonces, para verificar a los usuarios sobre los tokens, al principio, tienes que ir por la parte inferior izquierda a tu navegador. Entonces puedes ver que este es el ícono, y se trata de tu perfil. Entonces, cuando hagas clic aquí, tendrás la opción de configuración. Y dentro de la configuración, tendrás esta opción de usos. ¿Bien? Entonces tienes que dar click aquí, esto usa y ahora puedes ver que hay diferentes tipos de límites se indican aquí. Como este es un plan usa límites, y estoy usando la versión pro. ¿Bien? Entonces tienen diferentes tipos de modelos, y estoy usando la versión pro, y depende de tus necesidades de tu proceso de trabajo, puedes elegir cualquier versión de ahí, ¿de acuerdo? Entonces con mi versión pro, tiene el límite de sesión actual. Entonces tengo límite semanal. Tengo crédito de usuarios, y tengo límite de gasto mensual. Bien. Entonces diferente tipo de limitación sí tengo, y esto es lo que voy a explicarles ahora mismo cómo está funcionando esta limitación. Para que puedas ver la sesión actual, y ahora ya que usas 0%. Eso significa que en mi sesión actual, hasta el momento, no se usa nada. Entonces echemos un vistazo a cómo está funcionando el límite de sesión actual. Y por lo tanto, voy a escribir aquí esta Cloud AI. Y ahora quiero escribir aquí hola. Y solo presioné el botón de introducción. Bien, entonces ya está iniciando el proceso. Y ahora, si miras aquí, que ahora ya consumo pocas cosas, y ahora puedes ver después de presionar el botón hola, o simplemente escribo el halo aquí, entonces lo que tengo, tengo la respuesta de aquí. Y después de enviar el mensaje de halo aquí, se cambian los usos. Entonces en vez de cero, ahora se consume noticias de una persona. Eso significa que en mi presente sesión, ya consumí noticias de una persona. Y en mi sesión actual, cuando se restablecerá, se restablecerá después de cuatro horas y 53 minutos. , en última instancia, Claude está proporcionando cinco horas por cada monedason. Dentro de cinco horas, tienes que usar tu límite y cantidad de token que has quemado o la cantidad de token que has usado. Esto es lo que aquí está indicando. Entonces como ejemplo, he usado a una persona, y ahora estoy escribiendo aquí, escribir un ensayo para Block chain. Y estoy presionando el botón de introducción. ¿Bien? Entonces ahora, Claude te dará un análisis detallado para la cadena de bloques, y después de obtener el resultado final, entonces tenemos que verificar aquí que cuánto está usando. Entonces ahora lo puedes ver aquí está procesando el ensayo, y aquí, puedes ver que en vez de 1% ahora se convierte en 3%. Y para sacudir los últimos usos para verificar la sesión actual, puede usar esta opción. Esta es la opción de refrescar, y se puede ver la última actualización hace menos de 1 minuto. Entonces, si estás dando clic aquí, en ese caso, te actualizará o te dará el informe de actualización de actualización Bien. Y ahora puedes ver que se usa 4%, ¿de acuerdo? Eso significa que el resultado ya está preparado en otra pestaña. Así que volvamos a otra pestaña. Y ahora ya pueden ver, ya me dieron el ensayo para blockchain. Genial, ¿verdad? Entonces esta es mi salida. Y para escribir para escribir este ensayo, se han utilizado el límite total del 4%. Y ahora permítanme hacer clic aquí para refrescar, en última instancia, se usa un total de 4% de token de mi sesión actual. Entonces espero que tengas la idea de cómo está funcionando la sesión actual y cuánta entrada y salida recibirás del chat box. Entonces según tu entrada y según salida, tu límite de Uso se consumirá. Bien, entonces esta es toda la sesión actual. Ahora enfócate en el límite semanal, y puedes ver que la versión pro tiene los límites semanales, y puedes ver que ya consumí el 6% de mi límite semanal. Entonces, en última instancia, por cada cinco horas está proporcionando para la sesión actual, y según el uso de su sesión actual, los límites semanales están consumiendo. Entonces, por cada uso de la sesión actual, se incrementa según el uso de tu sesión. Es aumentar el límite semanal. Y una vez que tu límite semanal esté hecho o una vez que tu límite semanal esté totalmente terminado, entonces qué harás. Algunos de ustedes están haciendo una tarea de codificación muy débil y su límite semanal ha terminado, entonces qué harán. En ese caso, puedes usar créditos. ¿Bien? Entonces, si tu tarjeta de crédito ya está asignada con tu opción de facturación, entonces puedes agregar el crédito aquí y puedes usarlo desde tu crédito. Y puedes establecer el límite de gasto mensual. Al igual que aquí, establecí el límite de gasto mensual de $20. Eso significa que si mi límite semanal ha terminado, entonces puedo usar más $20 de mi tarjeta de crédito. Y aún así, todavía tengo, tengo algún saldo de unos 100 dólares, y es proporcionado por la nube y todavía puedo usar este crédito de 100 dólares. Pero este crédito promocional tiene algún problema de caducidad. Por lo que te proporcionarán algunas fechas de caducidad, y tienes que usar el crédito promocional antes de la fecha de vencimiento. ¿Bien? Y una cosa más quiero decirte sobre el crédito promocional que no siempre obtendrás el crédito promocional. De acuerdo con la campaña de promoción que brinda la Nube, recibirás el crédito promocional a veces, pero no siempre obtendrás. Derecha. Entonces así es como usarás la IA de clod, y cuando harás el trabajo de codificación grande, debes tener que enfocarte aquí porque si proporcionas un comando grande que se ejecutará o que consumirá mucha cantidad de token Entonces antes de proporcionar el comando grande, debes tener que verificar el límite de sesión actual y límite semanal porque si tienes muy pocos límites para sesión actual o si tienes muy pocos límites semanales, y si proporcionas el comando superior que consumirá gran cantidad de token, en ese caso, tu comando no se ejecutará correctamente y lo harás tiene algunos fallos en su código Por eso debes tener que verificar los usos mientras vas a usar la nube. Y esta es una buena práctica para la codificación. Y si te enfocas en usos y si te enfocas en el prompt, entonces te ayudará a generar la salida perfecta. Y una cosa más quiero decirte que cuando vas a tener la menor cantidad de carencación, como solo te queda 20% ya 80% concebido 20% En ese momento, proporcionar el gran mando para obtener la gran producción, no es una buena práctica. Siempre debes tener que usar el comando más grande cuando tengas suficiente límite de sesión, ¿verdad? Así que he usado el 4% en este momento así puedo proporcionar un comando grande para la salida más grande. Pero si solo tienes un límite del 80%, en ese caso, si proporcionas el comando más grande para generar cualquier salida más grande o para hacer la codificación grande o proporcionar un PRD desde el principio en ese caso, tu proceso no se completará en ons Por lo tanto, debes tener en cuenta que cuando tengas suficiente curenzation, en ese caso, podrás poner el prompt adecuado para el código Y de acuerdo a tus necesidades, tienen diferentes tipos de modelos como el P, como el máximo, como los equipos. Entonces de acuerdo a tus necesidades, si necesitas mayores usos, en ese caso, puedes actualizar tus planes, ¿verdad? Entonces así es como está funcionando el clod, y espero que tengan la idea de cómo el token de nube y están funcionando el token de nube y la sesión y los límites Genial, ¿verdad? Entonces ya presentamos con la interfaz con los modelos, con los tokens, y ahora es el momento de aplicar la codificación de vibra real. Entonces, en nuestra siguiente lección, vamos a crear un tema de wordpress, y ese tema de wordpress se desarrollará totalmente por la codificación vibe. Entonces espero que hayas disfrutado de esta lección, y la siguiente lección va a ser una lección muy interesante, y tendrás muchas cosas importantes en nuestra siguiente lección. Hasta ahí, cuídate y adiós a todos. 4. Desarrollo de temas de Vibe Coding: Hola a todos. Bienvenido de nuevo una vez más. Y en esta lección, vamos a aprender cómo vas crear un tema de wordpress usando be coding. Y si no tienes conocimientos de codificación, no tienes que preocuparte porque crearemos el tema de wordpress y lo haremos funcional usando la codificación vibe y con el uso de prompt, lo haremos y lo haremos vivir en el hosting. Bien. Entonces saltemos directamente a nuestro punto principal. Entonces para hacer un tema de Wordpress usando be coding, al principio, hay que crear el PRD Entonces, ¿qué es PRD PRD significa documento requisito de producto Y en PRD, hay que mencionar lo que va a hacer Esto es muy importante, ¿de acuerdo? Entonces al principio, hay que hacer el PRD, y dentro del PRD, que mencionar todo como cuál será el color, cuál será el nicho, cuántas páginas habrá ahí, su objetivo, su propósito, su estructura, su seguridad, su desempeño, todo lo que tiene que mencionar dentro del Y por lo tanto, aprendiendo a hacer PRD, te voy a mostrar ahora mismo Y de mi experiencia personal robarlo, encontré Google JAMine basado para escribir PRD porque uso chat GPT, usé copiloto, usé clod así como usé Google JAMine y entre medias comparo todo el otro agente de IA, encontré Google Jaini Y por lo tanto, voy a usar el JMI E para escribir el PRD Bien, para que puedas ver en mi pantalla en mi navegador, abrí el jm@google.com. Este es el RL y ya estás familiarizado con esta popular plataforma de IA. Y aquí dentro, hay que escribir un aviso, ¿de acuerdo? Entonces, antes de comenzar a hacer el tema, si sabes para quién y cuál es el propósito, ¿cuál es el nicho? ¿Cuáles son las categorías? Si lo sabes todo, puedes escribir directamente aquí. A modo de ejemplo, vamos a crear un tema de WordPress para restaurantes, y el nombre será Moogle Restaurant Bien, entonces el tema se hará a nombre del restaurante Mughal. Y este es el nombre de la marca. Entonces lo que ya declaramos aquí, hemos declarado el nicho. Eso significa que nuestro nicho es la comida porque el restaurante es relevante con la comida, y el nombre de nuestro tema será el tema del restaurante mogol Entonces, en última instancia, dos cosas que hemos descrito aquí. El primero es el nombre de la marca y el segundo es el nicho. Entonces así, tienes que describirlo todo si tienes. Al igual que, si tienes la paleta de colores, si tienes el estilo de fondo, si tienes el estilo tipográfico, todo, puedes describir dentro del Pero si no tienes el nicho exacto, categorías exactas, paleta de colores exacta, o cualquier otra información, en ese caso, puedes tomar la ayuda de la IA. Bien, entonces comencemos a hacer el PRD primero. Y para hacer la vaina, hay que escribir el prompt. ¿Bien? Entonces comencemos a escribir el prompt y para escribir el prompt al principio, lo que tienes que escribir, quiero hacer un tema de Wordpress y será un tema de restaurante. Bien, entonces he mencionado que voy a hacer un tema de WordPress, y aquí he mencionado el nicho y será un tema de restaurante. Y el nombre del tema será Michael Restaurant. TIM. Bien. Entonces al principio, he declarado que he declarado el nicho y el nombre de mi equipo. Y ahora lo que necesito escribir, necesito escribir aquí, e hice PRD por ello. Bien. Entonces en última instancia, solo estoy haciendo el PRD con Jamin E, pero voy a ejecutar al PRD en Por lo tanto, hay que mencionar estas cosas dentro de su prompt. Y por lo tanto, estoy escribiendo aquí. Voy a desarrollar el tema de Claude. Bien, entonces voy a desarrollar el tema por coágulo. Esto es lo que he mencionado. Y si das el comando exacto, en ese caso, tendrás el mejor PRD porque Jim y E entenderán que codificación será generada por la IA del coágulo Por lo tanto, JAMine preparará el PRD de acuerdo a su pronta. Por eso siempre hay que mencionar si está utilizando el JMNE para PRD, qué plataforma de IA se utilizará Y por lo tanto, ya mencioné aquí que voy a desarrollar el tema por coágulo. Bien. Ahora, hay que mencionar algunas cosas como el código debería ser a nivel empresarial. estándar de nivel empresarial garantiza la seguridad. Asegurar el desempeño. Y receptivo. Bien, entonces en última instancia, cuando uses esta palabra clave responsive, será compatible para la pestaña Escritorio y las vistas de teléfonos inteligentes. Bien, entonces este es nuestro problema principal. Entonces revisemos lo que hemos escrito aquí. Al principio, mencioné aquí, quiero hacer un tema de Wordpress. Entonces esto es lo que se declara exactamente lo que vas a hacer. Quiero hacer un tema de Wordpress, y será un restaurante. Así que aquí, este es el nicho, ¿de acuerdo? Y el nombre del equipo será Mogul Restaurant. Y este es tu nombre de marca. Y necesito PRD para ello. Bien. Entonces en última instancia, le estoy pidiendo PRD a Jamini Entonces esto es todo sobre el prompt. Entonces mencioné voy a desarrollar el tema por la nube. Entonces aquí dentro, declaro cuál será mi plataforma. Entonces mencioné que el código debe ser estándar a nivel empresarial, garantizar la seguridad, garantizar el rendimiento y responder. Bien, por hacer la amarga frase, puedes escribir aquí y el tema debe ser. Responsivo. Bien, genial, ¿verdad? Entonces ahora, vamos a presionar el botón de introducción desde nuestro teclado o simplemente puede hacer clic en este botón enviar, entonces tendrá el PRD primario, pero necesita hacer más dirección y cambios después de que tenga el Vamos a por el PRD primero. Después realizaremos la modificación acuerdo a sus necesidades. Bien, entonces estoy presionando el botón inter. Y una vez que presionarás el botón de introducción, iniciará el proceso y puedes ver aquí está la salida Para que puedas ver el documento de requerimiento del producto o PRD, y puedes ver lo que se menciona aquí El documento de requisitos del producto PRD está diseñado para desarrollar un tema de restaurante magnate utilizando un colaborador de IA como nube para obtener niveles empresariales seguros y código de alto rendimiento de un LLM los requisitos se desglosan en pedazos, especificación modular que puede alimentar a la nube sección por sección Entonces este es nuestro PRD. Al principio, se nombra aquí. El nombre del proyecto será el tema Mogul Restaurant, y aquí ya, AI ha definido al público objetivo Entonces, ¿cuál será mi audiencia aquí? Mencioné sobre la alta gastronomía para restaurantes del sur de Asia o Mogul, marcas culinarias de lujo y valores de hospitalidad de alta gama Entonces, todo esto se trata del público objetivo. Entonces en vez de esto generé público objetivo, si tienes algún público central, en ese caso, puedes escribir aquí. Supongamos que está haciendo un tema de wordpress para el estilo europeo o para la cocina china. En ese caso, hay que mencionar cuál será su público objetivo. Por lo que esto te ayudará a generar el tema correctamente. Bien, entonces aquí, se menciona sobre la filosofía. Ahora, centrémonos en el plano técnico. Y se puede ver en técnica, se menciona sobre Marco de desarrollo. Aquí, se menciona el enfoque híbrido usando componente PHB estándar combinado con una biblioteca de bloques Gutenberg personalizada Sin dependencias de elementos o DV para garantizar el máximo rendimiento. Esto es realmente muy importante. Bien. Así que en última instancia hoy en día, lo que pre tienen dos tipos de editor. El primero es por defecto, el editor de Gutenberg. Esta es la última, y junto con eso, si no eres una persona tecy, en ese caso, puedes enfocarte en el elementor, porque Elementor es muy fácil de usar, y es una opción de gota de dragón Entonces si tienes los conocimientos básicos sobre la biblioteca de bloques, como si ya tienes el conocimiento sobre el Gutenberg, en ese caso, puedes simplemente usar directamente estas cosas o en lugar de block library, si no tienes conocimientos tecnológicos, en ese caso, puedes usar element porque Elementor, como te dije que es muy fácil de usar y tiene montones componentes, pero el problema es, no tendrás todas las características en elementor gratis porque elementor tiene versión paga así como la versión gratuita Pero con la versión gratuita, puedes hacer muchos cambios. ¿Bien? Entonces dependiendo de tus necesidades, puedes elegir el framework, ya sea será la biblioteca de bloques Gutenberg o Elementor Por lo que días normales la biblioteca de bloques de Gutenberg es ampliamente utilizada. Por lo tanto, prefiero usar primero la biblioteca de bloques de Gutenberg Bien. Entonces lo que se escribe aquí en plano arquitectónico técnico en segundos mantiene el estándar de código, 100% de cumplimiento con el estándar de codificación de voz Wordpress y las reglas internacionales de ESL para JavaScript Como hemos pedido el estándar de código, ya se menciona aquí. Entonces se menciona sobre la eficiencia de la base de datos. Entonces se menciona sobre la gestión de activos. Luego, para la característica principal y el requisito funcional, es proporcionar lo que se proporciona que puede ver aquí, motor dinámico de menú de alimentos, sistema de reservas de lujo, personalizador en vivo y token de diseño Y luego se centra en la especificación de seguridad empresarial. Bien, entonces aquí dentro, lo que mencionamos, obtuvimos mayormente lo que necesitamos. Llegamos aquí. Pero la pregunta es, qué es lo que proporciona el contenido generado por IA o el PRD generado por IA Si necesitas cambiar algo más, puedes cambiarlo. Al igual que, puedes ver aquí, se proporciona un menú de comida dinámico. Se puede ver que es pedir el sistema de reservas de lujo. Si no necesitas el sistema de reservas en tu tema, puedes eliminarlo. Y para quitar, tienes que escribir algún prompt aquí y te voy a mostrar. Bien. Entonces, en última instancia, todo se ve bien hasta aquí. Y lo más importante, al principio, es necesario declarar el marco. Y una cosa más que quiero mostrarles número cuatro es sobre el rendimiento y la optimización, y se puede ver 95 más velocidad pagada dentro de la puntuación. Entonces esto es realmente, muy importante. Déjame explicarte cómo están funcionando estas cosas. Si quieres clasificar tu sitio web, en ese caso, tu sitio debería estar cargando rápido. Y por lo tanto, he mencionado sobre la actuación. Y después de usar esa palabra clave en mi prompt, obtuve un estándar de rendimiento y optimización dentro de mi PRD Entonces se menciona sobre el EIUX y es una matriz responsive porque estaba diciendo que debería ser responsive porque no sólo para el portátil o escritorio de vista, debería ser compatible para el smartphone, para la pestaña también Y por eso se menciona el punto número cinco sobre la capacidad de respuesta, cool Y en el número seis, mencionó sobre la estrategia de desarrollo con el clod como hemos declarado, será desarrollado por la nube es todo lo que ha proporcionado aquí Genial, ¿verdad? Entonces ahora tienes algunas preguntas más. La primera pregunta es, ¿crearás el framework con Gutenberg o Elementor Si no te interesa diseñar tu tema con el Gutenberg, puedes escribir aquí Se puede escribir en el baile de graduación que yo quiera, quiero hacer el tema para la compatibilidad elemental. ¿Bien? Y desde el equipo, si no necesitas el sistema de reservas, si quieres eliminar estas cosas, puedes escribir aquí. Bien. Entonces, por lo tanto, quiero, quiero escribir eso ya que no estoy buscando este sistema de reservas, pero me quedo con la biblioteca de bloques Gutenberg Por lo tanto, estoy escribiendo. No necesito este sistema de reservaciones de lujo. Entonces estoy copiando de aquí y estoy pegando. Así que no necesito la función de sistema de reservas de lujo. Entonces estoy presionando el botón de introducción. Entonces después de escribir estas cosas, entonces se eliminará el sistema de reservas. Genial, ¿verdad? Entonces, en definitiva, ahora todo está provisto aquí y ahora voy a decirte una muy importante así que solo se hizo la modificación. Puedes ver aquí después mencionar que no necesito un sistema de reservación de lujo, entonces el sistema de reservación de lujo ha sido eliminado, pero se proporciona por separado. Pero no necesito de esta manera. No necesito el PRD, copia para usar manera porque de lo contrario, cada vez que tengo que volver a mi Gemini, entonces tengo que copiar al PRD Entonces otra vez, tengo que pegarlo. Es totalmente desordenado, pero no necesito las cosas desordenadas. Necesito formas limpias para realizar una manera suave sin tener ningún problema. Por lo tanto, necesito una copia para usar PRD. Entonces voy a copiar los propios de aquí, y lo usaré en la Nube sin ningún problema. Derecha. Y una cosa más tengo que decirte si ves que todo el pd es bastante grande, ¿verdad? Entonces, en última instancia, Cloud tiene que generar mucho comando. La nube tiene que pasar con mucho proceso. Y en ese caso, su token puede quemarse en sus propias manos. Por lo tanto, tenemos que aplicar una cosa, ¿no? Por lo tanto, necesito escribir un prompt porque si proporcionas todo el PRD y si le el PRD enter a Cloud y si ejecutas el comando, entonces con un solo comando, Cloud no podrá hacer el tema de este PRD en posee porque es un proceso largo y tardará muchos minutos a horas, a veces toma y tu salida no va a ser Por lo tanto, vamos a dividir a todo el PRD de manera separada Al igual que en un solo comando, Cloud ejecutará el paso de rendimiento, y en otro comando, Cloud ejecutará el paso de seguridad. En otro comando, ejecutará los estándares de código. Entonces, si dividimos el PRD diferentes maneras o en diferentes pasos, entonces su token no se utilizará en posee, y el rendimiento será muy suave Y puedes rastrear el uso de tu estación actual y puedes obtener la salida perfecta. Por lo tanto, lo que tienes que escribir, tienes que escribir un prompt aquí. Entonces voy a escribir el prompt aquí. Por favor, eche un vistazo en mi pantalla. Estoy escribiendo aquí. Es demasiado grande para hacer el tema en un solo comando para la nube. Por lo tanto, quiero dividir en pasos. El PRD debe dividir en ocho pasos posee un paso está hecho, entonces Claude debería pedirme permiso para iniciar el siguiente paso. Bien. Entonces lo que he escrito aquí, lo he escrito, es demasiado grande para hacer el tema en un solo comando para coágulo Por lo tanto, quiero dividir en pasos. El PRD debería dividirse en ocho pasos una vez hecho un paso, entonces coágulo debería pedirme permiso para iniciar el siguiente Entonces esto te ayudará a guardar tu token. Y si usas este común, entonces tu salida será perfecta y no tendrás ninguna falla Bien, entonces estoy presionando el botón inter, y ahora hay que esperar hasta que se genere la salida a través del Jamini se puede ver que se genera un total de ocho pasos Y se puede ver en el paso uno, se menciona sobre el core tb en el paso dos. Se trata del tipo de publicación personalizada en tres metacuadros en cuatro plantillas centrales en cinco, bloque Gutenberg personalizado número seis, se trata del menú de comida receptivo en el número siete Integración de personalizador en vivo y en número en Step, se trata de la optimización de seguridad y rendimiento Por lo que se divide en total ocho partes. Entonces una vez terminada la primera parte, te pedirá que comiences para el paso dos. Si le das el comando que estás de acuerdo en iniciar el Paso dos, entonces clod iniciará el siguiente paso Entonces así es como puedes guardar tu token, puedes obtener la salida perfecta. Bien, genial. Ahora bien, no se trata de copiar para usar estas cosas. Por lo tanto, hay que escribir otro prompt, como quiero escribir aquí, I N listo para usar y copiar para usar PRD para coágulo Bien. Entonces, cuando escribas este baile de graduación que necesito listo para usar y copiar para usar PRD para coágulo, te dará una versión de copia Un bloque para copia. Tendrás una caja negra aquí dentro, y obtendrás la opción de copia. Sólo hay que esperar un poco porque se puede ver Bien, aquí vamos. Aquí está la salida. Y ahora puedes ver, tenemos copia para usar o listo para usar PRD aquí Sólo tienes que copiar la cotización de aquí, y está dividida en diferentes pasos. Bien, entonces aquí, aquí se menciona el octavo paso y todo lo que tenemos en el PRD, según nuestro rápido Entonces ahora qué tienes que hacer, solo tienes que copiar el código de aquí, y luego tienes que volver a coagular y tienes que pegar aquí Entonces esta es la tarea, pero antes de pegar el PRD en la Nube, tenemos que determinar qué modelo usaremos Esto es realmente importante. Entonces para los modelos, se puede ver ahora mismo default, tenemos la fib Solid Pero Solid fib es bueno para generar el código es bueno para escribir Pero si buscas funcionalidad avanzada sin complicaciones, en ese caso, mi opinión personal, puedes usar directamente OPAs 4.8 o fábula Pero las fábulas requerían. Puedes ver aquí que se requiere usa crédito, y ya te familiar usa crédito. Pero solo por el momento y desde mi punto de vista, solo para tu tarea, puedes usar este Opus 4.8 Entonces, por lo tanto, voy a ver Opus 4.8. Y una cosa más quiero decirte que del FFO de FFOT quiero usar high porque si estás usando Max, entonces tendrás un token pesado consume Por lo tanto, alto es lo suficientemente bueno. Y una cosa más, si enciendes este botón de pensar, en ese caso, tomará mucho tiempo. ¿Bien? Entonces, si buscas obtener la salida más rápido con una precisión perfecta, en ese caso, solo puedes usar el alto. Y mi opinión personal es esta opción de pensamiento que puedes mantener el desvío. Bien, genial, ¿verdad? Entonces ahora tenemos que pegar aquí. Así que vamos a pegar aquí al PRD. Entonces estoy pegando y puedes ver que ya está pegado aquí, y estoy enviando el prompt, o puedes presionar el botón de introducción desde Y ahora se puede ver que se inicia el proceso y lo que está escrito aquí, voy a construir esto paso a paso. Déjame comenzar con el paso uno. Entonces tomará un poco de tiempo porque hay que pasar por un total de ocho pasos. Entonces una vez que se complete el paso uno, entonces le pedirá que inicie el paso dos. Por lo que tenemos que esperar hasta que se complete el paso uno. Entonces esperemos unos momentos. Entonces aquí vamos. Nuestro paso uno se completa, y en el lado derecho, se puede ver la vista previa, ¿de acuerdo? Y si te desplazas hacia abajo, puedes ver en el paso uno, qué creó Cloud, se creó el archivo de estilo, se creó los archivos de tema creados el archivo de función. Y entonces me pregunta, ¿ puedo proceder al paso dos? Y ahora echemos un vistazo a la cantidad token que se consume. Y se puede ver aquí ya se consume 9% de token, y mi actual sesión actual se va a restablecer en 15 minutos. ¿Bien? Y ahora, se me pregunta, ¿ puedo proceder al paso dos? Entonces puedes escribir aquí. Sí, empieza. Paso dos. Y luego puedes presionar el botón de introducción desde tu teclado. Y puedes ver aquí que se inicia el paso dos. Entonces nuevamente, tenemos que esperar un poco, y si no quieres ver la vista previa en lado derecho, en ese caso, puedes cerrar esta vista previa y podrás obtener tu pantalla completa. Bien, así que de nuevo, tenemos que esperar unos momentos. Así que de nuevo, se puede ver que el paso dos se completa, y aquí, de nuevo, se crean algunos CPTs de PhgFleu, algunas funciones de PhgFleu Entonces me pidió el permiso para que los metabxes y campos personalizados y quatro quieran iniciar el paso tres Por eso quiero escribir, empezar. Paso tres. Bien, así que de nuevo, tengo que esperar un poco hasta que se complete el paso tres. Para que veas que se completa el paso tres. Se han creado las cajas meta y las funciones. Y ahora me pidió que iniciara el Paso cuatro, y se trata de la plantilla central y los archivos de diseño de jerarquía. Entonces déjenme dar la orden, empezar. Paso cuatro. Para que veas que se inicia el paso cuatro. Y ahora echemos un vistazo a cuántos toke se consume. Por lo tanto, en otra pestaña, abrí aquí y pueden ver todavía tengo nueve minutos para restablecer mi límite de sesión actual, y hasta el año total 18% consumido. ¿Bien? Bien, entonces nuestro paso cuatro está terminado. Y en el paso cuatro, se han creado muchas cosas. Puede ver índice de menú de mole único, encabezado, pie de página, función de navegación de menú único. Se crean muchos archivos, y ahora me piden iniciar el paso cinco. Y déjenme dar la orden. Aquí, inicia el Paso cinco. Y luego tenemos que esperar un poco. Y ahora echemos un vistazo cuántos tokens se consumen. Vamos a hacer clic en nuestra otra pestaña y se puede ver a un total de 24 personas token se consume, y tenemos seis minutos para restablecer nuestra moneda actual Bien, entonces esperemos hasta que se complete el paso cinco. Bien, entonces el paso cinco está completo. Ahora, y pídeme comenzar el paso seis. Déjame escribir. Sí, empieza. Paso seis. Entonces otra vez, tenemos que esperar. El paso seis está completo. Déjenme comenzar el paso siete. Déjame escribir. Aquí, inicia el paso siete. Y otra vez, tenemos que esperar. Para que veas que el paso siete está completo, y ahora sólo nos queda un paso. Y por eso me está pidiendo la tarea final. Y déjenme escribir, sí, iniciar el paso ocho. Se puede ver que se inicia el proceso del paso ocho. Y ahora echemos un vistazo a nuestros usos, y podrás ver mi límite de sesión anterior se restablece, y después de proporcionar el comando o prompt tet solo se consume 2%, y mi límite de sesión actual o actual se restablecerá después de cuatro horas y 56 minutos después. Bien. Entonces espero que tengas la idea práctica cómo está funcionando el límite de sesión actual porque acabas ver que mi límite de sesión anterior se restablece mientras mi paso avanzaba. Y se puede ver, todavía el paso ocho se está ejecutando y es el paso final, así que tomará un poco más de tiempo porque está puliendo el archivo final y está auditando todas las cosas. Por lo tanto, tomará un poco más de tiempo. Por lo que tenemos que esperar hasta que se complete el paso ocho. Y aquí vamos. Por último, hemos completado un total de ocho pasos. Y se puede ver por fin conseguimos nuestro archivo de tema. Este es el MoblersAant, archivo Zip, y este es el archivo Y junto con eso, se proporciona. Se llama documento. MD significa Markdown. Entonces, en última instancia, se trata del rendimiento de la seguridad o me leen metaboxes. Entonces ahora tenemos que verificar o el tema es viable o no Así que tenemos que probar el tema a nuestro hosting principal. Entonces nos aseguraremos que el tema esté funcionando y sea funcional. Por lo tanto, qué tenemos que hacer tenemos que escribir un prompt aquí y dejarme cerrar la vista previa del lado derecho, y dejarme escribir quiero ejecutar el equipo a un hosting compartido, así que dame el archivo del equipo de WordPress para Instalar en WP admin. Bien. Entonces lo que he escrito aquí porque tenemos que probar el tema es o bien funciona o no, y por lo tanto lo haremos vivir, y por lo tanto, voy a usar un hosting compartido. Y si tienes el hosting dedicado, puedes escribir el comando de acuerdo a tu hosting, pero voy a usar el hosting compartido, como voy a usar el chip de nombre, y por lo tanto, voy a probar el archivo de tema en hosting compartido. Por eso he escrito aquí. Quiero ejecutar el tema a un hosting compartido. Así que dame el archivo de tema de Wordpress para instalar WP. Admin, y este administrador de WP es el soporte de admin de WordPress. ¿Bien? Entonces entonces estoy presionando el botón enviar una vez más, y ahora tendré el archivo G completo listo. ¿Bien? Así que sólo tengo que esperar un poco. Entonces aquí vamos. Tenemos nuestra salida final aquí. Así que nuestra creación de temas está hecha, y se puede ver aquí que después de lo que he escrito aquí después de mi anterior aviso que quiero ejecutar tema a un alojamiento compartido, así que dame el archivo de tema de WordPress para instalar en WP admin. Después de proporcionar este aviso, obtuve mi archivo Zip final aquí. Se puede ver en el lado derecho, tengo mi archivo Zip, así que se puede descargar desde aquí. O si te desplazas hacia abajo, también puedes descargar desde aquí. Este es el botón de descarga y lo mismo que en el lado derecho. Bien. Así que déjame cerrar una vista previa, y podrás ver coágulo ya dado como vas a instalar el tema a tu wordpress Se puede ver que se le proporciona la instrucción. Tienes que ir primero por la aparición, después tienes que ir por el tema, luego tienes que ir por el anuncio nuevo. Y luego finalmente, hay que ir por la opción subirlos, ¿verdad? Y después de subirlo, tienes que ir por el Instalar ahora, y luego tienes que ir por la opción de activar. Entonces cada comando se da aquí, y puedes ver que el nombre de nuestro tema se llama como un restaurante Moogle Entonces según nuestro PRD, lo conseguimos todo, y se crea nuestro tema Así que ahora es hora de descargar, y voy a hacer clic en el botón de descarga y se puede ver que el archivo está descargado. ¿Bien? Entonces este es nuestro archivo principal. Ahora, en nuestra siguiente lección, alojaremos este tema en nuestro hosting, y aprenderemos sobre el alojamiento y sobre la solución de problemas. Si te enfrentas a algún error, si tienes alguna falla, todo lo arreglaremos en nuestra siguiente lección. Entonces la siguiente lección es muy, muy importante, y espero que hayas disfrutado de la lección, y ya tengas la idea de cómo vas crear el tema de WordPress usando la codificación vibe en la nube. Así que saltemos a nuestra siguiente lección hasta ahí. Cuídate, y adiós a todos. 5. Host y solución de problemas: Hola a todos. Bienvenido de nuevo, una vez más, y ahora vamos a alojar nuestro tema, y solucionaremos problemas si encontramos algún problema, luego solucionaremos los problemas Y esto es realmente importante porque necesitas saber cómo está funcionando el troubleshooting, ¿verdad Para que puedas ver en mi pantalla que he abierto un dominio, y esto es lo que he iniciado sesión. Eso está en mi administrador de WordPress. ¿Bien? Entonces para conseguir esto, debes tener primero tu hosting y dentro de tu hosting, debes tener que instalar la palabra press, y luego tendrás esta interfaz. ¿Bien? Entonces se puede ver para probar el tema, por lo tanto, lo que tengo que hacer tengo que ir por la aparición primero. A partir de ahí, tienes que ir por la opción de tema, y de ellos, encontrarás esta opción de tema de anuncio. Por lo tanto, puedes usar este tema de anuncio. Y una cosa más quiero decirte si no tienes el hosting si no tienes el hosting compartido o el hosting comprado. Pero si aún quieres intentarlo, el tema o bien está funcionando o no. En ese caso, puedes usar tu servidor local. Y para el servidor local, puedes usar algún otro software como Za wamp, y usando ese tipo de software, tu computadora local actuará como un servidor local, y puedes alojar puedes alojar tu Wordpress dentro del host local, y luego puedes subir el tema aquí o puedes usar directamente este WP local este WP local, puedes usar este sitio y puedes descarga el WP local desde aquí y puedes conectarte directamente a tu computadora y puedes convertir tu computadora en servidor o servidor local, y puedes usar el servidor local como tu alojamiento. ¿Bien? Pero si ya estás familiarizado con el hosting como hosting compartido o hosting comprado, en ese caso, ya estás familiarizado con cómo está instalado el wordpress, y después de instalar el Wordpress, tendrás este tipo de interfaz. Bien, así que procedamos con la prueba del tema. Entonces desde la apariencia, entonces tienes que ir por la opción de tema, y a partir de ahí, obtendrás esta opción de agregar tema. Entonces, cuando obtendrás la opción de agregar tema, entonces otra vez, tienes otra opción, y a partir de ahí, tienes que ir por el tema de subida Una vez que hagas clic en subirlos, aparecerá pop up. ¿Bien? Entonces a partir de aquí, tienes que elegir archivo y aparecerá el pop up. Y puedes ver el archivo descargado ya dentro de nuestra carpeta. Por lo que hay que seleccionar la ruta donde guardó su archivo descargado. Entonces puedes ver aquí está mi archivo de restaurante el archivo de tema, luego tienes que seleccionar el archivo de tema, y luego tienes que hacer clic en Abrir. Y después de agregar el archivo aquí, entonces tienes que ir por la opción Instalar ahora. Y después de hacer clic en Instalar ahora, hay que esperar un poco, y después hay que activar el archivo, ¿verdad? Para que veas tengo el botón de activar. Entonces déjame hacer clic en el botón Activar. Y puedes ver que el tema está activado, y puedes ver aquí que el tema del restaurante mole está activado. Entonces ahora vamos a echar un vistazo a cómo se ve el tema porque tenemos que comprobar o bien está funcionando o no. Y si te enfocas en el lado b, puedes ver que ya tenemos el menú de comida. Y este menú de comida es parte de nuestro tema. Eso significa que nuestro tema es totalmente funcional y viable, ¿verdad? Entonces para echarle un vistazo, lo que puedes hacer, puedes hacer click aquí y desde ahí, puedes ir por la opción de lado de visita y estoy abriendo en una nueva pestaña o simplemente puedes ir directamente a la URL en donde hayas instalado el tema. Entonces pueden ver que tengo mi tema aquí y el tema está funcionando, ¿verdad? Entonces ahora no tenemos ningún diseño. Solo tenemos la arquitectura. Tenemos la arquitectura. Ahora tenemos que hacerlo. Tenemos que agregar ese diseño para nuestro tema. Anteriormente, lo que hicimos, acabamos de hacer la estructura y la arquitectura del tema, y el tema es viable y no tenemos fallas, no obtuvimos ningún error, e inclinamos, no teníamos ningún problema. Pero el tema no tiene ningún diseño. Y ahora tenemos que ahora tenemos que hacer un diseño. Y para hacer el diseño, tenemos que seguir un proceso diferente. Y para el diseño, hay que crear el diseño por separado. Pero el tema que hemos creado la funcionalidad, y se puede ver aquí es el menú de comida de aquí. Puedes crear los menús. Puedes ver aquí agregar nuevo elemento del menú, y este menú se agregará a tu lado principal. Bien, entonces tenemos la arquitectura. Tenemos todo lo que necesitamos. Pero la pregunta principal es, aún no tenemos el diseño porque queremos. Queremos crear nuestro propio diseño. Y puedes ver que Gutenberg está funcionando perfectamente, y Gutenberg se trata del título del bloque, y puedes ver si quieres agregar alguna página, puedes agregar las páginas para agregar los elementos Tienes el campo aquí, y si haces clic en este bloque de anuncios, entonces tendrás diferente tipo de opción como si quieres agregar las imágenes, párrafo, encabezado, shortcde y muchas más opciones están disponibles Si haces clic en navegar, tendrás diferentes tipos de opciones para agregar muchascosas más, puedes ver aquí está la opción para Google hero Al igual que si quieres agregar un slider o sección de héroe para tu página de inicio, puedes agregarlo desde aquí. Pero no solo estas cosas, tendrás muchas opciones para agregar a tu sitio web. ¿Bien? Así que hay muchas opciones disponibles. Solo tienes que picotear desde aquí y tienes que usarlo en tu sitio web Bien. Entonces nuestra estructura está lista, pero ahora es el momento para el diseño, y queremos. Queremos aplicar un nuevo diseño a nuestro tema porque tenemos la estructura, tenemos la arquitectura, pero aún no tenemos el diseño. Y ahora tiempo para hacer el diseño. Y en nuestra siguiente lección, aprenderemos cómo harás un diseño y cómo conectarás ese diseño con tu tema actual. Bien, entonces esta lección es sobre el alojamiento y la solución de problemas, pero hasta el momento aún no tenemos ningún problema porque el tema funciona perfectamente No tenemos fallas. No tenemos ningún problema. Entonces esta es la buena práctica ya que al crear cualquier tema, si tienes algún problema, tu tema no se instalará en hosting. Y mientras instalas, tendrás el error, y podrás ver que instalamos el tema, pero no obtenemos ningún error. Eso significa que nuestro tema está funcionando perfectamente. Y este es uno de los principales beneficios de usar el modelo Cloud OPS. Ya ves, he usado el modelo OPS de mi experiencia previa, uso el modelo Sont, y he creado muchos temas con el modelo Sonnet Y con el Sonnet, conseguí unas cañas, conseguí algunas glaches, pero con la versión Opus 4.8, y además de la versión fábula, obtuve Bien. Entonces hemos creado el tema, y en nuestra siguiente lección, vamos a crear el diseño y aplicaremos el diseño a nuestro tema. 6. Aplicar el diseño al tema: Hola a todos. Bienvenido de nuevo. Una vez más, y en esta lección, vamos a aprender cómo agregarás diseño o cómo aplicarás el diseño al tema. Entonces anteriormente, acabamos crear el tema y puedes considerar el tema como el cuerpo y puedes considerar el diseño como un vestido. Entonces ahora vamos a poner el vestido en el cuerpo, ¿no? Entonces tenemos que hacer el diseño primero, y por lo tanto, necesitamos hacer un PRD que también se llame documento de requisito de producto para la parte de diseño Y el diseño no vamos a crear a través de la nube. Haremos el diseño con el Google Stitch. Y se puede ver en mi pantalla, abrí otro navegador, y en mi navegador, abrí este EL, y el nombre de este ERL llamado stitch.withgoogle.com Y este Google Stitch es un producto de Google. Y con este sitio web o con esta aplicación, haremos el diseño para nuestro tema. Pero ¿cuál será el diseño? ¿Cuál será la paleta de colores? Cuál será el tono, todo, tenemos que sacarlo de la nube. Por eso tenemos que preguntar a Cloud que cuál será el diseño y por lo tanto necesitamos escribir pocos prompt en Cloud. Por lo tanto, volvamos a la nube y aquí adentro, necesitas escribir un prompt. Déjame escribir el prompt y puedes seguir lo que estoy escribiendo el prompt. Necesito aplicar diseño para el tema y el diseño. Necesito crear por Google Stitch. Ahora, dame pronto PRD para el diseño que voy a aplicar en Google stage. Bien. Entonces una cosa más necesito escribir sobre las imágenes porque la imagen de la paleta de colores, esto es lo que tengo que mencionar aquí, y ahora voy a introducir la imagen sobre la paleta de colores, sobre el patrón. Esto es lo que voy a escribir ahora. Quiero Google Google Stitch, hacer las imágenes para el diseño por IA y usar un color llamativo para el diseño El diseño debe verse profesional. Y moderno te voy a dar el diseño de Google Stitch en formato STML y CSS, y tienes que aplicar el diseño al Tema Bien, entonces este es nuestro prompt, y con este prompt, obtendremos el PRD o el prompt para el Google Stig, y copiaremos el prompt de aquí y lo usaremos en Google Entonces revisemos sobre el prompt lo que he escrito. Entonces, en última instancia, he escrito aquí. Necesito aplicar diseño para el tema y el diseño que necesito crear por Google Stage. ¿Bien? Entonces aquí, he mencionado desde qué plataforma voy a generar mi diseño. Ahora, dame prompt y PRD para el diseño, que aplicaré en Google Stitch Quiero Google Stitch, hacer las imágenes para el diseño por IA y usar un color pegadizo para el diseño Si tienes algún diseño esperado, en ese caso, puedes escribir aquí que el color primario será el morado o el verde o el color que quieras poner para tu diseño. Puedes escribir aquí si tienes algún color específico elegido, ¿verdad? Y si no tienes en ese caso, solo puedes dar el comando básico. En ese caso, la IA generará la paleta de colores para ti. Bien. Entonces lo que he escrito el diseño debería ser el diseño debe verse profesional y moderno, te voy a dar el diseño de Google Stitch en formato HTML y CSS, y tienes que aplicar el diseño al tema. Bien. Entonces en última instancia, Google Stitch, es generar el diseño en formato HTML CSS. Por lo tanto, he mencionado aquí que voy a dar voy a dar el diseño en formato HTML CSS, y Claude tiene que hacer compatible el diseño con el tema. Bien. Y si bien aplicaremos el diseño en la nube, enfrentará algunos errores, y por lo tanto aprenderemos sobre la solución de problemas mientras aplicamos el diseño desde el Google Stage, ¿verdad? Así que vamos a presionar el botón de enviar, y tenemos que esperar unos momentos porque va a llevar un poco de tiempo. Y asegúrate de que estás usando el modelo Opas porque el modelo Opas realmente funciona bien Y puedes ver en la primera parte, se proporciona el prompt de Google Stitch y puedes ver que está proporcionando el prompt de Google Stitch aquí y tenemos que simplemente copiar las páginas y quiero decir, tenemos que copiar las cosas enteras desde aquí y tenemos que pegarlo en Google Stitch. Se puede ver que la primera parte está hecha y ahora tenemos que esperar a la segunda parte y se trata del diseño PRD. Y aquí vamos. Aquí tenemos dos cosas. Como salida, se puede ver en la segunda parte, obtuvimos el diseño PRD, y en la primera parte, obtuvimos sobre el prompt de Google Stitch Entonces necesitamos aplicar estas dos cosas en Google Stitch. Pero antes de eso, quiero usar un solo prompt porque usar dos prompt es complicado. Por lo tanto, quiero fusionar estas dos cosas en una sola. Es por eso que necesitas modificar o necesitas escribir otro prompt aquí, y estoy cerrando la pestaña del lado derecho para la vista previa. Y aquí voy a escribir necesito un prompt para diseño y PRD para Google Stitch Dame copia para usar design prompt y PRD at owns, para que pueda aplicar ambos a la vez Entonces lo que he escrito, necesito un prompt para el diseño y PRD para Google Stage Dame copia para usar Design prompt y PRD por cuenta propia para que pueda aplicar ambos a la vez Bien, entonces estoy haciendo clic en el botón de enviar mensaje, o puedes presionar el botón de introducción desde tu teclado Y ahora tenemos un prompt combinado para el diseñador. Se puede ver en el lado derecho, ahora tenemos la opción de copia. Puedes ver aquí está la opción de copia, así que solo podemos usar la opción de copia y podemos copiar completamente el prompt de diseño así como el PRD Entonces todo lo que puedes ver aquí, todo se proporciona de acuerdo al prompt que hemos dado aquí. Bien, genial. Así que voy a copiar desde aquí y se puede ver que está copiado a mi tablero clime, y ahora estoy volviendo a Google Stitch Y en Google Stitch, asegúrate de no estar usando esta versión de app porque esta app básicamente está usando para crear el diseño para la aplicación móvil. Pero como vamos a hacer el diseño para la versión web, es por eso que tienes que asegurarte de que estás seleccionando la versión web, y luego estás pegando aquí, tienes que pegar aquí, y puedes ver el prompt y el diseño que he pegado aquí y puedes ver que se proporciona diferente tipo de paleta de colores, así como la Todo está provisto aquí, ¿verdad? Una vez que todo esté pegado, entonces puedes presionar el botón de genet. O si tienes algún logotipo o si tienes alguna imagen específica, en ese caso, puedes usar este signo más, y luego tendrás la opción de subir archivos. Entonces, si tienes algún logo, si tienes alguna imagen de héroe o imagen deslizante, en ese caso, puedes usar esta opción de subir archivos y puedes agregar las imágenes. Pero esta vez, no vamos a subir ni añadir ninguna imagen específica, usaremos una imagen generada. Entonces, por lo tanto, voy a hacer clic en el botón Generar. Y una vez que hagas clic en el botón generar, tomará mucho tiempo porque creará un par de páginas, creará un par de diseños, y para completar todo el proceso, tomará un poco de tiempo. Puedes ver que tienes que vigilar el lado izquierdo, puedes ver un círculo se mueve aquí, un círculo se mueve, y la imagen está creando aquí, la página está creando aquí. Entonces hay que esperar hasta que se deje de mover la carga o el círculo de procesamiento, ¿verdad? Entonces sigue siendo el círculo se mueve. Eso significa que el proceso está en curso y puedes ver que la etapa de Google está dibujando nuestro diseño Bien, para que puedas ver que podría ser la página de inicio, podría ser la página del producto, y podría ser la página de detalles. Todo está creando de acuerdo a nuestras instrucciones. Por lo que tenemos que esperar hasta que se complete todo el proceso. Después exportaremos el diseño y lo exportaremos al coágulo Entonces tenemos que esperar hasta que se termine cada proceso . Entonces aquí vamos. Ahora puedes ver que el proceso está detenido. Eso significa que el círculo está parado. Eso significa que todo el proceso está terminado. Y en la parte inferior derecha, se puede ver a las siete personas. Esto es todo sobre el Zoom. Entonces, si quieres aumentar el Zoom porque puedes ver Google stage creado, número de imágenes, y estas imágenes son generadas por IA. Entonces estábamos buscando las imágenes, y por eso de acuerdo a nuestro comando, la imagen se genera a través de la IA, y se crean algunas páginas. Para que puedas ver todas las páginas que se crean aquí, esta es la página principal, este es el menú, y estos son los detalles del producto. Bien, genial. Entonces ahora tenemos que exportar estas cosas. Y para la exportación, ¿qué tienes que hacer? Tienes que seleccionarlo y asegurarte de que todo esté seleccionado. De lo contrario, si falta algún elemento o alguna imagen o algunas páginas, entonces el diseño no se aplicará correctamente. Por lo tanto, puedes ver aquí, tienes que usar esta opción de selección, y luego tienes que seleccionar primero las imágenes, luego tienes que presionar el botón shift desde tu teclado y tienes que seleccionar todos los elementos paso a paso. De nuevo, te estoy diciendo que todo debe ser seleccionado. Entonces ahora puedes ver que todo está seleccionado, y ahora tenemos que hacerlo. Ahora tenemos que exportarlo. Y para la exportación, puedes ver aquí está la opción Exportar. Y aquí, si te desplazas hacia abajo, tendrás esta opción zip. Entonces solo tienes que seleccionar la opción zip y luego tienes que exportarla. puede ver, es total alrededor 17.2 megabyte y se exporta el diseño Ahora este diseño, tenemos que subir al coágulo para aplicar este diseño a nuestro tema. Bien, hagámoslo. Entonces necesito volver a mi coágulo y aquí hay un navegador. Y para aplicar ese diseño, tienes que usar este signo más, y luego tienes que seleccionar la opción Agregar archivo o foto. Bien. Y aquí está el diseño que acabamos de descargar, así que tienes que seleccionarlo, y después tienes que dar clic en Abrir. Entonces tenemos que esperar un poco porque se trata de los 17 megabyte, y se puede ver que se agrega el diseño Ahora, hay que escribir, hay que escribir el prompt. Y aquí dentro, mientras tienes que escribir, tienes que escribir, he subido el archivo zip de la zanja de Google y el archivo se genera a partir del prompt y PRD que has dado Ahora, aplica un diseño desde archivo Z y agrégalo al tema. Bien, entonces lo que he escrito aquí en pronta, he subido el diseño, y después he escrito aquí. He subido el archivo Z de Google Stitch, y el archivo se genera a partir del prompt y PRD que has dado Ahora, aplica el diseño desde el archivo Z y agrégalo al tema. Bien. Entonces tienes que hacerlo. Tienes que darle al mismo mensaje, y tomará un poco más de tiempo, y te hará algunas preguntas. Y se puede ver que el archivo Z está extrayendo. ¿Bien? Por lo que se extrae el archivo Z. Y lo que esta pluma aquí, buenas seis páginas HTML diseño punto md. Este MD significa rebajas y 11 imágenes. Déjame leer ese sistema de diseño doc y marcado de página. Bien, me tomaré un poco más de tiempo. Tienes que esperar hasta que se complete el proceso y una vez finalizado el proceso, nos dará el archivo Z o si te enfrentas a algún problema, entonces tendrás los problemas aquí Claude te hará saber a qué se enfrenta el problema. Aquí vamos. Obtuvimos nuestra salida, y puedes ver, se proporciona un total de tres archivos diferentes, más diseño de restaurante y se trata del CSS y el archivo de tema es sobre el formato JSON, ¿de acuerdo? Pero te será complicado aplicar el archivo de diseño por separado, este archivo de tema por separado. Por lo tanto, necesitas prepararte para usar el archivo. Por lo tanto, voy a escribir otro prompt. Entonces tenemos una cremallera y el diseño se aplicará a la cremallera. Por lo tanto, es necesario escribir un aviso aquí. Necesito uno listo para usar archivo Zip de tema donde este diseño es aplicable y será visible después de instalar el tema al alojamiento. Bien, entonces he escrito aquí. Necesito uno listo para usar archivo Z del tema donde este diseño es aplicable y será visible después de instalar el tema al alojamiento. ¿Bien? Después de escribir esto, tendrás una sola G. Y otra vez, estoy presionando el mismo botón de mensaje, y hay que esperar un poco porque va a tomar un poco de tiempo Así que aquí vamos. Nos preparamos para instalar el archivo Z 1 segundo. Y me puedes preguntar entonces por qué es esto en realidad Esto me lee es un archivo donde tendrás la orientación de cómo instalar lo que es un requisito para este equipo. Y puedes ver que se requiere la versión de Wordpress 6.4 y la versión de PHBour 7.4 Bien. Y aquí hay una guía de cómo están funcionando estas cosas. Y se coloca un importador demo para el contenido. ¿Bien? Por lo que se le da un botón de importación de demostración para importar el diseño que hemos creado. Entonces, al principio, ¿qué tenemos que hacer? Tenemos que descargar este tema de Moholrstaurant. Así puedes hacer click en este botón de descarga y podrás ver que la descarga está terminada y el tamaño del archivo ellos se convierte en 1.7 megabyte, y ahora tenemos que subirlo a nuestro hosting principal Volvamos a Google Chrome. Aquí, he abierto mi administrador de WordPress y Delet no apliqué el tema Por lo tanto, echemos un vistazo a cómo se ve el diseño actual, y este es mi diseño actual. Ahora quiero subir para subir, lo que tienes que hacer, tienes que ir a la apariencia a partir de ahí, y luego tenemos que dar click a esta opción de tema. Entonces tenemos que ir al tema del anuncio luego subirlos. Y aquí, tienes que ir a la opción Elegir Archivo. Por lo tanto, tienes que ir a la opción Elegir archivo. Y aquí está nuestro archivo Zip, y se puede ver que MoblersTaurant Esto es lo que acabamos de descargar de la nube. Solo tienes que seleccionarlo, y luego tienes que hacer clic en Abrir, y luego tienes que hacer clic en Instalar ahora. Entonces es pedirme reemplace el archivo porque ya tenemos ya tenemos un tema con el mismo nombre está instalado, y nuevamente, hemos subido. Es por eso que tienes que hacer clic en este reemplazo instalado con el subido. ¿Bien? Y ahora se puede ver, ahora se puede ver el tema la instalación está hecha. Para que puedas ver al equipo actualizarlo con éxito, está escrito aquí, y ahora puedes pensar que el diseño es aplicable en nuestro sitio principal. Entonces, ¿de verdad crees que la respuesta es no? Entonces para asegurarme voy a visitar mi RL principal y voy a hacer clic en este botón de refrescar, y seguirá teniendo la misma salida porque el diseño aún no está aplicado. Para que me hagas la pregunta. El tema es subido y actualizado, entonces por qué no se aplica el diseño. Entonces si te enfocas en nuestro archivo Read Me, puedes escuchar que puedes ver aquí en el archivo Read Me, tenemos que configurar primero la demo porque el diseño que hemos subido o hemos creado desde Google Stage y lo agregamos al tema. Ha funcionado como un contenido demo, y tenemos que importar la demo. Y para importar la demo, ¿qué tienes que hacer? Tienes que volver a cargar la página o puedes ir directamente al tablero, luego tendrás la actualización Entonces estoy haciendo clic en el tablero, y ahora puedes ver que tenemos una opción para configurar la demo, y luego tienes que hacer clic en Configurar la demo, y luego tendrás este contenido de demostración de importación. Entonces, cuando haga clic en este contenido de demostración de importación, comenzará a importar la demostración. ¿Bien? Para que puedas ver la importación completa. Puedes ver aquí una notificación Importar completa, seis platillos y dos páginas creadas. Entonces una cosa más quiero decirte mientras vas a importar la demo, algún momento podría faltar la página de inicio, algún momento podría faltar página adicional, y si falta algo, en ese caso, aprenderemos a arreglarla Entonces ahora es el momento de aplicar el look exacto lo que hemos agregado. Así que para echarle un vistazo, puedes ir al mi blog aquí y desde aquí, puedes usar este sitio de vista, y estoy abriendo en una nueva pestaña. Bien, para que puedan ver aquí está la demo. Y como decía eso, podrían faltar algunas páginas, algunos menús. Para que puedas ver nuestro estilo de página de inicio aún falta. Pero echemos un vistazo el menú u otro está funcionando o no porque teníamos el menú, teníamos los detalles del producto. Entonces, por lo tanto, voy a revisar el menú desde aquí, así que estoy dando clic en menú y se puede ver que el menú está funcionando perfectamente, y se puede ver que la página del menú está funcionando perfectamente. Y ahora tenemos que echar un vistazo o los detalles del producto están funcionando o no. Entonces, por lo tanto, necesito seleccionar un producto, y aquí vamos. Tenemos los detalles de nuestro producto, y realmente está funcionando bien. Puedes ver el precio que se da aquí. Aquí está la imagen. Aquí está el título, y aquí están los detalles del producto. Y por reservar, puedes ver, tenemos una opción de mesa de reserva, pero aún no es funcional. Por lo tanto, es necesario aplicar otro plug ins. Bien, pero sí, en definitiva, tenemos en su mayoría todos los diseños aquí, pero excepto que tenemos la página de inicio no aplicada aquí. Por lo tanto, necesitamos hacer algunos cambios en el momento oportuno. Y para aplicar la página principal, necesitamos, necesitamos tomar una captura de pantalla. ¿Bien? Entonces necesitas tomar una captura de pantalla o puedes tomar las herramientas de francotiradores, y nosotros le proporcionaremos la captura de pantalla al coágulo que ¿a qué problema estamos enfrentando Entonces esto es lo que tenemos que hacer ahora mismo. Así que aquí, he tomado mi captura de pantalla, y estoy volviendo a Cloud. Esta es mi nube. Y aquí, lo estoy pegando, y necesito escribir un aviso que estoy escribiendo aquí No se agrega el diseño de la página principal. Se agrega el resto del diseño, pero asegúrate de que se aplique el diseño de la página de inicio de Google Stitch . Bien, así que he dado la captura de pantalla, y solo tienes que tomar la captura de aquí y puedes pegarla directamente. Puedes usar Control más V, o puedes usar este signo más, y desde el signo más, puedes agregar la captura de pantalla donde hayas configurado. ¿Bien? O puedes para tomar la Captura de Pantalla, puedes usar la herramienta de francotiradores Entonces, si vas a tu barra de búsqueda y si escribes las herramientas de francotiradores, en ese caso, puedes tomar la captura de pantalla desde ahí Bien. Así que hemos mencionado aquí la página principal no es y en realidad no se agrega el diseño de la página principal. Bien. Se agrega el resto del diseño, pero asegúrate de que la página de inicio esté diseñada desde Google Speech. Se debe aplicar, y luego estoy presionando el mismo botón de mensaje. Entonces ahora tenemos que esperar porque Claude va a arreglar el problema, y puedes ver aquí, Cloud yml puedo ver La página de inicio está renderizando el bloque de grado héroe y menú como texto plano en lugar del bloque de diseño real ¿Bien? Por lo que tardará un poco de tiempo hasta que el proceso sea completado por la nube, tenemos que esperar. Y aquí vamos. El proceso se completa, y el nuevo archivo se genera a partir de nuestro nuevo prompt sobre el diseño de la página principal. Y se puede ver que se crea el nuevo archivo y tengo que descargarlo. Entonces estoy haciendo clic en Descargar. Como descargarlo. Bien, entonces ahora tenemos que subir el tema a nuestro hosting, no en realidad alojando en sobre nuestro Wordpress y por lo tanto, ya sabes donde tienes que ir la apariencia a partir de ahí, tienes que ir a un tema luego agregar tema luego subirlos. Y a partir de aquí, tenemos que elegir el archivo. Entonces estoy seleccionando la opción elegir archivo, y aquí está mi archivo y se puede ver que hoy acabo de descargar, y aquí está el restaurante Mogul Tienes que seleccionarlo, y después tienes que hacer clic en Abrir. Y luego hay que ir por el botón Instalar ahora, y tomará un poco de tiempo porque el tamaño del archivo es mayor que antes. Por eso tomará unos instantes, y luego tienes que activar o tienes que reemplazar la versión actual. Entonces esperemos. Entonces aquí está la opción. Y como estaba diciendo que ya está cargada la versión anterior, pero vamos a agregar la nueva versión. Por eso tenemos que usar este reemplazar instalar con subido. ¿Bien? Porque la anterior es 1.2, y ahora la versión del archivo que hemos subido es sobre la versión 1.2 0.1. Por eso está pidiendo reemplazar e instalar el nuevo. Por lo que hay que usar reemplazar instalado con subido. Bien, entonces ahora puedes ver que tenemos la opción desde aquí y ahora vamos a recargar Pero una cosa más hay que asegurarse de que la velocidad de carga del tema sea más rápida porque hemos mencionado en nuestro PRD sobre el desempeño Entonces ahora vamos a echar un vistazo a cómo se ve, y puedes comparar entre antes y después ahora mismo para que puedas ver aquí, el diseño de home pitch se aplica acuerdo con nuestro diseño importado desde el escenario. Y ahora déjame desplazarme hacia abajo y ahora puedes ver todo lo que obtuvimos según nuestro prompt. Entonces aquí está la sección de héroes y puedes agregar la imagen aquí, y aquí los menús, y aquí está todo sobre los detalles del producto. Pero esto es todo en tema anterior, no tenemos esta página de inicio, ¿verdad? Así que teníamos todos los menús, todo lo que teníamos excepto el diseño de la página principal, y solo arreglamos el problema con nuestra página de inicio. Y ahora echemos un vistazo es que los botones son funcionales o no. Así que vamos a hacer clic en el filtro. Y si esto no está funcionando, si el botón no está funcionando, entonces lo arreglaremos. Entonces déjame hacer clic en el filtro como el Berry Ai y puedes ver que el filtro de Bryan está funcionando, y puedes ver aquí está el Bryan está filtrado. Ahora vamos a hacer clic en panes y podrás ver el artículo de panes que está mostrando sobre los curries, aquí sobre el postre escucha sobre los cubobs y escucha sobre los En última instancia, cada filtro y cada botón está funcionando y es funcional. Derecha. Entonces según nuestro prompt, ahora tenemos el tema perfecto. Entonces tuvimos el problema con nuestra página de inicio, pero el problema está solucionado. Entonces espero que tengas la idea de cómo vas a crear un tema desde cero, cómo aplicarás el diseño de Google Stage y luego cómo conectarás el diseño con tu tema y cómo solucionarás el problema Entonces todo lo que hemos aprendido aquí. Entonces espero que hayas disfrutado de esta lección, y si tienes alguna duda, me puedes preguntar en la sección de comentarios o en la sección de discusión. Entonces si tienes algún problema, así puedo responder ahí dentro y una cosa más, voy a decir debo decir que si tienes la subscución en ese caso, puedes empezar a hacer un tema como yo, o simplemente puedes copiar el PRD y toda la información relevante requerida que he dado dentro de la he dado dentro Entonces, si no eres capaz de crear el PRD perfecto, puedes simplemente copiar desde el archivo de recursos He dado PRD dentro del archivo de recursos, así que solo puedes copiar y puedes empezar a hacer el tema O puedes hacer tu propio PRD y puedes hacer tu propio tema con un nicho diferente Porque aquí dentro, he creado sobre el tema del restaurante, pero en lugar de tema de restaurante, puedes hacer algún tema de caridad, puedes hacer algún tema de Ngo, puedes hacer algún tema de noticias. Dependiendo de tu elección, puedes crear el tema como desees, ¿verdad? Entonces espero que hayan disfrutado de la lección, y espero que los tengan en nuestra siguiente lección hasta allá Cuídate y adiós, todos. 7. Crea complementos de lista de tareas: Hola a todos. Bienvenido de nuevo una vez más. Y en esta lección, vamos a aprender cómo va a crear plugins. Entonces lección anterior, aprendimos sobre cómo va a crear un tema, pero esta vez vamos a aprender cómo va a crear un plug in, y se trata del plugin de wordpress porque nos estamos enfocando en Wordpress y ahora ya tienes la idea de qué proceso tienes que seguir. Al principio, en lo que tienes que enfocarte, tienes que enfocarte en el PRD Entonces como vamos a crear una lista de tareas pendientes, por lo tanto, vamos a tomar la ayuda de EI y EI nos brindará todos los detalles necesarios y tomaremos el PRD de aquí y aplicaremos al coágulo ¿Bien? siempre prefiero GMNE para escribir el PRD porque JM&E proporciona el PRD perfecto sin embargo analizo todas las demás plataformas, agentes de IA sitio web de IA Así que comencemos a escribir el PRD, y, ya sabes, siempre prefiero GMNE para escribir el PRD porque JM&E proporciona el PRD perfecto sin embargo analizo todas las demás plataformas, agentes de IA sitio web de IA. Pero me pareció que un PRD JMI funciona bien, y realmente es dar la salida perfecta con el Entonces, si combinas GME con coágulo, entonces tendrá la mejor salida Bien, entonces comencemos a crear el PRD. Entonces lo que tienes que escribir en prompt, tienes que escribir, quiero hacer una lista de plugins de Wordpress para hacer. Y necesito PRD para ello. Voy a desarrollar los plug ins con tela. Y necesito todas las características esenciales para que el complemento de lista de hacer se deba proporcionar en PRD Bien, entonces he escrito un prompt muy sencillo, y vamos a revisar el prompt lo que he escrito aquí. Entonces he escrito quiero hacer un plugins de Wordpress para Todo List, y necesito PRD para ello Voy a desarrollar los plugins con Cloud y necesito todas las características esenciales para Todo list plugin debe ser proporcionado en PRD Entonces es un prompt muy simple, y luego estoy presionando el botón de introducción Y se puede ver que se inicia el proceso, y aquí, todos los detalles ya dados. Entonces el nombre del proyecto se menciona aquí todo sobre el flujo de tareas W. Entonces este será nuestro título de trabajo. Y en lugar de éste, si quieres poner en nombre específico, puedes escribir aquí porque anteriormente hemos dado el nombre para nuestro tema sea como un restaurante Mughul, pero esta vez no proporcionamos ningún nombre específico Para que puedas escribir el nombre aquí. Entonces, si tienes el nombre, lo contrario, Jamie generará el nombre generado por IA. Para que puedas ver este flujo de tareas de WB, es el nombre del proyecto generado por IA. Y luego se proporciona sobre la descripción general del producto y el objetivo, luego se proporciona sobre la audiencia objetivo y los casos de uso principales. En el número tres, se trata de la arquitectura del sistema. Y en el número cuatro, se proporciona un modelo diferente sobre la especificación de características. Y en el número seis se proporciona todo sobre la ejecución. Bien, entonces está provisto todo aquí, y ahora tenemos que usar otro prompt para copy to use y ready to use prompt. Ahora, lo que tienes que escribir, tienes que escribir. Ahora, dame listo para usar y copiar para usar PRD. Entonces escribirás este prompt y cuando golpees el botón de entrada, entonces Jamini te dará la copia para avisar PRD, y solo tienes que copiar desde aquí y tienes que Y aquí vamos. pero hay que asegurarse antes de copiar este PRD, ya sea cada punto, cada característica está incluida o no porque, tengo alguna alucinación y con la alucinación, a veces se salta, y esto es lo que Aquí está nuestro PRD, pero hay que asegurarse antes de copiar este PRD, ya sea cada punto, cada característica está incluida o no porque, tengo alguna alucinación y con la alucinación, a veces se salta, y esto es lo que estoy contando de mi experiencia anterior. Entonces déjame desplazarme hacia abajo. Y sí, se puede ver, para las tres primeras puestas agregadas en la copia para usar PRD, pero aquí no se agrega el número cuatro, el número cinco y el número seis Entonces tenemos que hacerlo. Tenemos que asegurarnos de que todo el módulo, todos los puntos deben estar incluidos en copia para usar PRD Por lo tanto, tenemos que hacerlo. Tenemos que escribir una cosa más. Tenemos que escribir todo el PRD es M en listo para usar y copiar PRD Todo el PRD no está incluido. Y listo para usar y copiar para usar PRD. Y una cosa más necesito para asegurar que para ejecutar, debes tener que pedirle a la nube complete un proceso o un paso a la vez. De lo contrario, si profieres todo el PRD a la vez, Cloud tendrá algunos problemas sobre el token, sobre los límites Por lo tanto, en cada módulo, Claude te hará la pregunta. Comenzará la nube para el siguiente paso o no como antes lo hemos hecho en nuestra lección de creación de ellos? Esto es lo que queremos seguir el mismo proceso aquí. Después de completar un paso, Claude debería pedirme permiso para iniciar segundo paso incluir este comando dentro, PRD. Bien. Entonces lo que he escrito aquí, todo el PRD no está incluido en listo para usar y copiar al PRD Después de completar un paso, Pod debería pedirme permiso para iniciar el segundo paso, incluir este comando dentro del PRD Bien ahora estoy dando clic en el botón de enviar. Y ahora esperemos la salida. Aquí, aparecerá la copia para usar PRD. Bien, ahora tenemos que revisar una cosa más, pero aquí se puede ver que todavía el número cuatro, cinco y seis no está incluido aquí. Por lo tanto, necesito un prompt final y aquí necesito escribir dame PRD completo, listo para usar, donde se incluyen todos los pasos y proceso Darme en copia para usar el formato. Lo que he escrito aquí, dame un pard completo listo para usar donde se incluyen todos los pasos y proceso, dame en copia para usar formato, y ahora estoy presionando el botón de enviar. Y aquí vamos. Y se puede ver todavía tenemos el mismo tema. En realidad, esto llamó la alucinación de la IA, pero no tienes que preocuparte de que te esté mostrando cómo puedes copiar las cosas enter excepto Si está obteniendo el módulo Enter dentro de la copia para usar, entonces está bien. Pero si no estás consiguiendo, entonces no tienes que preocuparte, solo tienes que desplazarte hacia abajo. Y entonces tendrás esta opción de respuesta de copia. Para que puedas usar esta opción de respuesta de copia. Y ahora volvamos a nuestro coágulo y solo tienes que tomar una nueva opción de chat y asegurarte de que el modelo esté alto aquí en vez de alto Ahora voy a usar esta opción máxima. ¿Bien? Entonces esta es la opción máxima. Voy a usar esta o ahora puedes ver en lugar de Opus 4.8, ahora tenemos Opus cinco Entonces ahora vamos a usar este nuevo modelo porque el Opus cinco es más avanzado y Opus cuatro puntos Por eso voy a usar Opus cinco. Y con el Opus cinco, creo que alto es perfecto porque si usamos Max effort, en ese caso, consumirá mucho token Por lo tanto, voy a mantener el alto esfuerzo con el modelo Opus five Anteriormente, estábamos usando Opus 4.8, pero es el último lanzamiento, y se lanzó ayer, y por eso voy a usar este Opus five Y ahora vamos a pegarlo. Entonces pueden ver, yo he pegado aquí, y ahora se puede pulsar el mismo botón de mensaje y que esperar porque va a tomar un poco más de tiempo, y en cada paso, te va a pedir el permiso para iniciar un paso secundario como como antes Por lo que tenemos que esperar hasta que se complete ese proceso . Y aquí vamos. Puedes ver que nuestro primer paso está hecho, y puedes ver que se proporcionan muchos archivos aquí en formato PHQ Y ahora me ha pedido comenzar el paso dos. Entonces tengo que dar el permiso, y tenemos que echar un vistazo sobre el uso de nuestra estación actual. Así pueden ver que ya consumí alrededor del 30% de mi sation actual y por lo tanto, tengo que ocuparme del límite actual de hijo porque si la presentación ha terminado durante un proceso se está ejecutando, entonces es posible que tengamos algunos fallos o podemos tener algún código roto. Por eso siempre es buena práctica echar un vistazo a tu nación actual. Bien. Entonces ahora para comenzar el paso dos, que escribir aquí, sí. Inicio. Paso dos. Y luego tienes que presionar el botón de introducción desde tu teclado o puedes usar este botón de enviar mensaje Y se puede ver que se inicia el proceso dos. Entonces nuevamente, tenemos que esperar hasta que se complete el proceso dos. Entonces nuestro paso dos se completa y ahora está pidiendo el paso tres. Y ahora tenemos que echar un vistazo a cuántas sesiones actuales se consumen. Anteriormente, teníamos 30%. Ahora vamos a echar un vistazo, y se puede ver que se ha convertido en 37%. Eso significa que con el mando actual, es consumible 7% en nuestra sesión actual Bien, entonces déjame completar todos los pasos, y saltemos directamente a nuestra salida final porque tomará muchas veces. Y cada vez que tengo que escribir aquí paso tres, aquí inicio, paso cuatro, cinco, igualmente. Entonces déjame completar todos los pasos. Y cuando llegue el momento final, comenzaremos nuestra lección a partir de ahí. Bien, entonces nuestro paso todo está terminado, y ahora puedes ver que no es pedir iniciar el otro paso. En última instancia, se realiza un total de cinco pasos. Y si me desplazo hacia arriba, pueden ver aquí, se trata de comenzar el paso cinco. Se trata del paso cuatro, y así sucesivamente. Pero ahora tenemos la salida final aquí, y puedes ver el nombre de nuestro plugin es WP task flow, ¿verdad? Para que veas que es lo que tenemos aquí. Nos pusimos en diferente nombre de archivo, pero no necesitamos el nombre de archivo diferente Necesitamos plugins listos para usar. Y por lo tanto, necesitamos escribir una cosa más. Quiero usar en WPadmin y darme listo para usar plugin ZFle Bien, así que si usas este prompt, entonces tendrás una sola pila G, y podrás subir a tu administrador de WP, y luego podrás usarlo. Y será más fácil en lugar de usar este total de cuatro archivos diferentes. Y ahora me estoy preparando totalmente para usar el formato. ¿Bien? Por lo que tenemos que esperar hasta que el edificio Zesté terminado. Y aquí vamos. Tenemos nuestro archivo Z aquí y nos ha proporcionado algunos problemas, todo sobre el error. Al igual que, si una tarea no se puede guardar, ejecute WP Dbug. Esto es todo sobre el Dbug y este es el proceso, cómo arreglarás el error Pero si aparece el error, entonces tenemos que seguir estas cosas y aprenderemos cómo arreglarás el error. Pero ahora mismo tenemos el archivo WTs low Z y tenemos que descargar primero Entonces dónde hacer clic para Descargar y podrás ver que la descarga está hecha. Ahora tenemos que probarlo. O está funcionando o no. Así que probemos en nuestro WP admin. Así que aquí vamos. Se puede ver en mi navegador, he abierto el mismo tastedkillfod.com este ARL, y aquí, esta vez no vamos con la apariencia con Esta vez, esta vez no vamos a ir con esto porque este no es un tema. Es un plugins. Y por lo tanto, hay que ir con la opción plug ins. A partir de ahí, tienes que usar esta opción en plug ins. Y entonces tendrás esta opción de subir plug in y procesos como antes, tienes que elegir el archivo, y este es nuestro archivo, flujo de tareas W, y tienes que hacer clic en Abrir, y luego tienes que hacer clic en Instalar ahora. Voy a tomar un poco de tiempo. Y puedes ver que es plugin Instalar exitoso, y ahora tenemos que activarlo. Y para Activar, tienes que hacer clic en este botón de activar plugin. Bien, aquí vamos. Puedes ver que nuestro plugin está activado. Y si nuestro plugin tuvo algún error o algún problema, en ese caso, puede que aparezca el mensaje de error aquí. Pero el plugin se construye con éxito y el plugin se activa con éxito, y se puede ver el mensaje para activado con éxito del plugin. Y ahora de donde sacarás las cosas. Obtendrás la configuración. Se puede ver en la página web. Tenemos una nueva configuración, y esto se trata de la lista de mis tareas pendientes. Entonces a partir de aquí, tienes que establecer tu tarea, ¿verdad? Así que déjame hacer click aquí, y vas a hacer click aquí, tendrás todo de acuerdo a tus necesidades. Entonces puedes ver aquí tenemos lista de tareas aquí pendiente y terminada, y para agregar escritorio, tenemos los problemas. Entonces agreguemos una tarea aquí. Entonces puedes escribir aquí. Necesito agregar tarea como tener reunión con NGB. Bien, entonces tengo una reunión con NGB y esto es lo que he mencionado, y esto va a estar en mi um, lista de hacer Y se trata de la prioridad. ¿Es de prioridad media o de mayor prioridad o baja prioridad? Entonces voy a decir la alta prioridad. Y cuando va a ocurrir la reunión, que fijar la fecha aquí, para que pueda ver la fecha del calendario. Y aquí dentro, quiero establecer alrededor de 28. Bien, entonces he fijado la fecha. Y si necesitas algún otro dato, en ese caso, puedes usar este añadir detalles a menudo. Y cuando usarás este añadir detalles a menudo, tendrás el campo para agregar los nodos. Al igual que se trata de desarrollo de CRM. Bien, así que tengo reunión con NGB y se trata del desarrollo de CRM He hecho una nota aquí y luego voy a hacer clic en esta opción en tarea. Para que veas que el proceso está iniciando. Y ahora se puede ver que se agrega la tarea, y aún está pendiente. Y puedes ver aquí está en lista pendiente. Entonces, cuando mi tarea esté terminada, puedes eliminar desde aquí, o se completará automáticamente ya que se marcará automáticamente como la tarea completa cuando termine la fecha. Entonces así es como puedes construir una lista de tareas pendientes con carga, y puedes ver que está totalmente funcionando, totalmente funcional y está funcionando bien. Entonces este es un proceso sencillo. Entonces ahora vamos a revisar desde el principio, te va a ayudar. Entonces lo que hemos hecho. Entonces en definitiva, en un principio, hemos tomado el jami.google.com, este RL y aquí dentro, hemos Este es el PRD, y hemos copiado de aquí. Entonces usamos Cloud un nuevo chat, y hemos pegado el pad copiado aquí Estos se pegan, y luego el proceso es iniciado por la nube y solo tuvimos que dar el permiso, y hemos dado el permiso para comenzar cada paso Y finalmente, conseguimos la salida de esta manera. Pero con esta salida, será fundamental que te apliques en hosting o en WP Admin, ya que si no tienes la tecnología anterior en ese caso, te será complicado. Por eso he escrito otro prompt, y con este prompt, solo me puse listo para usar una carpeta. Y esto es lo que hemos descargado la carpeta en nuestro equipo. Luego volvemos a nuestro panel de WordPress, y este es nuestro tablero, iniciamos sesión. Y luego desde el botón plugins, tenemos instalado un botón de plugin, y luego activamos el plug in. Y ahora puedes ver que tenemos nuestra lista de tareas por hacer aquí, y para la prueba, escribimos un nombre aquí. Dimos los detalles, fijamos la prioridad, y hemos agregado el tiempo aquí. Bien, entonces ahora puedes hacerme una pregunta como si algo faltara, ¿verdad? Para que veas que aquí tenemos la fecha, pero aquí no teníamos tiempo. Entonces aquí, puedes seguir dos pasos. Simplemente puedes escribir la hora aquí. Y si no estás buscando hacer eso, pero si estás buscando de manera inteligente de manera estándar, en ese caso, puedes usar, puedes usar el recordatorio o puedes usar un tiempo específico aquí. Por lo que la reunión se llevará a cabo a las 10:30 A.M. para que puedas fijar la hora y una cosa más que puedas hacer. Puede agregar una notificación por correo electrónico. Entonces, antes de la reunión, el correo electrónico será enviado a tu correo personal desde este hosting, y recibirás una notificación. Eso se puede hacer. Pero por lo tanto, a partir de aplicar este tipo de características, hay que mencionar que hay que mencionar en su BRD Luego se agregará la hora y la función de notificación por correo electrónico. Y la función no se agrega hasta el momento porque no mencionamos sobre la notificación por correo electrónico sobre la hora específica. No hemos mencionado en nuestro PRD. Por eso no se agrega la característica. Pero si estabas buscando agregar la notificación por correo electrónico, si estabas buscando agregar para agregar el tiempo, en ese caso, puedes escribir dentro del PRD Y como te dije que no entramos aquí porque el PRD es generado por Google JNE Por eso no obtuvimos la función. Pero si necesitas la función, puedes agregar dentro del PRD o puedes mencionar mientras crearás el PRD con Derecha. Entonces este es el proceso simple de cómo va a crear un complemento de dos listas de hacer para WordPress, y lo hemos logrado con éxito. Y ahora te pediré que hagas los plugins similares o puedes hacer cualquier otro plugin. Y sí, también puedes hacer la práctica. Y por crear, si te enfrentas a algún problema o si te enfrentas a algún problema, no dudes en preguntarme. Puedes escribir los temas en la sección de comentarios o en la sección de discusión, así me pondré en contacto contigo con la respuesta. Entonces espero que aventures esta lección hasta ahí, cuídate y adiós, todos. 8. Proyecto de clase: haz una calculadora mediante Vibe Coding: Hola a todos, es hora del proyecto de clase, y puedes considerar el proyecto de clase como tu tarea. Entonces, sea lo que sea que aprendas, este es el momento de aplicar tu habilidad de aprendizaje con trabajo práctico. Entonces esto se llama el proyecto de clase, y el nombre de nuestro proyecto de clase es hacer una calculadora con be coding. Y este será nuestro proyecto de clase. Y centrémonos en la descripción. Se menciona sobre construir una aplicación de calculadora completamente funcional con codificación vibe con asistencia EI. En este proyecto, aprenderás a transformar una idea simple en una aplicación de trabajo escribiendo un baile efectivo, generando código, refinando la IE, arreglando errores y agregando características básicas de la calculadora como operaciones aritmicas básicas y una interfaz receptiva Esta es la descripción de nuestro proyecto de clase. Ahora, tenemos que enfocar lo que tienes que hacer. Entonces hay que seguir los tres pasos. El primero es que tienes que abrir la nube, y centrémonos en cómo vas a hacer eso. Entonces en mi navegador Firefox, voy a abrir la nube aquí, y, ya sabes, este es el cloudlclod.ai slash NU, o simplemente puedes usar este signo más para nuevo chat Bien, entonces tendrás esta interfaz similar como yo. O, sí, también puedes hacerlo en tu app Cloud en tu smartphone, pero prefiero usar la versión Distro Derecha. Entonces qué tienes que seguir, entonces tienes que escribir este baile de graduación. Entonces se menciona el prompt sobre la aplicación web creativa moderna calculadora responsive usando HTML CSS y JavaScript. La calculadora debe tener una interfaz intuitiva limpia con soporte para operaciones rítmicas básicas, suma, resta, multiplicación y división, permitir con números decimales, porcentaje, claro, retrasado Incluye soporte de teclado, manejo adecuado de errores, animaciones de botones suaves y un diseño receptivo amigable para dispositivos móviles. Organice el proyecto en archivos separados como index dot html style dot css y script dot GSS usando código modular limpio y bien comentado que siga las mejores prácticas modernas de JavaScript. La aplicación debe ser completamente funcional y lista para ejecutarse simplemente abriendo el archivo HTML de punto índice en un navegador web. Entonces, desde el prompt, se te ocurrió la idea ¿cuál será la funcionalidad? Será completamente funcional y se abrirá en navegador web. Y si usamos este archivo HTML índice en un navegador web, entonces podremos usar la calculadora. Y luego finalmente, tenemos que enfocarnos en el paso tres verificar la funcionalidad. Cualquiera de las dos calculadoras está trabajando. Entonces ya abrimos el Paso uno. Ya abrimos el pod ahora tenemos que copiar este prompt desde aquí. Y luego hay que pegarlo. Y puedes quedarte con la opus cinco así como nosotros hemos usado este modelo opus cinco, para que puedas quedarte con la opus Y luego hay que presionar el botón de introducción. Y ya sabes, tomará un poco de tiempo crear la calculadora porque hemos mencionado sobre cuál será el idioma. Por lo tanto, tenemos que esperar un poco hasta que se complete el proceso . Entonces aquí vamos. Aquí tenemos la salida, y se puede ver que tenemos un total de cuatro archivos. Este es el archivo Zip y aquí está el índice, aquí está el estilo, y aquí está el archivo script, como mencionamos dentro de nuestro prompt. Y ahora déjame descargar el archivo Zip. Entonces aquí se descarga el archivo y déjame abrirlo. Y para abrir, tienes que abrir éste, y puedes extraerlo. Así que solo puedes extraer directamente dos. Entonces voy a extraer en mi carpeta downwoad. Y echemos un vistazo o el archivo está funcionando o no. Así que vamos a revisar dentro de mi carpeta downwoad. Y aquí vamos. Tenemos nuestro archivo extraído aquí y tenemos tres expedientes. Este es el archivo de índice. Este es el script y este es el archivo de estilo. Entonces en última instancia, lo que hemos mencionado en nuestro prompt, se puede ver ese índice de punto HTML, este archivo será utilizado para abrir en un navegador web. Entonces echemos un vistazo ya sea se está abriendo o no en el navegador web, así que tenemos que asegurarnos de que se está abriendo en el navegador web. Por lo tanto, tenemos que abrir ese archivo. Y aquí está el archivo índice. Así que déjame hacer doble clic aquí y podrás ver que la calculadora está abierta en navegador web. Entonces en nuestro paso tres, lo que tenemos que hacer tenemos que comprobar la funcionalidad. Entonces, en última instancia, la calculadora está funcionando o no. Tenemos que comprobarlo. Así que vamos a comprobarlo. Y si, voy a multiplicar diez es a cinco igual 50. Bien, entonces en última instancia la calculadora está funcionando y es completamente funcional. Entonces todo esto se trata de tu proyecto de clase. Y ahora centrémonos el resultado en el proyecto de clase. Y para completar este proyecto, los estudiantes podrán construir una calculadora completamente funcional utilizando la codificación de vibra impulsada por EI. Aprenderán a escribir un prompt efectivo generar mejorar y refinar el código de la aplicación, crear una interfaz de calculadora limpia y receptiva, implementar operaciones aritmicas básicas como suma, substrucción, multiplicación y depuración de división y optimizar un código generado y ejecutar con éxito la aplicación de calculadora completada en Entonces, desde el prompt, hemos creado la calculadora, y hemos corrido con éxito la aplicación de calculadora dentro del navegador web, y es completamente funcional, y hemos comprobado. Bien. Entonces la parte final es donde los estudiantes presentarán el proyecto de clase. Entonces este es un proyecto de clase. Tienes que hacer el mismo archivo y puedes compartir tu proyecto de clase dentro de la sección del proyecto o también puedes compartir o también puedes publicar en la sección de discusión. Para que puedas enfocarte en dos formas. Puedes compartir directamente la captura de pantalla o puedes compartir la URL o puedes compartir el archivo Z que subió en Google Drive o en algún lugar. Puedes compartir el ZFLe para que podamos echar un vistazo a cómo está funcionando tu calculadora Entonces así es como compartirás tu proyecto de clase. Bien, entonces esta es tu tarea, y estoy muy interesada y emocionada de echar un vistazo a cómo está funcionando tu calculadora y cómo estás haciendo la calculadora, y estoy muy emocionada de echarle un vistazo. Así que empieza a participar en el proyecto de clase y comparte tu tarea conmigo.