image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Belisnalva Jesus
Belisnalva Jesus19/07/2024 22:06
Compartilhe

Natural ou Fake Natty?

  • #HTML
  • #JavaScript
  • #ChatGPT

Como Vencer na Era das IAs Generativas.

šŸš€ Introdução

> Woooow! Look at this šŸ‘€

OlÔ pessoal, meu apelido é Bella! Inspirada na hype _"Natty or Not"_ do fisiculturismo, explorando o potencial dessa tendência tecnológica incrível!

šŸŽÆ Bora Pro Desafio!? Eu JĆ” Venci šŸ’ŖšŸ¤“

Objetivos

1. **Explorar IAs Generativas.

2.Ā **LabDIONattyOrNot**.

3.Ā Visite: (https://www.linkedin.com/in/belisnalva-costa-pereira).

šŸ“’ Descrição

Nestes projetos utilizei a IDE Visual Studio Code para fazer os códigos e a IA para corrigir os bugs. Segui os exemplos abaixo relacionados:

šŸ¤– Tecnologias Utilizadas

## Front-end

HTML

CSS

JavaScript

IA Generativa - ChatGPT

🧐 Processo de Criação

Descrição do Jogo Interativo de Perguntas e Respostas Bíblicas.

1. Objetivo:Ā 

Criar um jogo interativo com perguntas e respostas baseado em passagens bíblicas, utilizando HTML, CSS e JavaScript. O jogo visa fornecer uma experiência educacional e divertida para os usuÔrios.

2. Passagens Utilizadas:Ā 

Livro de JuĆ­zes 2:7-23

Salmo 86:5

3. Funcionalidades:Ā 

Interface GrƔfica: Design simples e intuitivo, com uso de HTML e CSS para estrutura e estilo.

Interação com o UsuÔrio: Perguntas apresentadas sequencialmente, com opções de resposta para o usuÔrio selecionar.

Feedback Imediato: Indicação de respostas corretas ou incorretas após cada seleção.

Pontuação: Sistema de pontuação para contabilizar acertos.

4. Tecnologias Utilizadas:Ā 

HTML: Estruturação das pÔginas e elementos do jogo.

CSS: Estilização dos componentes visuais.

JavaScript: Lógica de funcionamento do jogo, manipulação do DOM e interação do usuÔrio.

5. Processo de Desenvolvimento:Ā 

Planejamento: Definição das perguntas e estrutura geral do jogo.

Desenvolvimento Inicial: Criação do esqueleto do HTML e estilo bÔsico com CSS.

Implementação da Lógica: Desenvolvimento da lógica do jogo em JavaScript, incluindo a funcionalidade de exibir perguntas, verificar respostas e calcular a pontuação.

Testes e CorreƧƵes: Testes para identificar bugs e ajustar funcionalidades.

Aperfeiçoamento: Refinamento do código e da interface com feedback e sugestões para melhorar a experiência do usuÔrio.

6. Contribuição do ChatGPT: 

Correção de bugs no código.

Sugestões para aperfeiçoamento da lógica e da interface do jogo.

Orientações sobre melhores prÔticas de programação.

šŸš€ Resultados Link

https://github.com/BelisnalvaCosta/jogos_interativos.git

>"A vitória vem, para quem sempre luta e não desiste facilmente!!"

<!-- Minhas palavras -->Ā 

Este protótipo que elaborei com apoio da IA generativa estÔ em fase de desenvolvimento ainda, para melhor interação com o usuÔrio final.

Compartilhe
Recomendados para vocĆŖ
GFT Start #6 - Lógica de Programação
Ri Happy - Front-end do Zero
PotĆŖncia Tech iFood - Desenvolvimento de Jogos
ComentƔrios (1)
Halam Mesquita
Halam Mesquita - 19/07/2024 22:32

Gostei, parabƩns.