Святая вера. Скромности вам не занимать.
По фрилансу ничем не помогу. Никогда им не занимался.
Пока востребован. React + Typescript и периодически Redux не дают голодать
> Какой толк писать пустому диву display:none?
Чтобы он, не заполненный, не участвовал в отрисовке. Потому что можно добавить ему ненулевую минимальную высоту и/или паддингов добавить + бэкграунд-колор + бордеров и он, хоть и пустой без display: none будет виден в виде сплющеной обведенной хуйни. А тебе этого не надо. Вот ты и скрываешь его, пока не заполнишь.

> Зачем писать скрипту type=text/javascript, какой еще там может быть скрипт в браузере?
Я кодить начал 4 года назад но и сам до сих пор не особо знаю про type=text/javascript.

> Этот формат с "Привет, мир!" в title это сниппет какой-то для начала проектов, вместо "!", или просто по рофлу над кем-то?
Заголовок во вкладке. Может быть любым.

> Почему у него скрипт в html файле в body НАД html кодом?
Потому то window.onload = function () {...} - это кэллбэк, который выполнится, когда браузер прочтет и пропарсит весь html.

> Зачем вообще тогда html пустой див, если можно просто в скрипте var helloDiv = document.body.createElement('div') ?
Что-бы определить место отображения и не париться об этом в самом скрипте

> зачем var?
Я тебе больше скажу: весь var helloDiv = document.getElementById('helloDiv'); не нужен - браузер за кадром это делает для всех элементов идентификаторами создавая глобальные переменные с именами в виде этих идентификаторов. Но глобальные переменные - это зло и поэтому правило хорошего тона явно заводить переменную

P.S. https://learn.javascript.ru/ - хороший учебник был 4 года назад. Да простит меня реактор за порождение ещё одного жавасриптера
Первое: На будущее. Ему в дальнейшем могут быть добавлены стили - тогда даже пустой он может отображаться

Второе: Хз