Как правильно написать скрипт на vanilla js для прокрутки к блокам?

1 <= progress если время прошло больше запланированного то обрезать до нужного значения.
что означает "|" перед 0? удаляет дробную часть числа, почти тоже самое что Math.trunc()

Как проверить, что картинка существует?

хром грузит в картинку что-то попало, остальные ждут формат картинки.
https://codepen.io/anon/pen/qLrLxP

Как проверить, что картинка существует?

1) не понимаю, у вас алерт не срабатывает?
2)в resolution находтся hqdefault вставляйте куда вам нужно.

Как проверить, что картинка существует?

function fetch_highest_res(videoid) {
    var resolutions = ["maxresdefault", "sddefault", "hqdefault", "mqdefault"];
    var counter = resolutions.length,
        img_max = new Image,
        k = 0;
    return new Promise(function(resolve, reject) {
        resolutions.forEach(function(resolution, i) {
            var img = new Image;
            img.onerror = function() {
                --counter || resolve(resolutions[k])
            };
            img.onload = function() {
                if (img.width > img_max.width) {
                img_max = img;
                k = i
                }
                img.onerror()
            };
            img.src = "https://i.ytimg.com/vi/" + videoid + "/" + resolution + ".jpg"
        })
    })
};

var playerInfo = {videoId : 'eei-soH5Gx8', alt : 'test'};

fetch_highest_res(playerInfo.videoId).then(function(resolution) {
alert(resolution);
//именно здесь надо создать ваш див, других мест не будет
/* var divParent = document.createElement('div');
divParent.className = 'youtube_player_wrapper';
divParent.innerHTML = setupVideoHTML(playerInfo);
...
 */
});

Как проверить, что картинка существует?

fetch_highest_res('eei-soH5Gx8').then(function(img_max) {
  console.log(img_max);
  document.body.appendChild(img_max);
  document.body.appendChild(document.createTextNode(img_max.src));
});

Как проверить, что картинка существует?

скрипт возвращает картинку с масимальной шириной, чтобы узнать максимум надо загрузить все картинки, что использовать саму картинку или её путь, выбор за вами.

Как осуществить сортировку в списке?

Сергей

[...document.querySelectorAll('.item')].sort((a, b) => {
       a = a.querySelector('.link').innerText;
       b = b.querySelector('.link').innerText;
       return a > b ? 1 : a < b ? -1 : 0
   }).forEach(n => {
       document.querySelector('ul').append(n);
   });

Как осуществить сортировку в списке?

0xD34F если интересно, смотреть в Google Chrome

for (var i = 0; i < 50; i++) {
  var a = [..."abcdefabcdef"].sort(()=> Math.random() > .5).sort((a,b)=>a > b ); //a > b ? 1 : a < b ? -1 : 0
  document.write(a +"<br>") //ожидаемый результат  a,a,b,b,c,c,d,d,e,e,f,f
   }

Как осуществить сортировку в списке?

0xD34F вы уверены что а > b достаточно для правильной сортировки?

Как отловить событие загрузки всех динамически добавленных картинок?

небольшое уточнение, если Promise.all(imgs)
то imgs = imgs.map...

Есть ли адаптивные аналоги Slidable.js?

GreenMan1899,
возможно вы хотели так ...

$(function() {
    function init() {
        $(".slidable .tall").each(function(indx, element) {
            var height = $(this).data("height");
            if (height) {
                $(this).css({
                    "height": ""
                });
                $(this).removeData("height")
            }
        });
        $(".slidable .controller").remove();
        $(".slidable .tall").css({
            "background": ""
        });
        if ($(window).width() < 1E3) {
            $(".slidable").slidable({
                minimal: 200,
                speed: 800,
                controls: ["<span>Читать далее</span>", "<span>Скрыть</span>"]
            });
            $(".slidable .tall").each(function(indx,
                element) {
                var controller = $(this).next(".controller");
                if (controller.length) {
                    controller.css({
                        "backgroundColor": "green"
                    });
                    $(this).css({
                        "backgroundColor": "red"
                    })
                }
            })
        }
    }
    $(window).resize(init);
    init()
});

Как сложить два массива в массиве объектов?

заменить
obj['Общая экономия'] += total;
на

obj['Общая экономия'] = el.data.map(function(d,i) {
   return (obj['Общая экономия'][i]|0)+d
});

Есть ли адаптивные аналоги Slidable.js?

и изменить ширину браузера, меньше 426 должен появлятся спойлер, больше 426 убиратся.

Есть ли адаптивные аналоги Slidable.js?

GreenMan1899, да
для проверки, запустить в консоли ( до измений) заменив строкуjQuery(window).resize(init);на jQuery(window).off("resize").resize(init);

Как определить появление элемента во вьюпорт?

jeruthadam, возвращает true если элемемент хотябы частично видно (full = false)
вариант использования

$(window).on("scroll", function() {
var elem = document.querySelector(".hot");
var ok = elemInViewport(elem,true)
$(elem).toggleClass("red",ok)
})

Почему проверка строки на пустоту (if(...val()=="")) не работает (jquery)?

исправьте кавычки в onBlur

Как правильно инициализировать плагин для нескольких элементов?

Никита Полевой, не могли бы уточнить про индекс, где именно это?

Как закрыть выпадающий список кликая в бок?

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

Как закрыть выпадающий список кликая в бок?

как вариант
function creatSelected() {
[].forEach.call(inputs, function(input, i) {
var div = obj[i];
if (input.checked) {
if (!div) {
obj[i] = div = document.createElement("div");
div.innerHTML = input.parentNode.textContent;
div.className = "educationCreate rr";
div.addEventListener(clickHandler, function () {
input.checked = false;
});
}
multiselect.appendChild(div);
} else if (div && div.parentNode) multiselect.removeChild(div);
})
};

Как оптимальнее всего проверять есть такой элемент или нет?

сорри скрин забыл добавить) -- это мне ничего не обьяснило,
видимо this как то не так прописал -- так можно удалить, но не во всех брузерах -- но в данном случае вы не учли логику уже работащего кода, клики создают дивы согласно inputs[i].checked;
клики для создания -- продумать - на label индивидуально можно -- но тогда как сохранить порядок создаваемых див.
я вам давал ссылку учебник, там есть форум, попробуйте свои вопросы задать там.

div.addEventListener(clickHandler, function(event) {
event.stopPropagation();
multiselect.removeChild(this)
});