Como criei um site do zero apenas com o ChatGPT

nesse vídeo eu quero te mostrar como que a gente vai pedir ajuda para o chat GPT a fim de criar o nosso Website Então nós vamos publicar um website até o final desse vídeo onde ele vai ter uma história para falar a verdade vai ter um botão só que vamos imaginar que eu não sei nada eu tenho conhecimento zero sobre HTML ou CSS ou então já vai script quer dizer eu não sei mas eu quero construir um website vamos ver o processo e olha como que é simples com ajuda do chat GVT Olha só na minha tela aqui eu vou clicar em novo chat eu vou escolher a versão 4. 0 entenda que eu tenho o chat GPT versão Plus Então as respostas são mais rápidas e ele tá sempre disponível aí aqui eu vou colar um texto que eu já criei aonde eu vou começar a passar algumas informações para ele já que é já para que ele comece a entender Qual que é o objetivo final das minhas perguntas agora diante Então a primeira coisa que eu falei para ele é agora você é um programador HTML CSS e já vai script com mais de 10 anos de experiência pode me ajudar com a criação de uma página então eu falei para ele que o que vai vir agora em diante é algo relacionado a essas três tecnologias e eu não tenho conhecimento algum Eu não disse isso mas meio que tá implícito vamos lá vou pressionar enter e vamos ver o que que ele vai me responder aqui Claro Ficarei feliz em ajudar a criar essa página HTML CSS e já vai script Vamos começar com um exemplo simples eu vou te mostrar uma estrutura de página ele vai me contar algumas informações aqui vamos ver o que que ele fala agora que ele terminou de concluir a resposta ele me disse o seguinte crie um arquivo index HTML ele me passou o index aí ele falou cria um outro arquivo de Styles CSS me passou o conteúdo desse arquivo e por terceiro Ele criou um arquivo ou pediu para criar um arquivo x. js e me passou o conteúdo e me deu uma pequena resposta aqui e se tiver alguma coisa mais específica ele pode ajudar sim eu tenho alguma coisa mais específica o que eu quero criar basicamente está aqui nesse texto dá uma olhada nele eu quero criar um website onde no centro da página aparece uma piada e quando o usuário clica no botão Qual a resposta da piada aparece logo abaixo utiliza as informações abaixo na criação do site o site tem que ter um título da página chamado contador de piadas é isso que eu quero segundo o site tem um subtítulo com o texto Adicione um pouco de humor ao seu dia terceiro ponto um texto contando a seguinte piada sabe qual cidade que não tem táxi para cá você sabe qual cidade que não tem táxi um botão com um texto qual e a resposta da piada Uberlândia na verdade engraçada piada Ok vamos ver se ele consegue criar um site através desse texto que eu passei aqui para ele para criar um site com a funcionalidade e design solicitado Siga os pais os passos abaixo ele acabou de finalizar a resposta e disse o seguinte agora você tem um site que mostra uma piada com um botão qual que revela a resposta da piada quando clicado Ok vamos voltar aqui e entender o que que ele me respondeu Olha a quantidade de código que ele adicionou ele disse o seguinte primeiro crie uma página chamada index ou um arquivo chamado index HTML Ok eu tenho o meu editor de sites de websites ou para parte de programação Favorito aqui que é o vídeo estúdio Coach aonde eu vou criar um arquivo chamado index.

html perfeito Creia esse arquivo aí ele disse o seguinte Cole o seguinte código Copie o código volto aqui colo e salvo Ok primeira parte tá pronto vamos ver o que que ele falou depois ele disse o seguinte crie um arquivo chamado styles. css Copie esse nome botão direito novo arquivo styles. css tô fazendo a mesma forma que ele pediu sem alterar nada Vamos lá copio esse código e colo esse código aqui salva essa página vem para o terceiro agora terceiro ponto que está logo aqui abaixo crie um arquivo chamado script.

js seleciono ele clico com o botão direito novo arquivo scripts.