Abílio Azevedo.

Mentoria GoLogics

Cover Image for Mentoria GoLogics
Abílio Azevedo
Abílio Azevedo

Fui mentor da 1o mentoria GoLogics do Grupo Superlógica. Nessa mentoria seguimos alguns cursos da Alura!

Primeira Semana

Fizemos o jogo Pong usando https://scratch.mit.edu/ e também usando Javascript no editor https://editor.p5js.org/:

Também desenvolvendo um jogo de carrinhos:

Segunda Semana

Terceira Semana HTML5 e CSS3 parte 3: Trabalhando com formulários e tabelas. https://www.alura.com.br/curso-online-html5-css3-formularios-tabelas HTML5 e CSS3 parte 4: Avançando no CSS. https://www.alura.com.br/curso-online-html5-css3-avancando-css

Continuamos nosso site web com formulário para contato com a barbearia.

Quarta Semana JS na Web: Manipule o DOM com JavaScript https://www.alura.com.br/curso-online-javascript-manipulacao-dom EXTRA - Git e Github: Controle e compartilhe seu código https://www.alura.com.br/curso-online-git-github-controle-de-versao

Criamos uma lista de tarefas utilizando HTML, CSS e manipulando a DOM com JS. Além disso, aprendemos como fazer o versionamento de nosso código com o GIT.

Desafio Final Você irá desenvolver um jogo de foguetes com p5.js, colocar dentro de uma página HTML e subir em um repositório no GITHUB.

JOGO:

  • O jogo deverá contém uma nave(ator) e os foguetes(inimigos)
  • A nave somente poderá voar para a esquerda e para a direita
  • Os foguetes só podem andar em linha reta
  • A nave deverá desviar dos foguetes, se algum foguete acertar a nave, você PERDE
  • A cada foguete que a nave desviar, deverá conta um ponto
  • Os inimigos podem nascer em qualquer parte do eixo X, lembre-se de limitar a largura da tela

Extras:

  • Os inimigos podem ter velocidade aleatória Faça a nave atirar e ao atingir um foguete, destrua ele e adicione um ponto Para gerar algum número aleatório utiliza a seguinte função:
  • Math.random() * (máximo - mínimo) + mínimo Referencia: https://www.w3schools.com/js/js_random.asp

Vídeo de funcionamento do jogo: https://drive.google.com/file/d/1yN3hFyqR5wsD9J3P_gf1eAY7FKY0u6UC/view?usp=sharing

PÁGINA HTML: A página terá:

  • um Header com o título do seu jogo
  • o Jogo embbed
  • um formulário de avaliação do Jogo

REPOSITÓRIO: Subir o código HTML, CSS no repositório GITHUB criado por você https://github.com/kibolho/GoLogics---HTML-CSS-e-JS

VALEU GALERA!!! Turma GoLogics 1

IMG 2841


Mais posts

Cover Image for N+1 Queries: How to Fix Them

N+1 Queries: How to Fix Them

Aprenda a identificar e corrigir problemas de N+1 queries em Django e Prisma usando técnicas eficientes para acessos a banco de dados mais

Abílio Azevedo
Abílio Azevedo
Cover Image for Desbloqueando o Crescimento do Negócio com Análises de Produto

Desbloqueando o Crescimento do Negócio com Análises de Produto

Desbloqueie o poder da análise de produto com frameworks práticos, métricas essenciais e as melhores ferramentas, como Google Analytics e Amplitude. Aprenda como insights orientados por dados podem impulsionar o crescimento do produto, melhorar o engajamento dos usuários e alinhar sua equipe para o sucesso — tudo isso com dicas práticas do Curso de Certificação em Análise de Produto.

Abílio Azevedo
Abílio Azevedo

NewsLetter

Eu enviarei o conteúdo postado aqui no blog. Sem Spam =)

Engenheiro de software experiente, formado em Engenharia Elétrica, com mais de 10 anos de experiência prática na construção de aplicativos móveis, web e back-end robustos e escaláveis em vários projetos, principalmente no setor de fintech. Mobile (React Native), Web (React e Next.JS) e Backend (Node.JS, PHP e DJANGO). Meu objetivo é criar produtos que agreguem valor às pessoas. - © 2025, Abílio Azevedo