Como programar en ChatGPT [ FÁCIL y RÁPIDO ] Apps con INTELIGENCIA ARTIFICIAL en CSS, HTML Y JS

Подписаться 376 тыс.

Просмотров 320 тыс.

50% 1

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

Опубликовано:

9 мар 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 928

@karlaguerra. Год назад

Eres un crack, no dejaré de insistir que tú contenido es oro puro ✨ me alegra el crecimiento de tu canal porque te lo mereces 🙌

@Hufsa 11 месяцев назад

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

@CanalEducativoEl Год назад

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!!!

@javiergirones1978 11 месяцев назад

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!!!

@jdanielv33 Год назад

Difícil encontrar un canal con un contenido tan útil, práctico, didáctico y por supuesto.... muy salvaje! Éxitos!!!!

@mariogrigera 11 месяцев назад

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.

@AlexanderDiaz-kp5jt Год назад

Tremendo video, en ningún otro canal he visto que se puede crear aplicaciones webs. Ojalá hagas más contenido de este tipo 🔥🔥🔥

@gatopolifacetico6965 Год назад

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

@liramoh7282 Год назад

Me encanta aprender, por favor, siga trayendo más ejemplos de las tareas que podamos realizar. Gracias! Saludos cordiales.

@Jose_art Год назад

Haces los video más útiles de Internet. Sigue así

@OpensAI 4 месяца назад

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

@jennybh7889 11 месяцев назад

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!!

@eljost512 10 месяцев назад

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.

@joseluiscejaanaya6112 Год назад

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.

@miquelcastillejosgomez1092 Год назад

Que pasada yo soy programador , es aluciante, y que bien lo explicas todo, me encanta

@agustinsalazargonzalez3709 Год назад

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

@marcosherramientasdemarket7943 Год назад

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.

@silviofernandez7387 Год назад

Muchas gracias Salvaje, como siempre muy didáctico, en Argentina al juego se le llama Ta-Te-Ti

@mmilisenda Год назад

Suerte para ti!

@chrisnegociosia Год назад

Excelente video y muy buena la explicación de HTML, Javascript y CSS, muy buenos ejemplos de las apps saludos!

@ayudatech2599 10 месяцев назад

Sencillamente genial mi viejo. A veces tengo que programar y créeme, ya no me romperé la cabeza gracias a este tutorial.

@guillermocorzo724 Год назад

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.

@zerdro 11 месяцев назад

billones de codigos internos? eso suena a cientos de programadores desarrollando un reloj o un tic-tac-toe

@florayelen5139 Год назад

Es increible, mi mente esta por estallar ante las infinitas posibilidades de uso

@Rafa_2331 Год назад

¿Quién puede prever hacia donde vamos? ¡Todo sorprende! La IA reemplazará millones de trabajos.

@abrilochoa8343 Год назад

me siento igual!

@delasgoe Год назад

@@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

@arlongomezrodriguez8481 Год назад

Ya no vamos a ser tan necesarios

@Subiendocuestas Год назад

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.

@shellysnogueraRealtor 9 месяцев назад

Bendiciones. Eres lo Máximo y lo disfrutas 🎉

@HeribertaParedes Год назад

Tres en raya: en Argentina lo llamamos TA-TE-TI Me encanta tu video y es muy didáctico. Gracias

@Mrmodoro Год назад

aca lo llamamos linea ponsóna

@HeribertaParedes Год назад

@@Mrmodoro Bien!👍👍De dónde sos?

@Mrmodoro Год назад

@@HeribertaParedes de argentina

@HeribertaParedes Год назад

@@Mrmodoro 💋💋👍👍

@Mrmodoro Год назад

@@HeribertaParedes 😘

@matiuscarreno5048 Год назад

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

@freyjhindevelishvazquez6552 11 месяцев назад

a primera impresion y por la manera didactica en que explicas atrapas la atencion.. buenisimo tu contenido

@alejandrobarrosvivanco3253 Год назад

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!

@TallerdeDibujo Год назад

Hola, Salvaje, en Argentina el Tic tac Toe se llama Ta Te Ti. Muy buenos y útiles tus videos!!

@nahueldonoso3930 Год назад

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.

@andy_lrs Год назад

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

@arnoldrianoarciniegas5691 Месяц назад

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 👍

@dariorojas8225 Год назад

¡¡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.

@FSH2 Год назад

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

@sanguinj Год назад

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😅

@LJR.YouTube Год назад

¡Genial! Tienes un mundo lleno de oportunidades para ti.

@eduardoloboarteaga2006 4 месяца назад

Te ganaste un seguidor más, tengo poco conocimiento en programación , gracias a tus videos y consejo estoy aprendiendo algo nuevo

@oracionesdelmar8785 10 месяцев назад

He hecho muchas cosas siguiendo tus videos

@PamelaJohnson-xt8hu Год назад

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 🤫😂

@universal.curiosities Год назад

sin duda me encantaria verlo, ojala lo haga

@visca7 Год назад

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

@damianjoel5833 Год назад

@@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.

@PamelaJohnson-xt8hu Год назад

@@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.

@hanzelleptems3599 Год назад

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.

@kevbrizzio Год назад

En Argentina le decimos Tateti

@GustavoZaragoza_Venezuela Год назад

@@kevbrizzio Y en Venezuela: "la vieja"

@JesusFloresMexico Год назад

Soy tu fan. Sigue compartiendo, por favor

@CRISTIANOYOLAFON Год назад

muuuuchos han hablado de las inteligencias artificiales pero tu eres el que mejooooorrr las explica te agradezco muuuucho.

@xTrustno1x Год назад

Es verdad...

@josemanchayneira8839 11 месяцев назад

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 😢

@Tomasay. 11 месяцев назад

Si te es tan fácil, con solo un buen portafolio podrías conseguir trabajo.

@Cop0o 11 месяцев назад

No es fácil claramemte para hacer una pagina necesitas muchas lineas de codigo imagina cuanto codigo tiene un procesador o un sistema operativo

@Rey_MR Год назад

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

@davidjimenez5728 Год назад

Mejor pídele que te haga el trabajo gratis para que lo copies facilito y te lo paguen a ti 👍

@leit0cl Год назад

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!!

@blueblue3095 Год назад

Es la primera vez que te veo. Grata experiencia,gracias.

@fran_ds6089 11 месяцев назад

Como salvar la salud mental de un programador:

@surreiro 20 дней назад

Entonces aconsejas, de esta manera, para iniciarse a programar aunque sea pequeñas cositas a los no iniciados?

@fran_ds6089 20 дней назад

@@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 👍🏻

@surreiro 20 дней назад

@@fran_ds6089 excelente consejo

@Fingolfin7712 Год назад

Has ejercicios pero con python todo con chat gpt. Sería genial.

@herberth.1658 Год назад

En python se podria crear rodo eso? Solo en ese lenguaje de programacion?

@partybuzz9782 Год назад

Ti estilo de Explicar es Inigualable mi Salvaje! GRACIAS!

@romanqueral Год назад

¡Qué maravilla de video! Me encantó. ¡Muchas gracias por compartir tus conocimientos con nosotros! 😍

@josenestorbandasencia8913 10 месяцев назад

explota explota explo

@Meno-Sebastiano-Argenti Год назад

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.

@cristiandejesus1502 6 месяцев назад

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

@alexurbaez951 Год назад

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.

@teteylulu9308 11 месяцев назад

Aprendí mucho solo viendo este video. Es más de lo que necesitaba :)

@antoniojerez209 Год назад

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!

@luismorales4457 11 месяцев назад

Excelente vídeo tutorial amigo. Esto es fantástico y tiene un gran potencial. Muchas gracias por el aporte 😊

@lucianonicolas8578 Год назад

Graaaaaacias!!! Soy un analfabeto digital, y seguiré siéndolo, pero ahora lo disfruto.

@JoseLuna-ve3ih 8 месяцев назад

Muy interesante aprender lo complicado y TU hacerlo mas sencillo y com partiendo tus conocimientos muchas bendiciones y gracias por actualizarnos

@roderirojas7061 Год назад

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

@RickGorGamer 9 месяцев назад

Hola Salvaje, Sigue asi, cada dia aprendo mas gracias a ti!

@michaelmorenoacuna9742 5 месяцев назад

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...

@mcramirez Год назад

Excelente!!! Buen trabajo... Felicidades y suerte en tus proyectos

@ronaldquehuarucho9379 10 месяцев назад

Salvaje eres lo máximo, yo estoy entrando recién al mundo. Y si es de mucha ayuda. Saludos desde Perú.

@La-Cruda-Verdad Год назад

Excelentemente... Salvaje...Que bien lo explicas todo, saludos desde Venezuela...!!!

@amandabulla783 Год назад

Voy seguirte porque comence a estudiar programación y está estupendo tu vídeo

@EduardoRodriguez-sj8wn 9 месяцев назад

espectaculares aportes salvaje, nos estas dando unas ideas geniales para programar de una maneja fácil y sencilla de aplicar y entender

@belisario3002 Год назад

Excelente video para los que estamos iniciando este video es salvaje. Dinámico. Explicativo

@carlosmendez252 Год назад

Salvaje salvaje!!! Me encantan tus vídeos, te felicito sigue adelante Dios te bendiga

@cesaralfredosaenzcruz5219 10 месяцев назад

Excelente contenido ya he visto varios de tus videos y aplicado al chat GTP

@PABPbb 10 месяцев назад

Hola Salvaje!, amé este video!, wow!!, las posibilidades son infinitas con la IA!!!, gracias!

@RobertPinales-cl8io Год назад

Está es una nueva generación fantástica para los que❤ la programación

@exitososenlavida5603 10 месяцев назад

Me ha resultado muy útil. Agradecido eres uno de Los EXITOSOS EN LA VIDA!

@prosperidad7 Год назад

Pero que Salvaje, jajajajaja, brillante, el que sabe, sabe y el que no sabe, habla tonteras. Te felicito.

@AcordesRafa Год назад

Es increible lo que se puede hacer con esa herramienta y grcias por compartir tu conocimiento, te dejo mi like y suscripción.👍

@grbsql 9 месяцев назад

Excelente video. Impresionante Chatgpt. Muchas gracias

@ajbodoc 11 месяцев назад

Hola salvaje muy buena y simple explicación.

@EdwinVillanuevaPerez 11 месяцев назад

¡¡Gracias!!. Tu video, el tema y tu forma particular de presentar están ¡¡¡SALVJES!!!

@josebejarano5614 11 месяцев назад

Me explota el cerebro. Excelente! Gracias.

@gandhipimentel9294 Год назад

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"

@jorgeblaspy Год назад

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"

@dominanteferpain1163 7 месяцев назад

... soy nuevo y valoro mucho tus videos y darte muchas Gracias, aqui Fernando dejando un Buen Laikaso, Saludos ...

@user-mg1yu1ek1x 10 месяцев назад

exelente video hermano, aqui ando tengo esas clases en 2 semanas y me prepare con este video gracias

@davincimodernlanguages8071 Год назад

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!!

@luzdeciudad Год назад

Excelente!!! me encanto lo de la calculadora!! Saludos y abrazos desde ARgentina!"

@zodioncolombia1078 Год назад

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

@TOTEMOON_TRADING 9 месяцев назад

Excelencia pura este video, me has salvado hombre, mil gracias

@ricardomoreno8526 Год назад

Cada video es mejor. Gracias 🙏

@apolo8507 9 месяцев назад

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

@gutierojas65 Год назад

Como siempre no terminas de sorprendernos eres un "Salvaje"! en Colombia al juego tic tac toe lo llamamos Triqui

@cepedadavid4442 Год назад

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

@erikamoran6709 Год назад

excelente ,increible lo simple que explicas ,un genio

@monicavives1965 Год назад

Genial en Argentina a ese juego lo llamamos "TA TE TI" felicitaciones en hora buena, seguirte con ejemplos concretos 🙏👏

@YoTube-fj6cd Год назад

Me gustan estos vídeos prácticos y al grano

@PilotaralExito 11 месяцев назад

ha sido genial, divertido y ampliado mis horizontes sobre el uso de AI, 1000 gracias x compartir 😀😀😀😀😀

@betomendez79 11 месяцев назад

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!!!

@germanmartinmerino894 Год назад

Estoy alucinando! Muchas gracias por enseñarnos.

@Mandadomontevideo 7 месяцев назад

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