こんにちは。一つ質問をさせていただきます。

main.js の
12行目　entry.target.classList.add('appear');
21行目　document.querySelectorAll('.animate').~~~

このようなコードで、クラス名の指定に . を付すか付さないか、
調べてみて「仕様である」ということは理解できたのですが、
覚え方のコツのようなものがありましたら教えていただけますでしょうか。
コードをたくさん書いて感覚的に覚えるしかないかな、と思ったりもしましたが、
何かいい方法があれば知りたいです。
よろしくお願いいたします。