🤖 Asi he CREADO una WEB Completa desde Cero usando ChatGPT ✅ (y alguna que otra IA más...)

En este video para crear una web completamente desde cero usando HTML, CSS y JavaScript, pero no la vamos a escribir nosotros, le vamos a pedir a ChatGPT que la haga por nosotros.

Índice del vídeo:
00:00:00 De que tratará el proyecto de la web
00:03:52 HTML de la web
00:06:21 CSS de la web
00:10:16 Sección de bicicletas
00:13:34 Generamos imagenes con Inteligencia Artificial
00:15:25 Incluimos las imagenes en la web
00:19:01 JSON para añadir los datos en la web
00:23:56 JavaScript para añadir los datos del JSON
00:28:55 Modificamos el layout de las bicicletas
00:31:42 Filtros de busqueda en JavaScript
00:49:18 Subimos el proyecto a GitHub
00:51:30 Publicamos la web en Netlify
00:51:47 Conclusiones sobre ChatGPT

Repositorio del proyecto generado:

Ejemplo final de la web:

/*=========Start=========*/

📋 ¿Quieres recibir GRATIS contenido semanal para impulsar tus habilidades como programador?

📚 Más de 100 recursos para programadores gratis:

👨💻 Todos mis cursos gratis:

📚 Puedes ver todos mis libros aquí:

📘 MI LIBRO "No todo es programar":

🦊 100 Fábulas para Programadores

📙 Libro: Aprende HTML

📹 Suscríbete al canal:

🎵 Koding Beats canal dedicado a música para escuchar mientras programas:

🌐 ¡Crea una página web sin programar!

👁️ Puedes encontrar cosas más interesantes en:

🎉 Continua la fiesta en mis otras redes sociales:

Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.

/*=========End=========*/

[Sakashirrete]

He aprendido bastantes cosas de programación con CHATGPT. Mi objetivo es aprender HTML, CSS, Js y phyton antes de terminar la secundaria. Estoy a dos años de salir de la secundaria a la Universidad y estoy viendo cursos en YouTube de estos lenguajes de programación :)

[JCGigamisterios]

Yo que ChatGPT te recomendaba directamente Wordpress 😅. Excelente video, eres muy bueno explicando y haciéndote entender

[jcflores]

excelente! la profesión de desarrollador va a cambiar, un diseñador muy conocedor de cómo ensamblar código y experto en definir los requerimientos técnicos, a más de conocer el lenguaje

[grbsql]

Excelente video. Muy completo. Muestras gran parte del poder de CHATGPT. Gran trabajo. Muchas gracias por compartirlo. Felicitaciones. Qué poder el de la IA, el de la mente de los creadores, es una excelente herramienta. Genera gran admiración. Algunos humanos son los que le dan un mal uso a TODO lo que otros crean.

[JosePerez-yu]

muy buena demo de como funciona ChapGPT, pero tus conocimientos de HTML, CSS y demas son también muy amplios.... la pagina se ha creado desde 0 pero sabiendo lo que quieres !!! Buen video

[sgfneylagamboa]

fantastico video, siempre esperaba la respuesta del ChatGPT: "Vas a seguir Abigail !!"

Gracias por el demo de la genialidad del ChatGPT👏👏👏👏

[FacundoDeVillaMaipu]

siiii queremos video explicando el software de generacion de imagenes ! :D

[bl]

Yo que trabajo haciendo excels para empresas, hay varias cosas que hago y he aprendido con el tiempo, ya que en ninguna web se explican cosas específicas, y con tan solo preguntarle que es lo que yo quería, ya me dio varios algoritmos y fórmulas para hacer que funcione. Es algo que cambiará todo.

[Frankgaymer]

Me lo ví completo y ni es mi campo xD Pero veo que sí es posible, solo que tienes que especificarle al chat GPT a detalle lo que requieres y con eso logra maravillas.

[MrUbysoft]

Fantástico!!! Este video me ha dado taquicardia. Después de tantos años de trabajo en programación, verdaderamente se va a producir un salto fantástico. Gracias

[antoniovasquezmedina]

Esto claramente demuestra que la herramienta en un apoyo, pero no remplaza a un programador, ya que se deben tener los conocimientos para ir guiando con las instrucciones al CHAT jejejej, excelente video :D

[juse]

comencé a ver este video para que chat gtp hiciera todo el trabajo por mí pero resulto que comencé a comprender como se hace y ahora estoy enganchado haciendo mi página por mi cuenta 😂😂😂😂, buenísimo el video

[eliazarnoallasccanoa]

Yo lo uso para redes convoluckonales en pytho y me muestra modelos con la configuración perfecta y me explica a detalle muy genial esta

[isaleon]

Gracias por el vídeo 😊 Creo que es una herramienta muy útil, según como se utilice. Por eso leí que en Nueva York se ha prohibido en los colegios 😂

[bastianmiranda]

Es impresionante esa IA, dentro de 10 años, las IA seran como los telefonos, es el futuro, y lo que mas me flipa es que muy probablemente las IA creen nuevos Lenguajes de prpgramacion mucho mas eficientes

[Tuti]

Es un excelente video para mostrar, justamente, que el Chat GPT es una herramienta, y como tal necesita alguien capacitado para utilizarla.

[marcosidominguezc]

Saludos como estas..un gusto ver tu video ..en mi escuela aprendi algo de computadora pero no habia visto como se hasia una pagina web ...

Es muy interesante tu video . Es provable que me anime a hacer mi pagina para promocionar mi negocio

[LuisCarlosTapiaSandoval]

Que gusto ver como has crecido Kiko, en comunidad, contenido. Un abrazo!

[edsonarispe]

Guao esta super, por primera vez que voy comentando a un creador gracias.

[DKEYNOMI]

dale gracias a la espera de chatgpt aqui tienes tu sub xD buen video