Stalker_RED

Как по мне, так чем с большими языками получится познакомиться, тем лучше. Это просто расширяет кругозор. В любом случае когда(если) в будущем станете профессиональным программистом на каком-то определенном языке, то вас не будет пугать код на другом языке.

даст ли это хоть какой-то прирост производительности?

Само собой. Любая библиотека "тащит за собой" overhead. Вот только прирост к скорости в данном примере не будет заметен.

addEventListenter повешен на документ, а не на элемент. Поэтому событие срабатывает везде.
Нужно или вешать слушателя на элемент или же проверять в событии что клик был именно по элементу.

Существует ли «карта программиста»? Что и за чем учить?

Матрицы там те же.
Отличаются только подключениями.
У мониторов DVI, DisplayPort, HDMI, D-Sub.
У ноутбуков LVDS.

Но цвет фото отличается по другой причине:

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

Таки мониторы и такие ноутбуки несколько дороже. Процентов на 10-20-30.

Матрицы типа VA, PLS - более менее внятные цвета дают, но они тоже дороже.
Скажем, матрица VA имеет глубокий черный цвет и хорошо подходит для текстов.

В дешевых моделях нотбуков и в дешевых моделях мониторах стоят матрицы типа TN.
У них плюс - немного потребляют электроэнергии и быстро картинка меняется.
Хорошо для игр и хорошо для экономии батарей ноутбуков.
Видимо, потому их еще и ставят в ноутбуки чаще, - ради экономии батарей, а не только из экономии денег.

Но TN самая отвратная по цветам.

У тебя небольшая каша в голове. Изначально был callback, затем ему на смену пришел promise. Потом придумали генераторы, которые научились останавливать функцию до достижения какого-то события. Использовать их оказалось очень удобно для ожидания разрешения промиса.
А потом ввели сахар - async/await. Тот же генертор, но немного в профиль. Где await вместо yield, а async вместо *.

Потому что все функции, переданные в setTimeout, вызываются после того, как цикл будет выполнен - а значение i к этому моменту будет равно 10.

Как исправить? Есть варианты:

for (var i = 0; i < 10; i++) {
  setTimeout(function() {
    alert(+this);
  }.bind(i), 100);
}

for (let i = 0; i < 10; i++) {
  setTimeout(function() {
    alert(i);
  }, 100);
}

for (var i = 0; i < 10; i++) {
  setTimeout(alert, 100, i);
}

for (var i = 0; i < 10; i++) {
  setTimeout(new Function(`alert(${i})`), 100);
}

for (var i = 0; i < 10; i++) {
  setTimeout(function() {
    alert(i++);
  }, 100);
}
i = 0;