EEclipsEE

не понимаю для чего вам но вот так.

Это не одно и тоже. Запустите консоле след код.

var a=1, b=1;

console.log(a++);
console.log(++b);

Если вас интересует середина по вертикали, то здесь работа скрола. Определяете позицию красного блока, и когда скрол дошел до него делаете отображение синего. А что б понять какие размеры как получить ознакометесь с метрикой в js

вот у вас допустим весь дом в body начинает генерироваться динамически и какой-нибудь скрипт обращается к элементу x. Но вот проблема элемента еще нет, и тут не помещение в head или body вам не помогут. defer нужен.
а async не плохо так ускоряет загрузку страницы если знать куда пихать. Например один скрипт красит ссылки в красный цвет, а другой параграфы в зеленый, и допустим у нас всего это овер до***я. Так зачем ждать пока ссылки покрасятся и потом параграфы если они не связаны? Скрипты моно пустить параллельно сэкономив время загрузки.

P.S. Примеры грубые, но наглядные.

анимация - это анимация. аякс - это аякс

вероятнее всего это alert запускаемый из js.

ну тут сложно ответь, по факту все это добро уходит корнями в обычный js и анимации CSS. (это если прям с нуля хотите разобраться и написать).

Здесь они пользуются https://greensock.com/

А вообще дабы понять что ребята пользуют на том или инном сайте. Открываете код F12 и смотрите что подключается в хэде и футере.

обработку сеток уже сами сделаете. а для отрисовки такой сетки на весь экран неплохо подойдет svg. На js пишите цикл который при загрузке страницы пройдет по нужным вам координатам и с нужным шагом нарисует линии, сначала по вертикали потом по горизонали. (Не забудьте использовать пространство имен, так как при динамической вставке тэга line , браузер по дэфолту не знает такой тэг и ему надо объяснить). если вдруг не получится, могу напистаь код

подключаете две библиотеки: jquery и jqueryui. а дльше смотрите решения на jqueryui на разных сайтах. вот неплохой сайт сов семи плагинами вот. Подключается все простым копированием да и интуитивно понятные настройки.

если правильно понял, посомтрите методы анимации на jq. что-то типо slideup();