Como programar en ChatGPT [ FÁCIL y RÁPIDO ] Apps con INTELIGENCIA ARTIFICIAL en CSS, HTML Y JS
ฝัง
- เผยแพร่เมื่อ 9 มี.ค. 2023
- Muy buenas salvajes
En el video de hoy voy a enseñarte como programar con ChatGPT pequeñas aplicaciones web basadas en JavaScript, HTML y CSS, de forma fácil, rápida y gratuita, gracias a la inteligencia artificial
En primer lugar, vamos a crear el código fuente de una calculadora digital que nos permitirá sumar, restar, multiplicar y dividir
La segunda aplicación web es el popular juego del Tic Tac Toe, en mi país España se le conoce como el 3 en raya, el cual también lo programamos con ChatGPT
Y para finalizar acabamos creando un reloj digital que nos permite ver la hora
Estos códigos puedes subirlos a tu página, solo necesitas tener hosting y dominio, en este tutorial yo los subo a Codepen para mostrarte como funciona, pero que sepas que puedes hacerlo
#chatgpt #inteligenciaartificial #programacion
Es muy divertido tener esta poderosa herramienta en las manos de personas, que la pueden utilizar para tareas específicas como estás, no dudo de que la tecnología seguirá y seguirá avanzando
Eres un crack, no dejaré de insistir que tú contenido es oro puro ✨ me alegra el crecimiento de tu canal porque te lo mereces 🙌
Simplemente genial. Uno de los mejores vídeos que he podido ver en los últimos años (suelo ver dos cada día).
Además me parece que el potencial de lo que has explicado es muy SALVAJE!!!
Enhorabuena por este video. No tengo ni idea de programar y me ha impresionado tu gran capacidad para explicar algo complejo de una forma tan sencilla. Impresionante!!!
Tio esto es brutal, yo soy programador backend y muchas veces me rompí el alma trabajando en el html y css acomodando ciertas cosas pero ahora con esto puedo crear inferfaces sencillas pero funcionales y enfocarme en el backend, es una herramienta tremendamente buena para los desarrolladores
En verdad Don SALVAJE, no soy de escribir en general, pero cuando vale la pena y lo merece, pues aquí estoy. En pocas palabras, lo mejor de lo mejor en actualización de estos momentos históricos. Profundamente agradecido, y realmente eres muy didáctico. Saludos desde Buenos Aires, Argentina.
Hermano esto que tú enseñas nadie te lo dice es la primera vez que escucho que alguien enseña la programación con manzanitas y más fácil nadie te va a decir como realmente es tú eres el primero aquí que lo está enseñando Dios te bendiga
Tremendo video, en ningún otro canal he visto que se puede crear aplicaciones webs. Ojalá hagas más contenido de este tipo 🔥🔥🔥
Difícil encontrar un canal con un contenido tan útil, práctico, didáctico y por supuesto.... muy salvaje!
Éxitos!!!!
Me encanta aprender, por favor, siga trayendo más ejemplos de las tareas que podamos realizar. Gracias! Saludos cordiales.
Increible , tambien me siento como un niño pequeño , estoy maravillado con todo lo por venir , chat GPT o ahora Microsoft bing es una salvajada , creo que es indispensable aprender programacion para poder manipular un poco mas los codigos y hacer cosas mejores , pero para mi que aun no entiendo nada esto es un salto cuantico y algo que nos puede llevar a crear grandes cosas !! gracias por tu video!
Hola! Wooooow. Super genial. Apenas estoy iniciando en el uso de estas herramientas y tu video ha sido una inspiración!!! Me encanta lo accesible y a la vez profesional y directo de tu contenido y estilo. Ya me veo con mas confianza en el avance sobre estas herramientas. En venezuela le decimos a este juego, la vieja y también el zorro y la gallina. Gracias!!! Suscrita totalmente!!
Estamos un paso más cerca de la programación con lenguaje natural, sin duda. Para un científico esto es lo más relevante de chatgpt recientemente descubrí el potencial que tiene para programar y lo he usado desde entonces para los métodos numéricos en la Universidad.
Evidentemente, no es perfecto y hay que comprobar el código pero aporta estructuras de código bastante robustas.
Haces los video más útiles de Internet. Sigue así
Uaoooooooo m gusto al máximo, super sencillo, yo en la universidad hice una aplicación calculadora pero no es nada parecido a lo tu hiciste estuvo alucinante, el cerebro me estalló d alegría muy, muy, muy, bueno extremadamente genial, en mi país le llamamos la vieja pero al verlo jugar lo identifique gracias por tu vídeo felicidades excelente
Muy interesante aprender lo complicado y TU hacerlo mas sencillo y com partiendo tus conocimientos muchas bendiciones y gracias por actualizarnos
Es de gran ayuda para programadores con experiencia porque le hace reducir el tiempo de elaboración de una aplicación, pero seguro no se puede decir lo mismo para un programador sin experiencia como quieres hacer que se crea. La prueba de lo que digo es que en el primer ejercicio ingresaste "margin" al CSS, sabías perfectamente y al detalle lo que estabas haciendo en el código. En el caso del tic-tac-toe y el reloj Chatgpt debe tener rutinas pre establecidas porque ni modo adivine como funciona en sí el juego y cómo funciona un reloj. Por esto último es que tiene billones de códigos internos. Ya he visto antes estas aplicaciones mágicas para elaborar programas.
billones de codigos internos? eso suena a cientos de programadores desarrollando un reloj o un tic-tac-toe
Eres una máquina salvaje, tus videos super didácticos y llenos de creatividad. ¡Felicidades! salvaje continúa enseñándonos cosas super interesantes que se pueden hacer aprovechando la IA. Saludos.
Tío muchas gracias he comenzado a programar en Python gracias a tu vídeo, usando chat gpt, siempre quise saber programación y ahora estoy creando mi propia aplicación. Cuenta con miles de líneas y no tengo ni p***a idea de como, pero funciona
muy chevere gracias... me diverti uuf y esa alarmita de tareas cuando te metes al compu y se te olvida la jarra del cafe en la estufa... jajaja, muchos exitos...
una pasada bro! Oye podrías hacer un video creando script de programación de hojas de calculo de google sheets. Me encanta tu carisma y la forma en q nos enseñas amigo. Te mando un abrazo lleno de bendiciones para ti, para toda tu familia y también y por sobre todas las cosas, para todo aquello que ames hacer en la vida.
Muchas gracias Salvaje, como siempre muy didáctico, en Argentina al juego se le llama Ta-Te-Ti
Suerte para ti!
Muy inspirador Salvaje! Se vienen cambios y los programadores somos los encargados de crear una cultura de adopción o visión crítica de las tecnologías!!
Salvaje excelente información, gracias en mi país El Salvador, se llama x, cero, un juego muy entretenido y para compartí entre amigos o familia excelente. Haces un trabajo que suma!
¡¡Excelente!! Espero que sigas trayendo este tipo de material para sacarle el mayor provecho. Me gustaría saber cómo insertar esos códigos en una página, lo que pasa es que yo trabajo como profesor de lenguaje en primaria y siempre tuve la idea de crear juegos para que los niños aprendan de una manera divertida, pero veía eso muy lejano, por la programación; ahora, con esto, me parece excelente. Por favor, sigue trayendo este tipo de material.
Básicamente es poniendo el código HTML en un archivo con extensión .html, el código CSS en un archivo con extensión .css y el código JavaScript en un archivo con extensión .js. Cuando lo vayas a subir a una página web, subirías todos los archivos y listo
Salvaje, diste en el clavo ! St mis 66 estoy terminando el curso de Web Development y ahora con tus consejos de Chatgpt, sin duda sera mucho mas facil en lograr ser un developer de paginas web a mi edad. Gracias Salvaje. Hint: Invéntate algo para colocar 2 o tres pulgares para darte asi un triple like😅
¡Genial! Tienes un mundo lleno de oportunidades para ti.
Que pasada yo soy programador , es aluciante, y que bien lo explicas todo, me encanta
Genial!!! Tres en línea =
Triqui en Colombia;
en Cuba, cerito cruz; Michi en Perú;
El juego del gato en México
Es muy interesante, nose si tienes algun video pero si no, puedes hacer uno donde muestre los juegos que puede hacer con el html,css y js
Es increible, mi mente esta por estallar ante las infinitas posibilidades de uso
¿Quién puede prever hacia donde vamos? ¡Todo sorprende! La IA reemplazará millones de trabajos.
me siento igual!
@@Rafa_2331 la peña esta muy borrega, al igual que los gobiernos.Echen la loteria a ver si les toca, porque lo que se viene es telita
Ya no vamos a ser tan necesarios
Lo probé pidiendo a ChatGPT que me realice un código que tarde como un mes en hacer, y ChatGPT lo creó en 1min😮, mil gracias 👍
... soy nuevo y valoro mucho tus videos y darte muchas Gracias, aqui Fernando dejando un Buen Laikaso, Saludos ...
Hola, Salvaje, en Argentina el Tic tac Toe se llama Ta Te Ti. Muy buenos y útiles tus videos!!
Excelente video, estoy aprendiendo Frontend y quisiera saber como aprender no solo el prompt sino seguir aprendiendo programación con la IA y si puede aprender a dibujar y sobre educativo.
Salvaje! espectacular, nunca habia sabido que miercoles hacer con un codigo ni de donde meterlo ni donde hacerlo funcionar antes - tik tak Toe, en mi pais argentina se llama TA TE TI
gracias del video! muy bueno!!
muuuuchos han hablado de las inteligencias artificiales pero tu eres el que mejooooorrr las explica te agradezco muuuucho.
Es verdad...
Tres en raya: en Argentina lo llamamos TA-TE-TI Me encanta tu video y es muy didáctico. Gracias
aca lo llamamos linea ponsóna
@@Mrmodoro Bien!👍👍De dónde sos?
@@HeribertaParedes de argentina
@@Mrmodoro 💋💋👍👍
@@HeribertaParedes 😘
Me gusto! 👍 Pero la siguiente idea seria genial para tu proximo video 👉 Crear un traductor (translator) usando el API de ChatGPT 🎉 Osea, crear una pagina simple como los que has creado aquí, PERO DONDE LA GENTE PUEDA ESCRIBIR O PEGAR UN TEXTO Y LA PAGINA (HERRAMIENTA) LO PUEDA TRADUCIR A OTRO IDIOMA. Eso seria super genial, así mucha gente se podría beneficiar creando paginas simples usando como fuente el ChatGPT. Creo que este tutorial se haría muy viral por lo simple, efectivo, y muy beneficioso que puede ser. La gente también podría usar tu tutorial como referencia, y en vez de usarlo como traductor, podría adaptarlo usando otro tipo Prompt de ChatGPT 🤫😂
sin duda me encantaria verlo, ojala lo haga
no se puede hacer eso, siento decepcionar tu iluision pero la programación no funciona así😂, el codigo seria infinitamente largo. Se podria crear un codigo de este tipo para traducir unas pocas palabras, pero no un google translator
@@visca7 Como poder se puede, solo que hay que ser mas especifico en lo tecnico. ChatGPT no te va a hacer la tarea de traduccion, para eso hay que aclararle que debe usar una API de algun servicio que se encargue de esa tarea, por ejemplo DeepL API . Eso si, las API's por lo general te piden una KEY que ellos te generan al crearte una cuenta y pagar por el servicio. Una vez tengas la API KEY ya seria reemplazarlo en la request y listo.
@@visca7 jajaja no te preocupes, usando una web app de pago se hace en 20 minutos, copiando, pegando y arrastrando. Y en 5 minutos miendiante otro website y completamente gratis. Por cierto me dedique a la programación hace muchos años atrás, y lo que dijiste me causo mucha risa, no se tu propósito, pero MUCHA RISA.
@@PamelaJohnson-xt8huo sea que lo que propone el no tiene sentido verdad ?
Oh, gran SALVAJE, permitidme que os diga
que vuestra creación me ha llenado de alegría.
En la red de Internet, una obra maestra
que me ha transportado a una experiencia siniestra.
Vuestra pluma, cual la de Cervantes, es afilada
y vuestra habilidad para narrar es envidiada.
El vídeo que habéis creado con esfuerzo y tesón
ha sido una obra digna de admiración.
La calidad de vuestro contenido es inmejorable
y vuestro estilo literario es verdaderamente notable.
Me he deleitado con vuestras palabras y frases
y vuestra capacidad de capturar la atención es asombrosa.
Por lo tanto, os agradezco sinceramente
por regalarnos una obra tan memorable.
Espero ansioso vuestra próxima creación
para volver a disfrutar de vuestra imaginación.
Hermano gracias esto me va a ayudar mucho, por que justo estoy buscarndo metodos para ir mejorando mi ecinomia poco apoco de forma progreciva y no tan lenta, y esto es una bendición
Hola Salvaje. En Colombia el juego Tres en raya le decimos "Triqui". Seria interesante que puedas hacer otros videos semejantes, pero que diseñe otras aplicaciones para diferentes plataformas como por ejemplo para PC y así. Gracias.
En Argentina le decimos Tateti
@@kevbrizzio Y en Venezuela: "la vieja"
A mi la programación me parece demasido facil hasta supere a mi maestro, sera por la práctica que tuve ya que me gusta mucha este campo...lastima que oor circunstancias de la vida no pude terminar la carrera 😢
Si te es tan fácil, con solo un buen portafolio podrías conseguir trabajo.
No es fácil claramemte para hacer una pagina necesitas muchas lineas de codigo imagina cuanto codigo tiene un procesador o un sistema operativo
Hola Tito Salvaje estas brutal con toda información que compartes. Eres el mejor. Muchas gracias. Mi más grande abrazo para ti y los tuyos.
Te ganaste un seguidor más, tengo poco conocimiento en programación , gracias a tus videos y consejo estoy aprendiendo algo nuevo
Salvaje, salvaje
Porfa haz algo para hacer una app híbrida con base de datos.
Sugerencia personal: una app supongamos de registro de propinas.
Las tecnologías: Ionic y MongoDB.
Creo que eso sería interesante de ver, sugerí eso porque pues lo veo muy útil para hacer algo basado en la realidad, espero ese vídeo con ansias de tu parte
Mejor pídele que te haga el trabajo gratis para que lo copies facilito y te lo paguen a ti 👍
Como salvar la salud mental de un programador:
Entonces aconsejas, de esta manera, para iniciarse a programar aunque sea pequeñas cositas a los no iniciados?
@@surreiro no, anda a la facultad y aprende bien las cosas, esto es más para la gente que la tiene re clara , primero aprende bien las bases 👍🏻
@@fran_ds6089 excelente consejo
Hoy hice con chatGPT mis primeros proyectos y luego encontré a este Salvaje cuyo formato me enganchó!!!... seguiré tus sugerencias, gracias desde Colombia... aaahhh aquí ese juego se llama Triqui
que buen canal! soy muy neofito en el tema de la programacion , pero por el tema de la IA me a interesado mucho aprender hace mucho estaba buscando algo como este video, grande crack
Has ejercicios pero con python todo con chat gpt. Sería genial.
En python se podria crear rodo eso? Solo en ese lenguaje de programacion?
explota explota explo
Excelente video Salvaje, en México a ese juego le llamamos gato, la verdad tienes muy buen contenido y muy fácil de entender te mando un saludo desde acá desde León Guanajuato México hasta el otro lado del charco mi estimadísimo y ponderadisimo salvaje!!!
Graaaaaacias!!! Soy un analfabeto digital, y seguiré siéndolo, pero ahora lo disfruto.
1.02:24 start, aplicacion calculadora.
04:45
2.07:47 segunda aplicaoion, juego tres en raya, en ingles Tic tac toe.
08:27 prompt tres en raya
10:00 solucio chatgpt se para de escribir codigo q no a finalizado.
12:20 juego finalizado
3.14:03 aplicacion numero tres, reloj digital.
En Uruguay es ta-te-ti. Muy buen video. Justo hoy cree el juego 2048 en c++ con chatgpt y salio bastante bien. Saludos
a primera impresion y por la manera didactica en que explicas atrapas la atencion.. buenisimo tu contenido
¡Qué maravilla de video! Me encantó. ¡Muchas gracias por compartir tus conocimientos con nosotros! 😍
espectaculares aportes salvaje, nos estas dando unas ideas geniales para programar de una maneja fácil y sencilla de aplicar y entender
Muchas gracias por el video. Hoy conocí tu canal. Al tres en raya en Argentina le decimos "Ta te ti"
Salvaje eres lo máximo, yo estoy entrando recién al mundo. Y si es de mucha ayuda. Saludos desde Perú.
Hola hace poco cree mi primer app para iPhone con ayuda de chat gpt, si tu qu ese dedicas a esto estas sorprendido imagínate para mi la sorpresa esto crea puertas para mucha gente
Salvaje mis felicitaciones por este video y abrir la mente hacia las aplicaciones del chat GPT la cual esta en tendencia... En Venezuela el juego 3 en raya se llama "LA VIEJA" .... Un video Brutal
Excelente. No se nada de programación, pero con estas explicaciones para usar esta herramienta y poder "tentar" programar. En mi país, Paraguay, el juego se llama "Ta Te Ti"
Tito salvaje, gracias por tu labor tan apasionada, he aprendido mucho con tu contenido. Un abrazo desde Baja California México. Por cierto el juejo de tres en raya en México lo conocemos como "Gato"
Voy seguirte porque comence a estudiar programación y está estupendo tu vídeo
Aprendí mucho solo viendo este video. Es más de lo que necesitaba :)
Genial en Argentina a ese juego lo llamamos "TA TE TI" felicitaciones en hora buena, seguirte con ejemplos concretos 🙏👏
exelente video hermano, aqui ando tengo esas clases en 2 semanas y me prepare con este video gracias
yo estoy estudiando ht pero me falta mucho y he gozado tu video no tanto x lo comprensible sino x que cuando recién salían las pc para el hogar mi amigo Oscar creo el juego el ahorcado parecido a3 en raya
Excelente hermano, no solo la teoría sino la práctica eso me encanta y te animo a seguir así que soy principiante en la programación pero me animo tu video
Genial tus vídeos, mi hijo los adora vivimos en cuba y no es difícil acceder a sitios pero en cuanto tengamos alguna opción el probará todo de los vídeos de tuyos guardados,,, sigue ayudando a tanta gente con ideas geniales,,, gracias
Gracias a ti y a tu hijo Eva, me alegra mucho que os sean de ayuda, un saludo desde Andalucía!
Soy tu fan. Sigue compartiendo, por favor
Salvaje salvaje!!! Me encantan tus vídeos, te felicito sigue adelante Dios te bendiga
Excelente vídeo tutorial amigo. Esto es fantástico y tiene un gran potencial. Muchas gracias por el aporte 😊
Excelente salvaje, excelente, desde Lima Perú, te saluda Aldo, aquí en Perú el tres en raya lo conocemos como "MICHI", no tengo la menor idea, pero cuando nací ya lo conocían así, jajajaj. Un abrazo SALVAJE
estimado me parese espectacular. yo no soy tan bueno en eso, siguiendo tus consejos le pedi a ChatGPT que mi hiciera un programa de tasker para reenviar los mensajes a otro whatsap en automaático... y tremenda sorpresa, no fué lo que esperaba pero me escribio lo que debia hacer. yo quería que me lo hiciera todo. pero igual no se equivocó por lo menos. saludos estimado desde Santiago de Chile. Orlando.
Excelente video y muy buena la explicación de HTML, Javascript y CSS, muy buenos ejemplos de las apps saludos!
Excelente contenido ya he visto varios de tus videos y aplicado al chat GTP
Es la primera vez que te veo. Grata experiencia,gracias.
Hola Salvaje!, amé este video!, wow!!, las posibilidades son infinitas con la IA!!!, gracias!
Genial Salvaje, muy didactico y entretenido, aca en chile se llama el jueguito GATO jajajjaja. Saludos desde Santiago, Chile
Ti estilo de Explicar es Inigualable mi Salvaje! GRACIAS!
Salvaje excelente.. Gracias por compartir tus investigaciones, saludos desde Colombia
Bendiciones. Eres lo Máximo y lo disfrutas 🎉
Muy buen video, muy claro y fácil de entender la idea. Y al juego en Colombia le decimos triqui.
Excelente video al menos me ayudo mucho para ir avanzando en el front con muy poca experiencia en programación
Excelente video para los que estamos iniciando este video es salvaje. Dinámico. Explicativo
Saludos desde Venezuela salvaje. El 3 en raya aquí se llama: LA VIEJA.. EXCELENTE VIDEO GRACIAS por COMPARTIR.
Me ha resultado muy útil. Agradecido eres uno de Los EXITOSOS EN LA VIDA!
Pero que Salvaje, jajajajaja, brillante, el que sabe, sabe y el que no sabe, habla tonteras. Te felicito.
He hecho muchas cosas siguiendo tus videos
Como siempre no terminas de sorprendernos eres un "Salvaje"! en Colombia al juego tic tac toe lo llamamos Triqui
Muy buen video y útil. En Costa Rica, cuando yo crecía, le decíamos jugar Gato.
Muy bueno Salvaje!! T ganaste mi suscripcion!!
Y aca en Argentina Campeón Mundia!! Se llama TA TE TI.
Excelente video, la sacaste del parque como decimos por aca. Un abrazo!
Excelente!!! Buen trabajo... Felicidades y suerte en tus proyectos
¡¡Gracias!!. Tu video, el tema y tu forma particular de presentar están ¡¡¡SALVJES!!!
Excelente video hermano de mucha ayuda Gracias. Nuevo suscriptor. Aqui en Venezuela le decimos a ese juego la "Vieja"
Eres un crack, Salvaje muchas gracias bendiciones ... mas videos por favor
desde el dia 1 que vi tu video pude hacer todo tal cual y como lo explicaste, muchas gracias por la informacion
Salvaje salvaje que la rompiste con esa explicación de html, css y JS... 🥰🥰🥰