Uma duvida besta: sei que ele disse que num projeto grande, caso a pessoa ache que a semântica de classe não seja legal e queria mudar, teria que mudar ho HTML e em todos os lugares do JS. Porém perguntei pra algumas pessoas a longo tempo na área, e nenhuma delas nunca usou esse "data-form-button" e etc. Eu poderia colocar direto a classe ou ID, correto? Como é formulário, isso futuramente poderia acarretar em alguma coisa?
Boa noite Heitor, blz?
No JS document.querySelector() vc pode passar como parâmetro um seletor css qualquer: como os IDs, classes ou atributos. No caso creio que o professor utilizou essa abordagem para estimular e mostrar mais uma forma de se usar a função.
O data attributes é uma feature do html5 e realmente tem mta gente que não o utiliza ainda. Veja o vídeo do alura mais sobre isso.