Neste desafio, criaremos um site de portfólio do zero utilizando o ChatGPT. Você pode gerar HTML e CSS separadamente ou usar apenas um prompt. Teste o potencial do ChatGPT por conta própria.

<u>Se encontrar dificuldades, aqui estão alguns prompts que podem ajudar:</u>
- "Olá, ChatGPT, você pode criar um site de portfólio simples usando HTML e CSS? Inclua seções para Sobre Mim, Projetos, Contato e uma página Inicial.";
- "Preciso de um site de portfólio codificado em HTML e CSS. Você pode projetá-lo para exibir meus projetos, habilidades e informações de contato?";
- "ChatGPT, você pode me ajudar a construir um site de portfólio usando HTML e CSS do zero? Quero um design limpo e moderno.";
- "Quero criar um site de portfólio pessoal usando HTML e CSS. Você pode gerar o código para ele, com seções para minha bio, projetos e um formulário de contato?";
- "Você pode me ajudar a criar 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.

## Possível Resultado para o Site de Portfólio

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TXkgUG9ydGZvbGlvPC90aXRsZT4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoZWFkZXI+CiAgICAgIDxuYXY+CiAgICAgICAgPHVsPgogICAgICAgICAgPGxpPjxhIGhyZWY9ImluZGV4Lmh0bWwiPkhvbWU8L2E+PC9saT4KICAgICAgICAgIDxsaT48YSBocmVmPSIjYWJvdXQiPkFib3V0IE1lPC9hPjwvbGk+CiAgICAgICAgICA8bGk+PGEgaHJlZj0iI3Byb2plY3RzIj5Qcm9qZWN0czwvYT48L2xpPgogICAgICAgICAgPGxpPjxhIGhyZWY9IiNjb250YWN0Ij5Db250YWN0PC9hPjwvbGk+CiAgICAgICAgPC91bD4KICAgICAgPC9uYXY+CiAgICA8L2hlYWRlcj4KCiAgICA8c2VjdGlvbiBpZD0iaG9tZSI+CiAgICAgIDxoMT5XZWxjb21lIHRvIE15IFBvcnRmb2xpbzwvaDE+CiAgICAgIDxwPlRoaXMgaXMgd2hlcmUgSSBzaG93Y2FzZSBteSB3b3JrLjwvcD4KICAgIDwvc2VjdGlvbj4KCiAgICA8c2VjdGlvbiBpZD0iYWJvdXQiPgogICAgICA8aDI+QWJvdXQgTWU8L2gyPgogICAgICA8cD5Xcml0ZSBzb21ldGhpbmcgYWJvdXQgeW91cnNlbGYgaGVyZS48L3A+CiAgICA8L3NlY3Rpb24+CgogICAgPHNlY3Rpb24gaWQ9InByb2plY3RzIj4KICAgICAgPGgyPlByb2plY3RzPC9oMj4KICAgICAgPCEtLSBBZGQgeW91ciBwcm9qZWN0cyBoZXJlIC0tPgogICAgICA8ZGl2IGNsYXNzPSJwcm9qZWN0Ij4KICAgICAgICA8aDM+UHJvamVjdCAxPC9oMz4KICAgICAgICA8cD5EZXNjcmlwdGlvbiBvZiBwcm9qZWN0IDEuPC9wPgogICAgICA8L2Rpdj4KICAgICAgPGRpdiBjbGFzcz0icHJvamVjdCI+CiAgICAgICAgPGgzPlByb2plY3QgMjwvaDM+CiAgICAgICAgPHA+RGVzY3JpcHRpb24gb2YgcHJvamVjdCAyLjwvcD4KICAgICAgPC9kaXY+CiAgICA8L3NlY3Rpb24+CgogICAgPHNlY3Rpb24gaWQ9ImNvbnRhY3QiPgogICAgICA8aDI+Q29udGFjdDwvaDI+CiAgICAgIDxwPllvdSBjYW4gcmVhY2ggbWUgYXQgZXhhbXBsZUBleGFtcGxlLmNvbTwvcD4KICAgIDwvc2VjdGlvbj4KCiAgICA8Zm9vdGVyPgogICAgICA8cD4mY29weTsgMjAyNCBNeSBQb3J0Zm9saW88L3A+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

Ym9keSB7CiAgZm9udC1mYW1pbHk6IEFyaWFsLCBzYW5zLXNlcmlmOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwp9CgpoZWFkZXIgewogIGJhY2tncm91bmQtY29sb3I6ICMzMzM7CiAgY29sb3I6ICNmZmY7CiAgcGFkZGluZzogMTBweCAwOwp9CgpuYXYgdWwgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgcGFkZGluZzogMDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KCm5hdiB1bCBsaSB7CiAgZGlzcGxheTogaW5saW5lOwogIG1hcmdpbi1yaWdodDogMjBweDsKfQoKbmF2IHVsIGxpIGEgewogIGNvbG9yOiAjZmZmOwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKfQoKc2VjdGlvbiB7CiAgcGFkZGluZzogMjBweDsKfQoKZm9vdGVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzOwogIGNvbG9yOiAjZmZmOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwYWRkaW5nOiAxMHB4IDA7Cn0=

Para que o ChatGPT foi projetado principalmente?

Onde os usuários podem encontrar o ChatGPT?

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

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

Aprenda os fundamentos do desenvolvimento web enquanto aproveita o poder de ferramentas de IA como o ChatGPT. Compreenda os papéis do HTML, CSS e JavaScript na construção de sites e como a IA pode aprimorar sua velocidade e criatividade na codificação. Pratique a elaboração de prompts eficazes e a geração de código com o ChatGPT. Construa um site de blog completo do zero utilizando desenvolvimento assistido por IA, adquirindo habilidades práticas para seus projetos web.

Seja apresentado aos principais conceitos e tecnologias do desenvolvimento web, incluindo o papel da IA na programação moderna. Esta seção estabelece a base para sua jornada de aprendizado, abordando os fundamentos do desenvolvimento web e como a IA potencializa a produtividade, criatividade e eficiência na programação.

Aprenda as tecnologias essenciais do desenvolvimento web. Explore os fundamentos de HTML, CSS e JavaScript, compreendendo suas funcionalidades individuais e o papel coletivo na formação do cenário digital.

Descubra o potencial do ChatGPT ao explorar suas capacidades e aprender como utilizá-lo de forma eficaz. Obtenha insights sobre a elaboração de prompts e o trabalho com código por meio do ChatGPT. Finalize com dicas práticas sobre como aproveitar o ChatGPT em diversas aplicações.

Construa o site do blog. Criação de um site de blog completo e funcional do zero, incorporando diversas técnicas de desenvolvimento web utilizando o ChatGPT.

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

Tutorial em Vídeo

Possível Resultado para o Site de Portfólio

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çã?