Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Criar um Site de Portfólio com o ChatGPT | Introdução ao ChatGPT
Fundamentos Essenciais do Desenvolvimento Web com IA

bookDesafio: Criar um Site de Portfólio com o ChatGPT

Neste desafio, será criado um site de portfólio do zero utilizando o ChatGPT. É possível gerar HTML e CSS separadamente ou utilizar apenas um prompt. Teste o potencial do ChatGPT por conta própria.

Se encontrar dificuldades, seguem possíveis prompts que podem ajudar:

  • "Olá, ChatGPT, pode criar um site de portfólio simples usando HTML e CSS? Incluir seções para Sobre Mim, Projetos, Contato e uma página Inicial.";
  • "Preciso de um site de portfólio codificado em HTML e CSS. Pode projetá-lo para exibir meus projetos, habilidades e informações de contato?";
  • "ChatGPT, pode ajudar a construir um site de portfólio usando HTML e CSS do zero? Desejo um design limpo e moderno.";
  • "Quero criar um site de portfólio pessoal usando HTML e CSS. Pode gerar o código com seções para minha biografia, projetos e um formulário de contato?";
  • "Pode auxiliar na criação de um site de portfólio usando HTML e CSS? Gostaria que fosse responsivo e visualmente atraente, com seções para meu currículo, projetos e detalhes de contato.".

Aqui está um vídeo demonstrando os resultados dos nossos testes com diferentes prompts.

Tutorial em Vídeo

Possível Resultado para o Site de Portfólio

index.html

index.html

index.css

index.css

copy

1. Para que o ChatGPT foi projetado principalmente?

2. Onde os usuários podem encontrar o ChatGPT?

3. Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

4. Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

question mark

Para que o ChatGPT foi projetado principalmente?

Select the correct answer

question mark

Onde os usuários podem encontrar o ChatGPT?

Select the correct answer

question mark

Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

Select the correct answer

question mark

Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 5

bookDesafio: Criar um Site de Portfólio com o ChatGPT

Deslize para mostrar o menu

Neste desafio, será criado um site de portfólio do zero utilizando o ChatGPT. É possível gerar HTML e CSS separadamente ou utilizar apenas um prompt. Teste o potencial do ChatGPT por conta própria.

Se encontrar dificuldades, seguem possíveis prompts que podem ajudar:

  • "Olá, ChatGPT, pode criar um site de portfólio simples usando HTML e CSS? Incluir seções para Sobre Mim, Projetos, Contato e uma página Inicial.";
  • "Preciso de um site de portfólio codificado em HTML e CSS. Pode projetá-lo para exibir meus projetos, habilidades e informações de contato?";
  • "ChatGPT, pode ajudar a construir um site de portfólio usando HTML e CSS do zero? Desejo um design limpo e moderno.";
  • "Quero criar um site de portfólio pessoal usando HTML e CSS. Pode gerar o código com seções para minha biografia, projetos e um formulário de contato?";
  • "Pode auxiliar na criação de um site de portfólio usando HTML e CSS? Gostaria que fosse responsivo e visualmente atraente, com seções para meu currículo, projetos e detalhes de contato.".

Aqui está um vídeo demonstrando os resultados dos nossos testes com diferentes prompts.

Tutorial em Vídeo

Possível Resultado para o Site de Portfólio

index.html

index.html

index.css

index.css

copy

1. Para que o ChatGPT foi projetado principalmente?

2. Onde os usuários podem encontrar o ChatGPT?

3. Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

4. Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

question mark

Para que o ChatGPT foi projetado principalmente?

Select the correct answer

question mark

Onde os usuários podem encontrar o ChatGPT?

Select the correct answer

question mark

Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

Select the correct answer

question mark

Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5
some-alt