Abaixo os passos para a criação do jogo de jo-ken-po com as cartas e tema do Yo-Gi-Oh:
- Criando as estruturas de pastas e arquivos;
- Adicionando a font Press Start 2P no HTML;
- Colocando video do Yo-Gi-Oh no fundo com HTML e CSS;
- Contruindo os container Left e Right com HTML e CSS;
- Demarcando o container Right com CSS;
- Estilizando os componentes visuais com CSS;
- Iniciando a parte lógica, preparando functions principais com JavaScript;
- Criando enumerações das cartas e assinaturas das functions principais com JavaScript;
- Implementando mouseover e as functions setCardsFields e removeAllCardsImage;
- Contruindo a lógica dos duelos e implemento de som do ganhador e perdedor;
- Melhorando as functions com a técnica de Extract to Method;
- Adicionando Favicon, cursores personalizados e música de fundo.
Este projeto educacional junto com a Dio.me e instrutor Felipe Aguiar.