Дмитрий Беляев

Для продвинутого читателя, который знает, что теги <script> можно добавлять на страницу в любой момент при помощи самого javascript, заметим, что скрипты, добавленные таким образом, ведут себя так же, как async. То есть, выполняются как только загрузятся, без сохранения относительного порядка.

Если же нужно сохранить порядок выполнения, то есть добавить несколько скриптов, которые выполнятся строго один за другим, то используется свойство script.async = false.

https://learn.javascript.ru/external-script#асинхр...

вдруг люди придумали что-то более продуктивное?

Так а что может быть продуктивного в IE8? MutationObserver там не поддерживается, поэтому остаётся только setInterval().

Единственное, что вы можете сделать в плане оптимизации: создать свои addClass()/removeClass(), использовать только их и внутри обновлять коллекцию элементов.
Ну или заманкипатчить classList (но сначала его заполифилить) с той же целью.
Но этот подход несёт определённые риски, это, надеюсь, очевидно.

for(var j=1; j < 4; j++ ) {
    var i = j*5-5
    for(i; i <= j*5 ; i++) {
        ...
    }
}

Я могу поменять формулировку, чтобы Вы начали думать об отключенном JS.

Незагруженный JS.
Обрыв связи (я еду в метро) - достаточно часто, чтобы об этом начать думать
IP библиотеки заблокировал РосКомНадзор - О, Боги почему у меня jQuery не работает?

Ситуации точно такие же как с отключенный JS.
Делайте сайт так, чтобы пользователь сквозь боль, но мог получить информацию.

Люди, которые выключают JS, находятся в пределах арифметической погрешности. Они привыкли, что 95% интернета превращается в тыкву. Можно смело на них забить.

Функция у вас ничего и не возвращает. Тут асинхронность. В $.post вызывайте callback с результатами.

var array = [];

function load_reservation(stock, year, month, callback) {

    $.post("'.Url::to(['site/ajax-load-reservation']).'", {"stock": stock, "year": year, "month": month}, function (data) {

        if (data.result == 1) {
            callback(data.array);
        }
        else callback([]);
    }, "json");
}

$(".book").each(function () {
    var id = $(this).attr("data-stock_id");
    load_reservation(id, null, null, function (result) {
        array[id] = result;
        console.log(array[id]);
    });
});

JSDoc
Creating JSDoc comments
An Introduction to JSDoc

Используйте RethinkDB, она создавалась как раз для этих целей.

1. Да, вам нужен файл package.json, сгенерировать его можно с помощью npm init (по ходу отвечая на вопросы)
2. Во втором видео на 52й секунде Илья устанавливает webpack "глобально":
npm i -g webpack
Поэтому у него хоть и нет в проекте папки node_modules - все корректно работает.

Дополнительно:
Если вы устанавливаете модули локально, создается папка node_modules, куда они собственно говоря и устанавливаются.

P.S. советую посмотреть его скринкаст по node.js, чтобы стало понятно, как node.js ищет пакет, в упрощенном случае: сначала локально, потом глобально (почему упрощенно? потому что, так же еще ищет сначала у вас по относительному пути с расширением .js, потом .json, потом локально тоже самое в node_modules, потом глобально... Может быть что-то еще упустил, в скринкасте по node.js это точно было)

1. это предупреждения, что npm не может сохранить запись о пакете в файл package.json, ничего особо критичного, чтобы избавить создавай этот файл (командой npm init, если делаешь проект для себя, то просто на все вопросы нажимай enter, потом можешь поправить любым текстовым редактором)
2. в папку node_modules сохраняются устанавливаемые в данный проект (папку) модули, соответственно удаляя эту папку удаляешь и webpack
p.s. настоятельно советую почитать базовые вещи про то как работает npm

Строго говоря, между двумя точками не может быть никакого угла.

<ul id="list">
    <li class="yes">1</li>
    <li class="no">2</li>
    <li class="no">3</li>
    <li>...</li>
    <li class="yes">100</li>
</ul>

function on(elSelector, eventName, selector, fn) {
    var element = document.querySelector(elSelector);

    element.addEventListener(eventName, function(event) {
        var possibleTargets = element.querySelectorAll(selector);
        var target = event.target;

        for (var i = 0, l = possibleTargets.length; i < l; i++) {
            var el = target;
            var p = possibleTargets[i];

            while(el && el !== element) {
                if (el === p) {
                    return fn.call(p, event);
                }

                el = el.parentNode;
            }
        }
    });
}

on('#list', 'click', '.yes', function(e) {
    // this function is only called, when a list item with 'yes' class is called
    console.log(e.target); // this is the clicked list item
});

bdadam.com/blog/plain-javascript-event-delegation.html