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 Construindo um Servidor MCP Remoto para o Google Workspace (Sheets, Docs and Presentation)

Construindo um Servidor MCP Remoto para o Google Workspace (Sheets, Docs and Presentation)

Aprenda como construir e implantar um servidor MCP (Model Context Protocol) remoto para Google Workspace (Sheets, Docs and Presentation) usando Next.js, Vercel e Neon Postgres. Guia passo a passo cobrindo autenticação OAuth de duas camadas, registro de ferramentas, implantação serverless e depuração com MCP Inspector — para que qualquer assistente de IA possa ler, escrever e gerenciar planilhas com apenas uma URL.

Abílio Azevedo
Abílio Azevedo
Cover Image for UX/UI para desenvolvedores

UX/UI para desenvolvedores

UX/UI para Desenvolvedores — Guia pratico sobre design systems, comunicacao com Product Designers e quando reutilizar componentes. Aborda heuristicas de Nielsen, Atomic Design, bibliotecas de componentes Tailwind CSS como shadcn/ui e Radix UI, ferramentas de prototipagem como Figma e Origami Studio, boas praticas de acessibilidade, e uma curadoria de cursos, artigos e livros para desenvolvedores que querem construir melhores experiencias de usuario.

Abílio Azevedo
Abílio Azevedo

NewsLetter

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