image

Access unlimited bootcamps and 650+ courses

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

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.

Share
Comments (1)
Halam Mesquita
Halam Mesquita - 19/07/2024 22:32

Gostei, parabƩns.