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

Sdílet
Vložit
  • čas přidán 22. 07. 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

Komentáře • 354

  • @dropcoding
    @dropcoding  Před rokem +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 Před rokem +3

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

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @markgamboa8183
    @markgamboa8183 Před rokem +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  Před rokem

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

  • @lideresmx
    @lideresmx Před rokem +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  Před rokem

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

  • @carlmoralesp.m9512
    @carlmoralesp.m9512 Před rokem +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  Před rokem +4

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

  • @gaston1891oroycarbon
    @gaston1891oroycarbon Před rokem +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  Před rokem +2

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

  • @bernardoblanco3516
    @bernardoblanco3516 Před 11 měsíci +1

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

    • @dropcoding
      @dropcoding  Před 11 měsíci

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

  • @juanfranciscotorreszuniga6779

    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  Před rokem +1

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

  • @sunsettech6227
    @sunsettech6227 Před rokem +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  Před rokem

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

    • @yoeloguerrier8747
      @yoeloguerrier8747 Před rokem

      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 Před rokem +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 Před rokem

      @@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 Před rokem

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

  • @emilianotoukatli7547
    @emilianotoukatli7547 Před 10 měsíci +1

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

    • @dropcoding
      @dropcoding  Před 10 měsíci

      Muchas gracias por el comentario y por suscribirte :D

  • @cristinarizzolli5558
    @cristinarizzolli5558 Před rokem

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @fulviosoto4007
    @fulviosoto4007 Před 5 měsíci +1

    Gracias por tu aporte y continua colocando tus videos

    • @dropcoding
      @dropcoding  Před 4 měsíci

      Gracias a ti por pasarte a comentar!

  • @Felipe_Ahumada
    @Felipe_Ahumada Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

      Si que lo es, gracias a ti por pasarte!

  • @manukingz5720
    @manukingz5720 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @every2007
    @every2007 Před rokem +1

    Excelente!!! Muchas Gracias! por este video.

  • @fiorellalivingston
    @fiorellalivingston Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @guzmen2512
    @guzmen2512 Před rokem +1

    estuvo buenisimo! mas videos asi!

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @anselmobenitezramos
    @anselmobenitezramos Před rokem +1

    Listo David gracias por el video desde Colombia

    • @dropcoding
      @dropcoding  Před rokem

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

  • @MinimalWeb
    @MinimalWeb Před rokem +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  Před rokem

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

  • @minifletesgeneralrodriguez8135

    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  Před rokem

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

  • @nicolasgontaro9308
    @nicolasgontaro9308 Před rokem +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  Před rokem

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

  • @marioalfredoazaro7663
    @marioalfredoazaro7663 Před rokem +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  Před rokem +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 Před 4 měsíci

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

  • @nicolasgontaro9308
    @nicolasgontaro9308 Před rokem

    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  Před rokem

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

  • @AlanDeepARG
    @AlanDeepARG Před rokem +11

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

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @luisenriquerojasmartinez1363

    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  Před rokem +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!

  • @criptofanaticos4421
    @criptofanaticos4421 Před rokem +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  Před rokem +1

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

  • @paragalgostiendaonline9989

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

    • @dropcoding
      @dropcoding  Před rokem +2

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

  • @santosjaimes1
    @santosjaimes1 Před rokem +1

    Exxxcelente. Gracias

    • @dropcoding
      @dropcoding  Před rokem

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

  • @curiosities923
    @curiosities923 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @rachelulitobic5980
    @rachelulitobic5980 Před rokem +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  Před rokem

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

  • @aracelilopez4722
    @aracelilopez4722 Před 9 měsíci +1

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

    • @dropcoding
      @dropcoding  Před 9 měsíci

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

  • @bernardolanderos3745
    @bernardolanderos3745 Před 11 měsíci +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  Před 11 měsíci +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 Před 10 měsíci

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

  • @darwinsantiago8167
    @darwinsantiago8167 Před 10 měsíci +1

    Excelente video 😀

  • @diegohuarangabernal301
    @diegohuarangabernal301 Před rokem +2

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

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @OPENACTING
    @OPENACTING Před rokem +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  Před rokem

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

    • @ferhf824
      @ferhf824 Před rokem

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

    • @me5818
      @me5818 Před rokem

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

  • @marprock6850
    @marprock6850 Před rokem +1

    le veo mucho potencial a tu canal

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @hugozalazar
    @hugozalazar Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @reneberron84
    @reneberron84 Před rokem +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  Před rokem

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

    • @reneberron84
      @reneberron84 Před rokem

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

  • @JuanPabloGranadosMotoa
    @JuanPabloGranadosMotoa Před rokem +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  Před rokem +3

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

    • @musicok2914
      @musicok2914 Před rokem +1

      @@dropcoding porfavor

    • @dropcoding
      @dropcoding  Před rokem

      @@musicok2914 hecho!

    • @yamilcrespo2140
      @yamilcrespo2140 Před rokem

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

    • @JuanPabloGranadosMotoa
      @JuanPabloGranadosMotoa Před rokem

      No, pero si crea comandos

  • @satanicsoft
    @satanicsoft Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @brunostorniolo
    @brunostorniolo Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @yohendriabreu514
    @yohendriabreu514 Před rokem +2

    Excelente bro

  • @Skylinesworld
    @Skylinesworld Před rokem

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @victormedina5837
    @victormedina5837 Před rokem +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  Před rokem

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

  • @angelgonzalezjimenez4459

    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  Před rokem +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 Před rokem

      @@dropcoding estaré atento. Gracias

  • @lojanochasi3062
    @lojanochasi3062 Před rokem

    por favor mas videos de este tipo

    • @dropcoding
      @dropcoding  Před rokem

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

  • @rauljosecontreras4238
    @rauljosecontreras4238 Před 6 měsíci +1

    disculpa que editor de código usar en el video

  • @zanares1015
    @zanares1015 Před rokem +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  Před rokem

      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.

  • @LordKanMcKay1
    @LordKanMcKay1 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

      Utilizo Visual Studio Code , un saludo!!

  • @ulisesbolto4867
    @ulisesbolto4867 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem +1

      Hola! Utilizo Visual Studio Code, un saludo!!

  • @ivanbaigorria9131
    @ivanbaigorria9131 Před rokem

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @arthurreliable5236
    @arthurreliable5236 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

      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

  • @yosoyignicion
    @yosoyignicion Před rokem +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  Před rokem +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 Před rokem

      @@dropcoding bien gracias crack un abrazo

  • @victorhugoalbarracin-kp1zr

    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  Před rokem

      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.

  • @cesaruvasquezc
    @cesaruvasquezc Před rokem +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  Před rokem

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

  • @Loco1958
    @Loco1958 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @alfredoo1578
    @alfredoo1578 Před rokem +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  Před rokem

      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)

  • @majorero22
    @majorero22 Před rokem +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  Před rokem

      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!

  • @youseelivechanneltv
    @youseelivechanneltv Před měsícem +1

    Excelente

  • @DJPORTADOR220
    @DJPORTADOR220 Před rokem

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

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @Loco1958
    @Loco1958 Před rokem +1

    Qué editor web usas? Gracias!

  • @santiagoprieto265
    @santiagoprieto265 Před rokem +1

    Como se llama donde escribes en HTLM

    • @dropcoding
      @dropcoding  Před rokem

      Se llama Visual Studio Code, es un editor.

  • @_Mictlan_
    @_Mictlan_ Před rokem +1

    Me encantó...

    • @dropcoding
      @dropcoding  Před rokem

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

  • @lucazz6549
    @lucazz6549 Před rokem +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  Před rokem

      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.

  • @zeus_t.k.m
    @zeus_t.k.m Před rokem +1

    Mi oido izquiero disfruto este video xd

    • @dropcoding
      @dropcoding  Před rokem +1

      Ya han hecho el mismo chiste! 😄

  • @Henriquedefesapessoal
    @Henriquedefesapessoal Před rokem +1

    Saludo desde Brasil

    • @dropcoding
      @dropcoding  Před rokem +1

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

  • @lissirakreativa4888
    @lissirakreativa4888 Před 11 měsíci +1

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

    • @miguelc7
      @miguelc7 Před 11 měsíci

      Es en Visual Studio Code

    • @dropcoding
      @dropcoding  Před 11 měsíci +1

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

    • @dropcoding
      @dropcoding  Před 11 měsíci

      gracias 👌

  • @martincano8332
    @martincano8332 Před rokem

    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  Před rokem

      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 :(

  • @profsamujp5975
    @profsamujp5975 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @patriciagomez2775
    @patriciagomez2775 Před rokem

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @TiagoComelles
    @TiagoComelles Před 11 měsíci +1

    Como pusiste la visita previa?

    • @dropcoding
      @dropcoding  Před 11 měsíci

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

  • @jordifabregas5156
    @jordifabregas5156 Před rokem +1

    Como se llama el navegador que usas?

    • @dropcoding
      @dropcoding  Před rokem

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

  • @vesnadaruis3446
    @vesnadaruis3446 Před rokem +2

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

  • @pitrubio
    @pitrubio Před rokem +1

    has intentado instalar code gpt en VS?

    • @dropcoding
      @dropcoding  Před rokem

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

  • @germanaguilera5942
    @germanaguilera5942 Před rokem +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  Před rokem

      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 Před 27 dny

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

  • @Toni-nv2om
    @Toni-nv2om Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

      Sí, gracias por el feedback, un saludo.

  • @user-kx2fu6eg3k
    @user-kx2fu6eg3k Před rokem +1

    hice lo mismo pero mi pagina aparece en blanco?

    • @dropcoding
      @dropcoding  Před rokem

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

  • @lizbethmelgarejo5406
    @lizbethmelgarejo5406 Před rokem +1

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

  • @joseanez60
    @joseanez60 Před rokem +1

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

  • @matias01melam
    @matias01melam Před 10 měsíci +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  Před 9 měsíci

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

    • @matias01melam
      @matias01melam Před 9 měsíci

      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.

  • @samorsky.1296
    @samorsky.1296 Před rokem +1

    cual es ese editor de texto?

    • @dropcoding
      @dropcoding  Před rokem

      Se llama Visual Studio Code.

    • @samorsky.1296
      @samorsky.1296 Před rokem

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

  • @joseluisroma3378
    @joseluisroma3378 Před rokem +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  Před rokem +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 Před rokem +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  Před rokem

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

    • @minifletesgeneralrodriguez8135
      @minifletesgeneralrodriguez8135 Před rokem +1

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

    • @grimmer-san6844
      @grimmer-san6844 Před rokem

      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.

  • @thepucherin
    @thepucherin Před 7 měsíci +1

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

  • @rodrashplace5900
    @rodrashplace5900 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @carlmoralesp.m9512
    @carlmoralesp.m9512 Před rokem +1

    Genial

  • @danielcanorickh6968
    @danielcanorickh6968 Před 9 měsíci +1

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

  • @leonardoatlante1302
    @leonardoatlante1302 Před 8 měsíci +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  Před 8 měsíci +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 Před 8 měsíci

      @@dropcoding sería genial 🙏

  • @hatermaniatikoinc8198
    @hatermaniatikoinc8198 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před 11 měsíci

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

  • @alejandrovaldes539
    @alejandrovaldes539 Před rokem +1

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

  • @braisdiz296
    @braisdiz296 Před rokem +1

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

  • @FreefireGarena-mi3bi
    @FreefireGarena-mi3bi Před rokem +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  Před rokem

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

  • @luislarag
    @luislarag Před rokem +1

    sí haz más vídeos del tema

    • @dropcoding
      @dropcoding  Před rokem +1

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

    • @luislarag
      @luislarag Před rokem +1

      @@dropcoding si ya parte de lo de crear libro

  • @arrobat
    @arrobat Před rokem +1

    Yo quiero ser desarrollador web, pero la estoy pensando luego de ver este video,
    La pregunta del millón TIENE FUTURO SER DESARROLLADOR WEB?😮
    Seremos reemplazo por la IA gpt???

    • @dropcoding
      @dropcoding  Před rokem

      Hola! Sinceramente, no te sabría decir. Aunque hagas lo que hagas, siempre puedes usar tu mismo estas herramientas a tu favor, un saludo!!

  • @marcovilcao.8352
    @marcovilcao.8352 Před rokem +1

    Sorprendido como a avanzando la tecnología o.o

    • @dropcoding
      @dropcoding  Před rokem

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

  • @otakuhackeruwu1234
    @otakuhackeruwu1234 Před rokem +1

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

    • @dropcoding
      @dropcoding  Před rokem

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

  • @sinlimite923
    @sinlimite923 Před rokem +1

    Para ingresar a chat GPT me pide número de celular y no me deja ingresar, alguien me podría regalar una cuenta de chat GPT por favor

    • @dropcoding
      @dropcoding  Před rokem

      Puedes probar con números virtuales, a ver si hay suerte.

  • @tobbye280
    @tobbye280 Před rokem

    Estaria bueno un video de backend con python en chat gpt

    • @dropcoding
      @dropcoding  Před rokem

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

  • @369hamsa5
    @369hamsa5 Před rokem +1

    Se puede hacer con chat egbt una aplicación que se pueda subir a la play store y que de ganancias si la app es popular??? 🤚 🤚 🤚

    • @dropcoding
      @dropcoding  Před rokem +1

      Por poder, seguro que se puede. Es muy probable que haya gente que ya lo está haciendo.

    • @369hamsa5
      @369hamsa5 Před rokem

      @@dropcoding si se puede el chat me explico como hacerlo pero requiere cierto conocimiento de programas de codificación para preguntarle de manera correcta lo que querés hacer, y te permite programar más rápido 🤚🤚🤚hamsa

  • @giovannisabogalcespedes1648

    Nice Video

  • @ahiloyebare2870
    @ahiloyebare2870 Před rokem

    DE DONDE SACAMOS EL EDITOR?

    • @dropcoding
      @dropcoding  Před rokem

      Puedes descargarte VScode de la página oficial, es gratis.