Cómo Crear una Página Web con Chat GPT (solo con IA)

Поделиться
HTML-код
  • Опубликовано: 24 июл 2024
  • Mucho se ha hablado de la #inteligenciaartificial y sobre #chatgpt. Hemos podido ver como se pueden hacer un montón de cosas con este nuevo modelo de IA. Desde crear textos, resúmenes o incluso traducciones, hasta crear imágenes. ¿Pero puede esta misma IA crear una Página Web? ¿Nos va a ayudar a partir de ahora a diseñar nuestros sitios web?
    Júdgalo tu mismo en este vídeo.
    👉 Cómo Crear una Página Web (GPT4) con IA:
    • Cómo Crear una Página ...
    👉 Cómo utilizar ChatGPT en Visual Studio Code:
    • Cómo usar ChatGPT en V...
    👉 Qué es Chat GPT y Cómo funciona:
    • Qué es Chat GPT y Cómo...
    📜 Artículo del Blog y documentación:
    dropcoding.com/crear-pagina-w...
    ¡SUSCRÍBETE para más contenidos sobre Diseño y Desarrollo Web!
    / @dropcoding
    Índice:
    00:00 - Intro
    1:25 - Herramienta de Chat GPT
    2:20 - Header
    4:28 - Hero
    6:56 - Sección dos columnas
    9:29 - Galería de imágenes
    10:52 - Footer
    12:39 - Resultado final
    15:47 - Conclusiones sobre Chat GPT
    Página de Chat GPT (Open AI):
    openai.com/
    SÍGUEME EN MIS REDES:
    Instagram: / dropcoding
    Facebook: / dropcoding
    Twitter: / dropcoding

Комментарии • 355

  • @dropcoding
    @dropcoding  Год назад +25

    Os presento un pequeño experimento que he hecho para saber si la Inteligencia Artificial puede CREAR toda una Página Web. Comprueba tu mismo los resultados. 🤖👨‍💻

  • @necrowachin5683
    @necrowachin5683 Год назад +3

    La verdad que deja sin palabras. Es bueno conocer estas herramientas tanto para trabajar como aprender. Gracias por el video

    • @dropcoding
      @dropcoding  Год назад +1

      Hola! Sí, yo tmb me quedé asombrado cuando lo empecé a utilizar, un saludo!!

  • @carlmoralesp.m9512
    @carlmoralesp.m9512 Год назад +30

    Sería bueno que sigas haciendo este tipo de contenido... Yo no sé nada de programación, pienso que sería sorprendente que en mi área que es la ciencias sociales hacer una página web a la medida, sería fabuloso.

    • @dropcoding
      @dropcoding  Год назад +4

      Hola Carlos, muchas gracias por tu comentario. Es posible que saque un vídeo relacionado con lo que comentas 👍, un saludo!!

  • @gaston1891oroycarbon
    @gaston1891oroycarbon Год назад +4

    Tremendo video! Estaría bueno una parte 2 pero que vayas poniendo paso a paso con el visual, una locura lo de chat gpt. Me suscribo, un saludo

    • @dropcoding
      @dropcoding  Год назад +2

      Hola Gastón! Muchas gracias por tu comentario. Sí, dentro de poco se viene la parte 2 :D un saludo!

  • @lideresmx
    @lideresmx Год назад +2

    @DropCoding haz demostrado la estructura de como brindarle instrucciones a la IA para obtener el resultado de la página principal, puse a prueba las indicaciones que brindabas en tu vídeo y me arrojo un resultado super WOW, eso si, se debe tener conocimientos básicos, intermedios y avanzados de diseño web, programación para que la IA ChatGPT nos arroje la respuesta de nuestra petición.
    Con este vídeo haz ganado un suscriptor más de los miles que ya tienes.

    • @dropcoding
      @dropcoding  Год назад

      Hola! Muchas gracias por pasarte a comentar. Como bien dices, lo ideal es saber un poco del tema antes de generar código, sobre todo si luego queremos personalizarlo. Muchas gracias por la suscripción!! PD: No tengo tantos suscriptores, más bien poquitos 😂 👍

  • @markgamboa8183
    @markgamboa8183 Год назад +1

    Hace rato vengo metido esto de las aplicaciones AI que ya hay muchas y estoy sorprendido con todo...y eso que aun esta empezando pero va a pasos gigantes..ya me suscribi, buen post, saludos desde COLOMBIA

    • @dropcoding
      @dropcoding  Год назад

      Sí, esto va realmente rápido. Muchas gracias por pasarte a comentar, un saludo!

  • @juanfranciscotorreszuniga6779
    @juanfranciscotorreszuniga6779 Год назад +1

    Que buen video crack, me encantó.
    Lo voy a poner a prueba, al un vídeo donde le coloques instrucciones más detalladas.
    Gracias ☺️

    • @dropcoding
      @dropcoding  Год назад +1

      Si Juan, en los próximos vídeos sacaré vídeos relacionados con el tema, un saludo y gracias a ti por pasar.

  • @every2007
    @every2007 Год назад +1

    Excelente!!! Muchas Gracias! por este video.

  • @emilianotoukatli7547
    @emilianotoukatli7547 10 месяцев назад +1

    Es genial el video, muchas gracias, me suscribo esperando por mas...exitos!

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

      Muchas gracias por el comentario y por suscribirte :D

  • @bernardoblanco3516
    @bernardoblanco3516 11 месяцев назад +1

    Estoy haciendo un curso de creación de páginas web y estoy aprendiendo más contigo. Buen trabajo.

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

      Muchas gracias!!! Me alegran el día estos comentarios! 🫡

  • @Felipe_Ahumada
    @Felipe_Ahumada Год назад +1

    Muchas Gracias , estoy descubriendo chat gpt y es maravilloso , gran video .

    • @dropcoding
      @dropcoding  Год назад

      Si que lo es, gracias a ti por pasarte!

  • @fulviosoto4007
    @fulviosoto4007 5 месяцев назад +1

    Gracias por tu aporte y continua colocando tus videos

    • @dropcoding
      @dropcoding  4 месяца назад

      Gracias a ti por pasarte a comentar!

  • @cristinarizzolli5558
    @cristinarizzolli5558 Год назад

    Excelente me encantó, sería genial continuar con otros videos

    • @dropcoding
      @dropcoding  Год назад

      Hola! Muchas gracias!! Si, haré más videos sobre el tema, un saludo!

  • @manukingz5720
    @manukingz5720 Год назад +1

    diosss, que contenido mas util en la vida. gracias por compartir crack. saludos

    • @dropcoding
      @dropcoding  Год назад +1

      Este comentario si que es útil! jaja Muchas gracias y un saludo!

  • @fiorellalivingston
    @fiorellalivingston Год назад +1

    Muchas gracias por esta información, es muy valiosa.

    • @dropcoding
      @dropcoding  Год назад +1

      Gracias a ti por pasarte a comentar, un saludo!!

  • @sunsettech6227
    @sunsettech6227 Год назад +23

    Lo q todo programador backend ha querido en la vida... No depender de un front-end ni nadie más... Ahora si el salto a full-stack al alcance de los verdaderos programadores... Excelente herramienta, a aprender... SUSCRITO

    • @dropcoding
      @dropcoding  Год назад

      Hola! Desde luego, sirve para aprender cualquier lenguaje. Gracias por el comentario y por la suscripción!

    • @yoeloguerrier8747
      @yoeloguerrier8747 Год назад

      También va a reemplazar el back-end, lo que una persona sin experiencia ha querido, no depender de profesionales (no pagar mas dinero) para crear su sitio.

    • @sunsettech6227
      @sunsettech6227 Год назад +4

      @@yoeloguerrier8747 Jajajaja se nota cuando alguien no tiene NI IDEA de q es Back... Literalmente finalizaste diciendo "No depender de nadie para crear su sitio"... Como si un Back creará sitios web 😂😂😂... Y el montaje del servidor? Q diestro usar? Q base de datos se adapta a tu proyecto?? En q lenguaje?? 😂😂 Literalmente tu necesidad era un sitio web... Pero el Back crea plataformas gigantescas y escalables... Esa es la diferencia... Un Back debe de saber de Back para hacer las preguntas CORRECTAS a una IA... Mientras q un front o peor aún, alguien q no sepa nada... Se sienta frente a una IA y no sabe q preguntar... Solo pensará y preguntará por la parte visual o final... Están en pañaleeeesss 😂😂😂😂😂

    • @juanchogamersbohorquez3326
      @juanchogamersbohorquez3326 Год назад

      @@sunsettech6227 parcerito usted sabe que todo programador tiene cono basico tanto en front como back un lenguaje ya sea Java o pyhton o C# igual la IA te lo dará y crear una base de datos es facil, en pocas palabras tanto el front como el back serán faciles si la gente comienza a depender de chatgpt

    • @juanchogamersbohorquez3326
      @juanchogamersbohorquez3326 Год назад

      todo frontend o backend debe saber lo minimo de ambas partes......

  • @guzmen2512
    @guzmen2512 Год назад +1

    estuvo buenisimo! mas videos asi!

    • @dropcoding
      @dropcoding  Год назад +1

      Muchas gracias!! Tengo pensados unos cuantos vídeos más sobre el tema.

  • @santosjaimes1
    @santosjaimes1 Год назад +1

    Exxxcelente. Gracias

    • @dropcoding
      @dropcoding  Год назад

      Muchas gracias a tu por tu comentario, un saludo!!!

  • @anselmobenitezramos
    @anselmobenitezramos Год назад +1

    Listo David gracias por el video desde Colombia

    • @dropcoding
      @dropcoding  Год назад

      Hola! Gracias a ti por pasarte a comentar, un saludo!!

  • @paragalgostiendaonline9989
    @paragalgostiendaonline9989 Год назад +10

    Lo importante para trabajar con esta herramienta, por lo que se observa, es saber dar las instrucciones precisas.

    • @dropcoding
      @dropcoding  Год назад +2

      Toda la razón, si sabes darle las instrucciones precisas te arrojará resultados precisos, un saludo!

  • @marioalfredoazaro7663
    @marioalfredoazaro7663 Год назад +3

    Está muy bueno esto que nos has mostrado; yo estoy pensando hacer una pág. web y veo que usando IA de este modo se acorta mucho el tiempo que lleva crear la base; claro que algunos detalles como las imágenes, el logo, y algunos textos más específicos de lo que va mi proyecto, los tendría que agregar o cambiar "a mano" o casi a mano, pero se hace menos "rompedero de coco" tener facilitado el esqueleto de mi web.

    • @dropcoding
      @dropcoding  Год назад +1

      Toda la razón Mario. De hecho, aunque la IA no lo haga "todo" perfecto te ahorra un montón de tiempo. Un saludo y gracias por pasarte a comentar!

    • @alonso9682
      @alonso9682 4 месяца назад

      @@dropcoding incluso podria hacerlo todo, pero tendrías que especificar cada parte, algo asi como al programar piensas, ahora voy a separar un poco el texto del boton, que el boton tenga efecto hover que se inviertan los colores, un slider que pase imagenes con flechas, todo lo que quieras colocar, bien especificado se puede realizar

  • @minifletesgeneralrodriguez8135
    @minifletesgeneralrodriguez8135 Год назад +1

    gracias hace tiempo hago html y css pero no se nada de java asi que estoy probando la ia,buen video espero que sigas

    • @dropcoding
      @dropcoding  Год назад

      Si! Puedes probar con cualquier lenguaje, realmente está siendo toda una revolución este chat, un saludo!

  • @MinimalWeb
    @MinimalWeb Год назад +3

    Bueno yo soy desarrollador web y pa que ChatGPT es increíble me ha ayudado muchísimo en el trabajo, aun le falta mucho camino por recorrer pero ya es una herramienta única y muy útil 😎 👍

    • @dropcoding
      @dropcoding  Год назад

      Toda la razón Raul, es impresionante como puede acelerar la productividad y automatizar procesos, un saludo.

  • @darwinsantiago8167
    @darwinsantiago8167 10 месяцев назад +1

    Excelente video 😀

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

      Muchas gracias 😁

  • @yohendriabreu514
    @yohendriabreu514 Год назад +2

    Excelente bro

  • @criptofanaticos4421
    @criptofanaticos4421 Год назад +11

    Excelente video felicitaciones lastima que no hayas explciado bien para los principiantes donde poner cada codigo en el vsc para poder ver la pagina quede ahi en el final y estaba muy animado ojala pudieras explicarlo en otro video

    • @dropcoding
      @dropcoding  Год назад +1

      Hola! Muchas gracias por el feedback. Lo enseñaré en otro vídeo, un saludo!

  • @nicolasgontaro9308
    @nicolasgontaro9308 Год назад +1

    soy CEO de Codefy+ , desarrolladores web , cuento con un buen disenador y tres codificadores , yo tambien soy codificador , pero esto de la AI , da la hora .....Sigue adelante con su sitio en youtube , es muy bueno y te felicito

    • @dropcoding
      @dropcoding  Год назад

      Muchas gracias Nicolas por tu comentario, tengo previsto hacer varios vídeos más sobre el tema, un saludo.

  • @curiosities923
    @curiosities923 Год назад +1

    Este canal tiene mucho potencial, ánimos bro vas pa riba. El que vea este comentario sigue a DropCoding.

    • @dropcoding
      @dropcoding  Год назад

      Muchísimas gracias Jose! En breve sacaré más vídeos, a ver si os gustan! Un saludo.

  • @JuanPabloGranadosMotoa
    @JuanPabloGranadosMotoa Год назад +6

    Está bueno como hizo tu página y el estilo que le pusiste de verdad muy profesional, aunque es obvio que hay que mejorar más, quizá en un vídeo futuro puedas hacer juego completo, recomiendo el Python para hacerlo o con godot o Unity

    • @dropcoding
      @dropcoding  Год назад +3

      Es posible que haga un vídeo creando una página más completa, un saludo y gracias otra vez Juan!

    • @musicok2914
      @musicok2914 Год назад +1

      @@dropcoding porfavor

    • @dropcoding
      @dropcoding  Год назад

      @@musicok2914 hecho!

    • @yamilcrespo2140
      @yamilcrespo2140 Год назад

      ChatGPT no puede generar un juego completo, ni siquiera uno como Mario Bros

    • @JuanPabloGranadosMotoa
      @JuanPabloGranadosMotoa Год назад

      No, pero si crea comandos

  • @nicolasgontaro9308
    @nicolasgontaro9308 Год назад

    Hice el experimento y me salio , lo que hago ahora es hacer una lista de instrucciones mas especificas ( papabras claves ) , instruciones mas precisas para hacer mas rapido la pagina ....gracias , gran aporte

    • @dropcoding
      @dropcoding  Год назад

      Si, es una es increíble el tiempo que te puede ahorrar, yo tmb la utilizo mucho, un saludo!

  • @youseelivechanneltv
    @youseelivechanneltv Месяц назад +1

    Excelente

  • @AlanDeepARG
    @AlanDeepARG Год назад +11

    Bro, se escucha solamente del lado izquierdo y un poco bajo el volumen.

    • @dropcoding
      @dropcoding  Год назад +1

      Hola Alan, sí, ya me lo han comentado (unas cuantas personas 😄👍). De todas formas, muchas gracias por el feedback, un saludo.

  • @rachelulitobic5980
    @rachelulitobic5980 Год назад +1

    Hola Amigo Gracias por hacer estos videos tan interesantes la verdad se ve que eres muy inteligente y sabes de lo que hablas pero hay algo que tienes el mismo color de ojos que mi hermana
    mi hermana es muy payasa y se la pasa haciendo bromas y cuando te veo me recuerdas a ella y no puedo evitar reírme nada en contra tuya solo me la recuerdas soy nueva incriptora desde hoy me interesa mucho seguirte sacas unos videos que me están ayudando mucho soy estudiante de full stack ask que ya sabras saludos :)

    • @dropcoding
      @dropcoding  Год назад

      Hola Rachel, una historia interesante. De hecho, es la primera "historia-anécdota" que escriben por aquí. Gracias por compartirla y gracias por suscribirte, un saludo!!!

  • @luisenriquerojasmartinez1363
    @luisenriquerojasmartinez1363 Год назад +1

    Magnifico video, sin embargo recomiendo que minimizes un poco mas la circunferencia del capture de tu rostro pues abarca justamente en la barra del chat IA, por lo demás es didáctico, muy bien explicado, sencillo 😃😃😃 saludos Desde Venezuela

    • @dropcoding
      @dropcoding  Год назад +1

      Hola Luis, muchas gracias por pasarte a comentar y por el feedback. Tomo nota y en los próximo vídeos me pondré un poco más "pequeñito". Un saludo!

  • @OPENACTING
    @OPENACTING Год назад +5

    Genial tu video. Para los novatos podrías hacer un video explicando el proceso final de creación de la página, es decir donde y cómo pegar ese código que nos hace el Chat etc... 😅 Pero gracias por la info!!!

    • @dropcoding
      @dropcoding  Год назад

      Hola! Sí, sacaré un vídeo sobre el tema, gracias por el feedback!

    • @ferhf824
      @ferhf824 Год назад

      @@dropcoding si es urgente yo ni se donde poner todo el codigo que me genero

    • @me5818
      @me5818 Год назад

      @@ferhf824 lo que dice html pégalo en un bloc de notas y lo guardas con extensión .html. Lo que dice css, lo mismo, pero lo guardas con extensión css. Luego en el head del html creas un Todo se guarda en la misma carpeta y luego lo abres con el navegador.

  • @diegohuarangabernal301
    @diegohuarangabernal301 Год назад +2

    Que buen video! podrias hacer uno implementando esta IA para conseguir clientes para negocios online?

    • @dropcoding
      @dropcoding  Год назад +1

      Buena idea!! Sacaré uno sobre el tema en breve, un saludo!

  • @_Mictlan_
    @_Mictlan_ Год назад +1

    Me encantó...

    • @dropcoding
      @dropcoding  Год назад

      A mi me encantó tu comentario... 😄😁 gracias!

  • @zanares1015
    @zanares1015 Год назад +3

    Yo lo uso en el trabajo, y es una maravilla para no tener que buscar en google como hacer alguna cosa de programación que se me haya olvidado o en la que este estancado, tambien para rellenar textos de mierda que dan mucha pereza tener que pensar y títulos, otra forma también en la que lo utilizo es generando codigo mientras yo programo otras cosas es decir como si trabajara de forma simultanea con otro compañero. Siempre tienes que modificar algo por que no te da en muchos casos las respuestas mas exactas pero bueno agiliza bastante

    • @dropcoding
      @dropcoding  Год назад

      Sí, es una pasada. Yo hago lo mismo, en una pantalla tengo el chat y en la otra voy haciendo yo mismo. Lo de generar textos de 💩 va muy bien ¡Especialmente si tienes que presentar cosas a clientes o sacar proyectos rápidos! Un saludo y muchas gracias por pasarte a compartir tu experiencia.

  • @lojanochasi3062
    @lojanochasi3062 Год назад

    por favor mas videos de este tipo

    • @dropcoding
      @dropcoding  Год назад

      En breve sacaré más videos sobre el tema, un saludo y gracias!!

  • @brunostorniolo
    @brunostorniolo Год назад +1

    me gustaria mucho que hagas un video similar a este pero que este aplicando en python muy buen video

    • @dropcoding
      @dropcoding  Год назад

      Hola! La verdad es q no domino mucho Python como para hacer tutoriales jeje. Quizás más adelante, un saludo!

  • @aracelilopez4722
    @aracelilopez4722 9 месяцев назад +1

    Me a gustado muchisimo, pero me gustaria verlo en una pagina web mucho mas compleja, gracias pos tu trabajo👏👏👏

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

      Hola!! Sí, algo haremos con chatgpt dentro de poco :D gracias por el feedback!

  • @marprock6850
    @marprock6850 Год назад +1

    le veo mucho potencial a tu canal

    • @dropcoding
      @dropcoding  Год назад +1

      Este tipo de comentarios son los que me animan a crear más contenido, muchas gracias de verdad!!

  • @bernardolanderos3745
    @bernardolanderos3745 11 месяцев назад +3

    Muchas gracias por compartir tus conocimientos y de como aprovechar la iA, Ojala puedas hacer un video de como hacer una pagina web donde ya uses html, css, js, php, pyton, y quede algo más elaborado y profesional para un negocio, estaría genial, saludos desde México

    • @dropcoding
      @dropcoding  11 месяцев назад +1

      Hola! Muchas gracias a ti por pasar a comentar. Tengo previso hacer algo bastante más elaborado. El problema es que tardo muchísimo en hacer vídeos largos y luego no los ve ni el tato 😂😅. Pero bueno, en breve sacaré uno de este tipo, un saludo!!

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

      Dale, te queda muy bien y se aprende muchisimo@@dropcoding

  • @victorhugoalbarracin-kp1zr
    @victorhugoalbarracin-kp1zr Год назад +2

    Me doy cuenta que se puede hacer mucho, pero hay un techo...sin saber programar se puede, pero con límites, si querés una SPA con React, implementar más funcionalidades, si vas a hacer un diseño más complejo con más animaciones y transiciones más específicas, si vas a usar localStorage y cosas así, tenés que tener noción de diseño web y desarrollo web, no obstante para uno que lo es, es una hermosa herramienta por ahora (más allá de me quite el laburo en un futuro)

    • @dropcoding
      @dropcoding  Год назад

      Toda la razón Victor, has de saber un poco del tema para que sea efectivo. Esperemos que no se cumpla lo último que comentas, un saludo.

  • @arthurreliable5236
    @arthurreliable5236 Год назад +1

    Seria buena idea que nos compartieras el RAR del codigo con las imagenes que agregaste amigo, quedo excelente. saludos.

    • @dropcoding
      @dropcoding  Год назад

      Hola! Son de un banco de imágenes y tienen su licencia. Voy a sacar un vídeo sobre el tema de las imágenes dentro de poco :D

  • @zeus_t.k.m
    @zeus_t.k.m Год назад +1

    Mi oido izquiero disfruto este video xd

    • @dropcoding
      @dropcoding  Год назад +1

      Ya han hecho el mismo chiste! 😄

  • @reneberron84
    @reneberron84 Год назад +1

    Me acuerdo que estaba estudiando codigo cuando comenzo a despegar wordpress y me frustre pensando que esos conocimientos se quedarian obsoletos y me quedaria sin oportunidades de trabajo, lejos de eso se volvio una herramienta la cual necesitaba mis conocimientos anteriores para ser usada, espero eszto sea asi tmb.

    • @dropcoding
      @dropcoding  Год назад

      Creo que esto es bastante más potente que WordPress, ya veremos como evoluciona! Un saludo y gracias por pasarte a comentar!

    • @reneberron84
      @reneberron84 Год назад

      @@dropcoding Fue por poner un ejemplo del shock de ver una nueva tecnologia, de momento uso chat gtp como usaba google, la verdad es que solia entrar a los sitios de documentacion y copiar codigo para irlo modificando, ahora con chat gtp es mas facil hacer exactamente lo mismo por lo que recomiendo usarlo.

  • @Henriquedefesapessoal
    @Henriquedefesapessoal Год назад +1

    Saludo desde Brasil

    • @dropcoding
      @dropcoding  Год назад +1

      Muchas gracias por pasarte a saludar!! Un saludo!!

  • @patriciagomez2775
    @patriciagomez2775 Год назад

    Me encantó el experimento, ¿podrías hacer un video con el backend en java con un login utilizando jwt?

    • @dropcoding
      @dropcoding  Год назад

      Hola Patricia, sería un experimento interesante pero no toco java :(

  • @martincano8332
    @martincano8332 Год назад

    Buenas en video, sería bueno que hicieras un vídeo con inteligencia artificial de una página inmobiliaria, gracias por tu aporte.

    • @dropcoding
      @dropcoding  Год назад

      Tengo pensado crear una página web de una Inmobiliaria, pero el último video que hice donde creo un sitio web no tuvo mucho éxito :(

  • @hugozalazar
    @hugozalazar Год назад +1

    Hola. Perdon la ignorancia, que editor web usas para cargar las lineas que te creo el chatgpt.gracias

    • @dropcoding
      @dropcoding  Год назад

      Hola Hugo, el editor que uso es Visual Studio Code, un saludo!

  • @carlmoralesp.m9512
    @carlmoralesp.m9512 Год назад +1

    Genial

  • @joseanez60
    @joseanez60 Год назад +1

    Con modelos prediseñados y que nos presente secciones para el llenado de contenidos específicos.

  • @giovannisabogalcespedes1648
    @giovannisabogalcespedes1648 Год назад +1

    Nice Video

  • @angelgonzalezjimenez4459
    @angelgonzalezjimenez4459 Год назад +1

    No entiendo nada de programación y me ha encantado el video. Supongo que también se podrá crear un blog desde 0

    • @dropcoding
      @dropcoding  Год назад +1

      Hola Angel, muchas gracias por tu comentario. Si, se puede crear un blog, es muy probable que hagamos algo parecido en los próximos vídeos.

    • @angelgonzalezjimenez4459
      @angelgonzalezjimenez4459 Год назад

      @@dropcoding estaré atento. Gracias

  • @majorero22
    @majorero22 Год назад +1

    Muchas gracias por este video, ideal para los que nos inciamos en la programación, he hecho pruebas con CODEPEN para introducir y ejecutar los tres codigos difrentes y le he pedido que me escriba es código en HTML, CCS y Javascript y que me creara una calculadora y el juego de tres en raya y a funcionado a la perfeciòn.
    El final de tu video donde pegar todo el código que es HTML y CCS. no me quedo claro como hacerlo.
    Muchas gracias.

    • @dropcoding
      @dropcoding  Год назад

      Hola! Muchas gracias por tu comentario y por suscribirte. Es una herramienta muy potente, sin duda para cualquier diseñador o desarrollador web. Dentro de poco haré una parte 2 del vídeo en el que lo explicaré todo paso a paso, un saludo!

  • @satanicsoft
    @satanicsoft Год назад +1

    Hola estoy haciendo una página web con mobirise cómo podría integrar chat GPT en dicha página. Gracias

    • @dropcoding
      @dropcoding  Год назад

      Si sabes un poco, puedes utilizar su API, un saludo.

  • @vesnadaruis3446
    @vesnadaruis3446 Год назад +2

    Genial video, me quedé en la parte del editor. Cual usas así lo descargo?

  • @RioGaytan
    @RioGaytan Год назад +1

    favorito

  • @cesaruvasquezc
    @cesaruvasquezc Год назад +1

    todo muy bien pero no entendí cómo pasaste al editor de código...que editor usaste o donde pegaste los códigos que te envio el chat... min12:50

    • @dropcoding
      @dropcoding  Год назад

      Sí César, lo han comentado varias veces, sacaré un vídeo al respecto, gracias por el feedback.

  • @ulisesbolto4867
    @ulisesbolto4867 Год назад +1

    hola. como va? que editor de código estas utilizando ? gracias

    • @dropcoding
      @dropcoding  Год назад +1

      Hola! Utilizo Visual Studio Code, un saludo!!

  • @LordKanMcKay1
    @LordKanMcKay1 Год назад +1

    Disculpa hermano, que editor usaste para hacer todo al final?

    • @dropcoding
      @dropcoding  Год назад

      Utilizo Visual Studio Code , un saludo!!

  • @yosoyignicion
    @yosoyignicion Год назад +1

    Hola, soy nuevo en esto de programar vengo de ciberseguridad, me gustaria saber porque cada pagina que hago se ve simple sin los estilos, como si no cargase bien. Yo enlazo todo como me dice chatgpt, he probado hasta a ordenarlo pero nada, se ve como forocoches en sus inicios, alomejor es que me falta algun plugin?

    • @dropcoding
      @dropcoding  Год назад +1

      Hola, sin ver el código no te sabría decir. Asegurate de usar la etiqueta link con la ruta de la hoja de css. En cuanto al diseño, siempre puedes utilizar una plantilla para el tema del diseño, un saludo!!

    • @yosoyignicion
      @yosoyignicion Год назад

      @@dropcoding bien gracias crack un abrazo

  • @victormedina5837
    @victormedina5837 Год назад +1

    No as explicado en donde meter el codigo del programa hacia el editor de programacion, no tengo ni idea como manipular esa parte, podrias explarcar me lo porfa

    • @dropcoding
      @dropcoding  Год назад

      Lo he copiado y pegado en VSCode, que es el editor que yo uso.

  • @profsamujp5975
    @profsamujp5975 Год назад +1

    Yo no sé nada de programación, está brutal esto

    • @dropcoding
      @dropcoding  Год назад

      Sí, además nos ayuda a prender mucho más rápido!

  • @lizbethmelgarejo5406
    @lizbethmelgarejo5406 Год назад +1

    Puedes hacer un tutorial de un formulario con BD y ubicación con Google maps.

  • @alfredoo1578
    @alfredoo1578 Год назад +1

    Bro una pregunta
    Cuando tenemos todo el código fabricado on chat gtp
    Luego creamos el body
    Y es solo pegar todo junto? O es ir pegando en cada sección?

    • @dropcoding
      @dropcoding  Год назад

      Hola! Puedes pegarlo todo junto o separado, pero tiene que tener la misma estructura (los elementos del body dentro del body y lo mismo con el head o cualquier otro)

  • @rauljosecontreras4238
    @rauljosecontreras4238 6 месяцев назад +1

    disculpa que editor de código usar en el video

  • @luislarag
    @luislarag Год назад +1

    sí haz más vídeos del tema

    • @dropcoding
      @dropcoding  Год назад +1

      Hola Luís, tengo en mente otros vídeos relacionados con el tema, en breve los sacaré!

    • @luislarag
      @luislarag Год назад +1

      @@dropcoding si ya parte de lo de crear libro

  • @tobbye280
    @tobbye280 Год назад

    Estaria bueno un video de backend con python en chat gpt

    • @dropcoding
      @dropcoding  Год назад

      Hola! No es mi especialidad pero se podría intentar hacer algo con python👍

  • @Loco1958
    @Loco1958 Год назад +1

    Qué editor web usas? Gracias!

  • @germanaguilera5942
    @germanaguilera5942 Год назад +1

    MUY BUENO EL VIDEO BRO. UNA PREGUNTA COPIAS EL CODE Y LO PEGAS EN AMBAS EXTENCIONES TANTO INDEX HTML Y STYLE CSS? PARA QUE SE TERMINE DE CREAR LA PAGINA?

    • @dropcoding
      @dropcoding  Год назад

      Síi, exacto. Primero pego el código html en index.html y luego todo el css en la hoja de estilos (style.css) un saludo!!

    • @user-ih8zj1bi7s
      @user-ih8zj1bi7s 29 дней назад

      ​@@dropcodingQue programa se debe de usar? Saludos y Bendiciones

  • @lissirakreativa4888
    @lissirakreativa4888 11 месяцев назад +1

    Hola que editor usaste para copiar y pegar,espero su respuesta gracias

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

      Es en Visual Studio Code

    • @dropcoding
      @dropcoding  11 месяцев назад +1

      Hola! Como dice el compañero, se llama VSCode. Un saludo!

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

      gracias 👌

  • @Skylinesworld
    @Skylinesworld Год назад

    Hola seguís los pasos pero exactamente cual página o explorador ocupas para copiar y pegar esa es. mi duda

    • @dropcoding
      @dropcoding  Год назад

      Si te refieres al editor que uso, se llama VSCode.

  • @marcovilcao.8352
    @marcovilcao.8352 Год назад +1

    Sorprendido como a avanzando la tecnología o.o

    • @dropcoding
      @dropcoding  Год назад

      Si Marco, es increíble. Esperemos que no sea una arma de doble filo ahora :D

  • @leonardoatlante1302
    @leonardoatlante1302 8 месяцев назад +1

    Excelente contenido amigo. Una pregunta, existe algún Chat GPT que genere a código una web completa con todas sus secciones, funcionalidad, imágenes, textos, es decir, todo completo?, En caso de no ser así, podrías mencionarme las mejores para cada una de estos requerimientos?

    • @dropcoding
      @dropcoding  8 месяцев назад +1

      Hola! Muchas gracias por tu comentario. Realmente, esto daría para un vídeo interesante, es probable que saque algo sobre el tema.

    • @leonardoatlante1302
      @leonardoatlante1302 8 месяцев назад

      @@dropcoding sería genial 🙏

  • @santiagoprieto265
    @santiagoprieto265 Год назад +1

    Como se llama donde escribes en HTLM

    • @dropcoding
      @dropcoding  Год назад

      Se llama Visual Studio Code, es un editor.

  • @matias01melam
    @matias01melam 10 месяцев назад +1

    Hola crack todo iva bien pero al final tuve unir varios retazos de head se me hizo una laberinto , y las imagenes no se como los unistes , espero que haya una segunda parte de este video , algo mas especificio de solo como unir imagenes nada mas saludos.

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

      Hola! Las imágenes las he sacado de un banco de imágenes. Tengo pensado hacer una segunda parte, gracias por pasarte!!

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

      Hola Crack gracias por responder, estoy muy interesado como obtener la API del tiktok para un proyecto de Automatización crees que lo puedas hacer, se usa GET o.... no lo sé .. Saludos.

  • @Loco1958
    @Loco1958 Год назад +1

    Y como haces que abra la página de servicios?

    • @dropcoding
      @dropcoding  Год назад

      a través del enlace html, has de colocar la ruta que quieras. En este caso, solo es un ejemplo.

  • @carlhdz8201
    @carlhdz8201 Год назад +1

    UN like pero miles de gracias

    • @dropcoding
      @dropcoding  Год назад

      Muchas gracias a ti por el like, por suscribirte y por pasarte a comentar, un saludo!!

  • @ivanbaigorria9131
    @ivanbaigorria9131 Год назад

    me gustaria saber como haces para ver la pagina una vez que colocas el texto

    • @dropcoding
      @dropcoding  Год назад

      Lo hago con una extensión que se llama "Live-server" de VSCode. Puedes abrir directamente en el navegador.

  • @pitrubio
    @pitrubio Год назад +1

    has intentado instalar code gpt en VS?

    • @dropcoding
      @dropcoding  Год назад

      Hola, tengo un tutorial sobre ese tema. Te recomiendo que le eches un vistazo! Un saludo!

  • @joseluisroma3378
    @joseluisroma3378 Год назад +3

    excusa mi ignorancia pero despues de tenerlo en el editor html como hicistes para correrlo en el navegador porq queria aprender desde 0 hasta montarlo pero me quede el el editor. gracias si puedes ayudarme con esa parte ya le di tu like,

    • @dropcoding
      @dropcoding  Год назад +2

      Hola! Utilizo una extensión que se llama "Live server". Aunque puedes ejecutar el mismo archivo html abriéndolo con cualquier navegador, un saludo!!

    • @JuanPabloGranadosMotoa
      @JuanPabloGranadosMotoa Год назад +2

      La puedes correr de otra manera diferente, los códigos la pegas en el bloc de notas y creas una carpeta primero y la guardas dentro de la carpeta en modo htlm

    • @dropcoding
      @dropcoding  Год назад

      @@JuanPabloGranadosMotoa También se puede hacer de la manera que comentas, gracias!

    • @minifletesgeneralrodriguez8135
      @minifletesgeneralrodriguez8135 Год назад +1

      dentro de visual studio code tenes un live server para probar el codigo antes de subirlo a la web

    • @grimmer-san6844
      @grimmer-san6844 Год назад

      Tenía la misma duda. Yo tampoco se programar pero me hice una linda pagina de perros. Esa IA da miedo, pero es muy util.

  • @TiagoComelles
    @TiagoComelles 11 месяцев назад +1

    Como pusiste la visita previa?

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

      Con una extensión que se llama Live Server, creo que tengo que sacar un vídeo hablando sobre el tema :D

  • @lucazz6549
    @lucazz6549 Год назад +1

    Pero como has llegado a la pagina web? Yo he copiado todo, le he dado a run y todo bien pero no me manda a ninguna web ni me da ningun link

    • @dropcoding
      @dropcoding  Год назад

      Has de registrarte en OpenAi e ir al apartado de APIs una vez alli copias y vas a VScode (con la extensión instalada) le das a F1 y pegas el código.

  • @FreefireGarena-mi3bi
    @FreefireGarena-mi3bi Год назад +1

    Si si puede aserlo y crear herramientas webs y mucho más, generadores box-shadow, editores de imagenes , editor de códigos, reproductores ... infinidad

    • @dropcoding
      @dropcoding  Год назад

      Si, ahora el dilema que tengo es elegir que voy a hacer en los próximos vídeos, un saludo!!

  • @alejandrovaldes539
    @alejandrovaldes539 Год назад +1

    gracias, esta genial pero se poco de programación, me es dificil

    • @dropcoding
      @dropcoding  Год назад

      No te preocupes, poco a poco!!

  • @braisdiz296
    @braisdiz296 Год назад +1

    Puedes hacer vídeo dándole funcionalidad con chat gpt?

  • @jordifabregas5156
    @jordifabregas5156 Год назад +1

    Como se llama el navegador que usas?

    • @dropcoding
      @dropcoding  Год назад

      Es el Google Chrome (de toda la vida), un saludo!

  • @thepucherin
    @thepucherin 8 месяцев назад +1

    buenas un pequeño consejo: pon el audio de tu voz en los dos canales, no solo en el izquierdo

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

      Ya esta somucionado el tema!

  • @DJPORTADOR220
    @DJPORTADOR220 Год назад

    perdón pero como puedo cambiar las imágenes para que se vea así como en tu video??

    • @dropcoding
      @dropcoding  Год назад +1

      Hola! Has de poner la ruta de la imagen que tu quieras donde pone src="imagen.jpg" ¡Un saludo!

  • @Toni-nv2om
    @Toni-nv2om Год назад +1

    tienes que poner el micro en stereo, solo se escucha por la izquierda

    • @dropcoding
      @dropcoding  Год назад

      Sí, gracias por el feedback, un saludo.

  • @samorsky.1296
    @samorsky.1296 Год назад +1

    cual es ese editor de texto?

    • @dropcoding
      @dropcoding  Год назад

      Se llama Visual Studio Code.

    • @samorsky.1296
      @samorsky.1296 Год назад

      @@dropcoding gracias, tengo muchos códigos y no sabía dónde ponerlos.

  • @user-kx2fu6eg3k
    @user-kx2fu6eg3k Год назад +1

    hice lo mismo pero mi pagina aparece en blanco?

    • @dropcoding
      @dropcoding  Год назад

      Has comprobado que los nombres de los archivos sean los correctos?

  • @otakuhackeruwu1234
    @otakuhackeruwu1234 Год назад +1

    Que tal crear una inteligencia artificial con el mismo código de chat gpt y que tenga su GUI incluido?:b

    • @dropcoding
      @dropcoding  Год назад

      Buena idea! Se lo podríamos comentar en uno de los siguientes vídeos, un saludo.

  • @Eduardosanchx
    @Eduardosanchx Год назад +1

    "Hacer huevos Fritos" jajajaj

    • @dropcoding
      @dropcoding  Год назад

      Estaría bien que los hiciera no? jaja

  • @hatermaniatikoinc8198
    @hatermaniatikoinc8198 Год назад +1

    ESTO ES EL FUTURO ESO ES LO QUE LA GENTE NO ESTA ENTENDIENDO LA IA FUNCIONA CON INSTRUCCIONES

    • @dropcoding
      @dropcoding  Год назад

      Si, el futuro y el presente! Gracias por pasarte!

  • @danielcanorickh6968
    @danielcanorickh6968 9 месяцев назад +1

    No sé mucho de computación pero haré mi mejor esfuerzo, lo haré para mis cursos y talleres de ingles

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

      Esta muy bien, ya verás :D

  • @dayana8146
    @dayana8146 6 месяцев назад +1

    Puedes crear una página web de juegos que tengas barra donde tu aplasteas el juego que quieres y te lleva a la otra pahina

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

      Claro, solo se trataría de hacer una galería con los enlaces a los juegos!

  • @rodrashplace5900
    @rodrashplace5900 Год назад +1

    Alguien podría pasarme todo completo? No logro hacer que funcione

    • @dropcoding
      @dropcoding  Год назад

      Tienes todo el código en el artículo del Blog, que he dejado en la descripción del vídeo, un saludo!