Cómo crear Página Web Con IA (con ChatGPT)
HTML-код
- Опубликовано: 12 сен 2024
- He creado toda una página web de una agencia con #inteligenciaartificial usando #chatgpt ¿Quieres ver cómo ha quedado?
👉 Vídeo completo Creando Web con IA:
• Cómo Crear una Página ...
📜 Artículo del Blog y documentación:
dropcoding.com...
¡SUSCRÍBETE para más contenidos sobre Diseño y Desarrollo Web!
/ @dropcoding
SÍGUEME EN MIS REDES:
Instagram: / dropcoding
Linkedin: / dropcoding
Twitter: / dropcoding
¿Quieres ver más cosas de diseño web + IA? Déjamelo en los comentarios 🙌
¿Como hago para visualizarla como va quedando?
Una página gamer bro, que se puedan vender juego o algo por el estilo
clarooo que sii
Gracias por el aporte y no hagas caso a los comentarios malintencionados. Es obvio que deben de saber algo de programación, éso ni hace falta aclararlo. Éxitos
Muchas gracias por el comentario! No te preocupes, cuando llegas a una "cierta edad" este tipo de comentarios te afectan cada vez menos 😂. Un saludo!!!
Si ahora dile a un no programador que lo haga funciona 😅 , osea no escribiste código pero algo debes de saber para unir todo eso
copiar y pegar, es intuitivo y con muy pocos conocimientos es demasiado facil
@@javiermarin7402 ok y a las anclas ponle un noopener no refeerer
Naturalmente gpt no te dara esa información a menos que sepas como preguntarle.
Entonces no todo es copia y pega.
El que hace el prompt debe conocer el tema.
@@astrixwr5662 exacto, este video es muy engañoso, primero, chat gpt no hizo la pagina, sino que le pediste partes especificas porque realmente no puede hacer la pagina entera y menos sin errores.
Segundo al no tenes conocimientos, no podes saber si lo que esta lanzado sigue buenas practicas, esta optimizado, etc.
El miedo que le tienen a esta IA es injustificado.
Porque primero no entienden que el programador, su funcion en si no es saber un lenguaje y escribir codigo, es mucho mas que eso, si fuera por escribir codigo ya no tendriamos trabajo hace años.
Estas IA por las proximas decadas solo van a ser asistentes cada vez mas capaces, pero eso asistentes que van a agilizar nuestro trabajo y aprendisaje al no tener que perder tiempo en la busqueda de información.
Aver esa pagina es una hoja HTML con una hoja CSS. Basicamente ni como landing page pasa. No tiene ni una linea de javascript, basicamente es una pagina estatica, muerta, como solian ser en el 2000-2005.
Claro, ahí está el tema. Si te fijas, en muchos de mis vídeos comento siempre que hay que saber un poco del tema, un saludo!
Ahora un video de chatgpt integrando una base de datos y configurando el servidor para desplegar
ayuda a maquetar, y ahorra tiempo. Pero para darle interacción si que es otra historia, ni hablar de agregar el backend, que ya debes de saber del tema, para darle el prompt correcto a chatgpt
Yo lo utilizo también para hacer cosas sencillas de backend. Eso si, has de saber un poco de la historia. Un saludo!!
Buenos días estoy buscando a alguien que me pueda hacer un a pagina web interactiva
En lo personal lo uso para darme ideas para proyecto actuales y futuros, ya solo toca realizar el back end.
yo acabo de hacer una web basico, y al final le dije :
dame el prompt de todo lo solicitado anteriormente de forma que pueda repetirlo en un futuro (solo texto) , no me des codigo html , css
Muy buena idea, me la apunto!!
Los unicos que tienen miedo son los que solo saben hacer webs sencillas. La verdad a mi me dió pereza hacer ese tipo de webs que hice un sistemas para mis clientes arrastren y así lo creen ellos mismos.
Sí, desde luego cuanto más complicado sea tu trabajo más dificil será que "seas sustituido", un saludo!
Igual requiere los conocimientos, solo te hace la vida mas facil ahorrandote el tiempo de codificarlo tu mismo, necesitas saber dar las instrucciones con los terminos adecuados y validar que lo que te escribió sea correcto. (Lo utilizo para desarrollar aplicaciones).
Correcto! Es muy útil si entiendes del tema que estás tratando, un saludo!!
UUFFF YO ESTUDIANDO HASTA LAS 7 AM PYTHON!! JAJAJA
Mejor porque...
Como sabes que sigue buenas prácticas?
Y mas importante. Como sabes que el codigo esta optimisado?
O como sabes que no hay un error? Porque creeme comete muchos errores
@@Thenatgamer si brother, yo ni si quiera se cómo se usa eso, pero hablo del gran sacrificio que hago de laburar de 5 a 1 en una cocina y luego estudio hasta las 7 y ves esto que le ponen un promp y listo, es lo primero que se me vino a la cabeza, por qué estaba muy cansado, pero tenés toda la razón 🤜🤛
@@delforhuum comprendo bro, hay veces que te sientes cansado.
Talvez lo dije de una manera algo arrogante xD pero quize decir que es mejor que mejor que aprendas porque las IA son mas bien un apoyo
Animo! Pyhton tiene mucha salida y es un gran lenguaje de programación 🤜🤛 como bien ha dicho el compañero, la IA de momento es "solo" un apoyo.
Ja ja que fácil le mando profe eso y me saca curso ja ja pero está muy bueno para saber ❤
jeje si todavía esta bastante limitado. Pero bueno, funciona muy bien.
Excelente ayuda. Aunque falta las funciones
Gracias!!
Bien, genial
Gracias por el comentario!
Header y logo, los no programadores saben eso!!! En formato grid. Un footer, enlaces, etc. Creo que existe wordpress para los no programadores. Ahora, cuando existe un problema, no saben que hacer.
Sí, suele pasar :D
lo unico que esta haciendo es buscar algo que pondrias en google, en si no te hace la pagina web al 100% porque aun tienes que agregar tu mismo el codigo al proyecto (me a pasado que a veces me da codigo que no esta actualizado por la versiones que se llegan a tener, en mi caso flutter o angular) y tu tienes que sacar las imagenes ya que no todo te lo hace. solo es una herramienta en si para tal ves ahorrarte tiempo pero en si no te hace la pagina web
.
y todavia falta si el cliente la quiere conectar con algunas apis que ya tiene y sigue y sigue cosas que podrian faltar...
Correcto! No te lo hace todo (de momento). Por ahora nos ahorra tiempo, bastante tiempo de hecho.
Es que si te hiciera eso... ya nos podríamos despedir de nuestros trabajos :D
genial bro
Muchas gracias por el comentario!!!
una página que no va a posicionar porque aún no es capaz de una estrategia SEO en base la intención de búsqueda , es más que no puedas diferenciar un texto ia no quiere decir que Google no lo note y obvio arriesgas a ser sancionado
Como veo que vas un poco perdido con el tema, te dejo por aquí mi otro canal. En el que también enseño a hacer SEO, entre otras cosas: www.youtube.com/@dvdzamora
Está bien para pasar el rato
Bastante más que eso!
Tienes el viseo completo?
Gracias
👍🏻👍🏻
Tengo un amigo quien me dijo que en su trabajo no permiten usar chatGPT ni Google a la hora de postular como practicante.
Si, se ha desatado cierto pánico y/o alarma. Pero la realidad es que la IA ha llegado para quedarse, así que lo mejor será acostumbrarse y aprovecharse de esta tecnología. Porque otros ya lo están haciendo, un saludo!
Esas empresas dejarán de ser competitivas en las próximas décadas. Tenlo por seguro.
Ya aprendí a hacer páginas web amigos, así podré conseguir un traba...😢
No creo que afecte tanto con WordPress se puede hacer esos haces años, generalmente se buscá programadores para sitios web complejo aunque es seguro que chatgpt será un herramienta indispensable para cada profesión. Para que remplaze a la programación eso todavía lejanos a cortó y mediano plazo aunque no descarto que puede suceder más rápido de lo pensado el futuro sobretodo la area tecnología es muy volátil
Ahora solo toca practicar! Un saludo!
A ver como se van desenvolviendo las cosas, estaremos atentos a las novedades porque esto va realmente rápido...
Sigue haciéndolo, tu solo puedes hacer páginas con chat cuando realmente conoces como hacerlo, en el vídeo no pudo mencionarlo el creador pero en el largo lo menciona, chat por lo general de 10 cosas que le pides 1 sale bien, pero si conoces bien el tema esas 9 las puedes usar para implementar ciertas cosas que él dice, entonces si o si para hacer que chat sea 100 porciento funcional ocupas saber mucho sobre el tema que le preguntas
Yo ya muchas veces no me pongo a programar nada, le pido que lo haga y listo. Así he sacado muchas maquetas de sitio web, componentes de React, Angular, plugins de WP, etc. Solo la gente traumada y obsoleta se pone a programar desde cero si estas herramientas te lo hacen en un dos por tres. Ahora para resolver problemas y arreglar ciertos detalles que la IA se le pueden pasar o porque te da cosas desactualizadss ya eso es otro tema y ahí ya es cuando entra el intelecto humano, antes no.
Toda la razón, la IA te puede ayudar muchísimo. Solo has de saber un poco del tema.👍👍
Hola como puedo ponerle una imagen o logo a la parte que del head, en donde va el titulo?
Te recomiendo que le eches un vistazo a los tutoriales del canal, allí lo explico.
Eso se hace en su modo pro?
Sí, yo lo hice con PLus sino recuerdo mal
Wow! se puede usar para trabajar con la inteligencia o no esta aprobada?
Si claro! Puedes trabajar y hacer lo que consideres. Un saludo!
Ahora me falta saber en donde pongo todos esas lineas 😂
Crea un archivo con las extensiones activadas y lo llamas con .html al final, si el estilo está dentro del html no te hace falta nada mas y lo puedes abrir con un navegador si te lo da a parte puedes crear otro archivo .css y buscar como hacer un link al css
En tu index.html 😁
Nah en el mismo index poner css y scripts mala práctica
Wow ahora creame un sistema y flojo completo
Tiempo al tiempo!
Todo las indicaciones que le diste, lo sabe un programador y el que no lo sabe?
Sí, ya lo comento en varios vídeos. Para hacer cualquier cosa de código (diseño o programación) hace falta saber un poco del tema.
Creo q la materia de programación de la Universidad ya no va hacer la más difícil
jajajaja
El mediocre que no le gusta esforzarse piensa asi
LOCO, ME VOY A QUEDAR SIN TRABAJO Y NISIQUIERA TERMINE DE ESTUDIAR
No creo 😂. Hay que aprovechar estas herrientas en tu beneficio 👌
@@dropcoding ya, pero tengo 17, ni empecé la facultad, a este ritmo pasarán de erramientas, a sistemas automáticos completos
Pues hacerla pagina pues no, solo le pediste que escribiera por partes los elementos necesarios, te ahorra escribir, pero necesitas saber como hacer, en resumen solo te ahora tiempo y ayuda si te atoras en algo, pero no te ahorra el tener que aprender primero
pos baya baya, el osito como bayas.
Yo le pedí una página HTML específica y menuda página creada, lo único que tuve que hacer fue colocar las imágenes.
Sí! Si le especificas un poco las cosas te puede hacer algo decente.
La IA funciona si sabes redactar
Correcto 👌👍
una pregunta es responsive
Sí, puedes hacerlo responsive sin problemas.
Si muy bien y como la publico y consigo el ssl gratis?
Lo explico en el vídeo: ruclips.net/video/k5vRiGQWes8/видео.html
Pero para que lo haga responsive es la chamba verdadera
jaja sí, a veces se hace un poco de lío. El truco está en ponerle un ejemplo!
Html y css pues si es bueno la IA pero para interactividad o para el backend si que no es tan buena como parece
Sí, para bien o para mal aún le queda bastante a la IA :D
@@dropcoding yo creo que para bien, porque así nos va a ayudar más a los desarrolladores
0:01
0:02
Y los estilos donde y cuando los hace?
Está en la descripción jefe! Te dejo el vídeo completo por aquí ;) ruclips.net/video/k5vRiGQWes8/видео.html
😢.. por fin aprendí a programar.
Me alegro :D
Esto nos baja el salario :v pero no la experiencia de aprender a leer la tecnología y lograr llegar a ingeniero informático, que te den ia, los mismo pasa con los dibujantes, la ia nunca le arrebatará la experiencia y tranquilidad mental de dibujar.
También nos puede ayudar en nuestro trabajo y nuestros proyectos 👍
@@dropcoding Eso también es un plus, a mí el chatgpr me ha dado un par de conceptos para empezar a estudiar Python, me ha ayudado con centrados y grid en CSS, es como un google, pero que va directamente al grano, *sin embargo, no sé cómo hacer para que me brinde un portafolio de cursos de Python, he visto que en ingles le piden esto, y chat gpt le da un formulario completo de links y cursos sobre este. A mi me dice que solo es un chat de texto y no tiene esa opcion*
Tampoco es q haya hecho mucho, cualquiera piensaría que por hacer una página estática para hacer publicidad con html y CSS, es programador
Claro, ahora esto es normal. Pero cuando salió no lo era y estabamos todos asombrados. Que ya no nos acordamos...
solo haz creado un 2 % de la pagina...
2,5% para ser exactos.
Tienes que saber de codigo, Y el hace cosas basica sino dile a ChatGPT que te cree otro ChatGPT
Si eres preciso con las instrucciones puede hacer cosas muy chulas ;)
Tienes que ser programador o tener conocimiento avanzados para hacer que sea funcional ....
No exactamente, pero si sabes un poco lo tienes mucho más fácil, claro está.
Literal chatgpt comete errores en varias cosas no sólo programación y no puedes creerlo al 100%.
Pídele formularios que recojan los datos y los manden mediante SQL a la bbdd. Ahí no veo yo ni php, ni Javascript ni SQL, nada🧐
Típica web estática
Sí, pero en este vídeo si que lo verás: ruclips.net/video/GN0nERL4_Fc/видео.html
hace un formulario igual es facil y chat gpt tambien te puede ayudar
Pues, puro html y css obvio que lo hace facil, soy programador y como sufro usando gpt para mi trabajo comun, no es tan bueno que digamos y pero ayuda un 30%
Sí, en backend la cosa se complica, un saludo!
@Ykee no tiene que ver caballero, es un poco ofensivo lo que dices de hecho...
Me puedes hacer una ???😊
Claro! Mi trabajo es hacer páginas web 😁
mejor dime que cremas usas, hostia que piel mas bien cuidada
Utilizo un filtro de la cámara 😂😂 😇
se nota que no escribiste ni una sola linea de codigo 😅😅
Te dejo el vídeo completo por aquí, por si tienes dudas: ruclips.net/video/k5vRiGQWes8/видео.html
wix y wordpres ya tuebe plantillas mejores . más rapidas y con formulariis y animaciones. todavia le falta
Si le damos instrucciones más precisas podemos hacer cosas más chulas ;)
Adios trabajo
Creo que debemos utilizar estas herramientas a nuestro favor.
Pero , puedes buscar lo que quieres, sin escribir y hablar? MATAME ESA!!! JAJAJAJAJAJ
Comor??
Es gratuito?
Si, Chatgpt es gratuito.
Si, pero el man usa GPT4, y el Gpt 3.5 (el gratis) las hace muy feas (a mi parecer)
@@NicolasLuengas pasa que el gpt 3.5 es de sep 2021 y el otro esta mucho mas actualizado
@@Rysted tienes razón
Ahora haz una igual, sin IA
Mira este vídeo: ruclips.net/video/g3baRoCW5_0/видео.html (hago una landing sin IA 😉)
@@dropcoding buenisimo bro, new suscriptor, muy linda landing page
Yo sin entender algo de lo q explicó
No es tan difícil!! 😁
Sencillamente no funciona así de fácil, lo intente al pie de la letra como tu indicas, gracias pero no estas diciendo toda la verdad
Es verdad, si dijera toda la verdad... tendría que 🔫
Jajajaja eso es nentira 😂
Entonces como explicas esto 🤥: ruclips.net/video/k5vRiGQWes8/видео.html
ESTOY DESEPSCIONADO CON LA FAMOSITIA CHAT GPT
NOOOOOOOOOOO SIRVE PARA NADA
LE PEDIO QUE ME YUDARA CON UNA PROGRAMACION Y NO SIRVE PARA NADA ME SALE CUALQUIER COSA NO ES COM SALE EN EL VIDEO TODO UN FRAUDEEEEEEEEEEEEEEEEE
Pues empieza diciéndole que te enseñe a escribir
😂😂😂😂
No entendi jaja
Tienes el vídeo completo en el canal!
Esta usando mucho div ☠️
🤣 Sí, aunque le puedes pedir que utilice otras etiquetas que sean más ricas a nivel semántico.
Obligado tienes que saber programación, el ChatGPT solo te da código básico y a veces incompleto o erróneo, creo que exageras en tu video
Cada vez funciona mejor la IA. Te dejo el vídeo completo aquí: ruclips.net/video/k5vRiGQWes8/видео.html
NO FLIP CON NADA
😂😂
Contenido basura. Eso en realidad no es nada útil. Si no tienes conocimientos en desarrollo web que Chat GPT te escriba algunas líneas de HTML y CSS no hace diferencia alguna.
Tu comentario si que es basura! Si no sabes como funciona chatgpt aprende a usarlo!
Tu canal si que es una basura, esto solo proporciona un front-end a medias.
@@dropcoding ¿no sé cómo funciona ChatGPT? Lo vengo usando desde principios de año laboralmente en conjunto a herramientas como GitHub Copilot.
Simplemente intentar venderle a las personas que con ChatGPT podrán hacer TODO es absurdo.
A ver, dile a Chat GPT que escriba el backend para que los clientes de esta agencia pueden recibir algún tipo de mensaje y que lo haga bien.
Una persona sin ningún tipo de conocimeinto relacionada al desarrollo web no tendrá ni idea de qué es el backend, no sabrá cómo funciona el modelo cliente servidor, puede que siquiera sepa que es un servidor, no va a saber nada de versiones de código, nova a saber como escribir un pipeline para que estos cambios se suban al servidor automáticamente, no sabrán siquiera cómo subir el código a un servidor.
Sabes, no tiene sentido que pierda mi tiempo contigo. Este tipo de videos es basura.@@dropcoding
Eso es terrible!! Es MUY MALO! Que una IA haga tu trabajo es realmente muy malo. Andá buscándote algo mas que hacer!
Hay que adaptarse jefe! 😁
Jajajajaj todos esos que se echan las manos a la cabeza por esto y se trauman por escribir código a lápiz y papel, les va a dar con todo la 3ra revolución industrial. De mí se acuerdan.
Vender humo y así progresar 😅
No me des ideas, que saco un curso ya mismo!!
Pero se ve del orto
Necesitas gafas seguramente!
no recomendar
si recomendar
Buenas días me gustaría saber si usted esta en.posibilidad de hacerme una página y por fabor comunicarme su comentario a mi correo
Hola! Para estos temas es mejor que te comuniques directamente a través del blog, apartado de contacto y lo miramos, un saludo.