Esse repositório contém um exercício de recriação do famoso jogo Tetris, desenvolvido com HTML/CSS e JS.
Apenas clone o projeto e suba um servidor HTTP na pasta raiz, daí é só acessar o index.html
. Também existe o link público a seguir:
Link público: https://marcoswitcel.github.io/falling-tetrominos/.
Durante o desenvolvimento utilizei a IDE Visual Studio Code com a extensão Live Server. Como técnica fiz uso de modularização seguindo o padrão moderno módulos ES6, com documentação seguindo o padrão de documentação de tipos JSDoc e com o arquivo JSConfig e a diretiva checkJs configurados para forçar a checagem de tipos, evitando assim vários erros, e melhorar as sugestões da IDE.
- Módulos ES6: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Modules
- Arquivo JSConfig e a diretiva checkJs: https://code.visualstudio.com/docs/languages/jsconfig
- Padrão de documentação de tipos JSDoc: https://jsdoc.app/
- Módulos ES6: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Modules
- Arquivo JSConfig e a diretiva checkJs: https://code.visualstudio.com/docs/languages/jsconfig
- Gist (usuário David Mark) com diferenças do modo restrito: https://gist.github.com/david-mark/7a06527c5e9da908ae50a73b60ddb57f
- Strict Mode: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Strict_mode
- Strict Mode sempre habilitado em código que faz uso de módulos ES6: https://262.ecma-international.org/6.0/#sec-strict-mode-code
- MDN sound example: https://github.com/mdn/webaudio-examples, https://mdn.github.io/webaudio-examples/audio-basics/
- Tutoriais API de Audio: https://web.dev/webaudio-intro/