Михаил

При установке через npm модули сохраняются в папку node_modules локально. --save не нужно писать в последних версиях npm и yarn - этот флаг нужен был для того чтобы добавить зависимость в package.json, теперь они автоматом добавляются

Многие (или все) компоненты Bootstrap JS работают именно через jQ. Для Vue есть отдельный Bootstrap.

Скорее всего это корявый перевод
Посмотрите в файле перевода. Обычно есть в каталоге плагина папка "lang" ну или что то подобное, может еще "i18" называться
Смотри файл с окончанием "...-ru_RU.po" . открывается прогой POEDIT
Потом после правки надо будет откомпилировать его в файл *.mo этой же прогой

const elems = [...document.querySelectorAll('.class1')];
const index = elems.findIndex(n => n.classList.contains('class2'));

или

const elems = document.querySelectorAll('.class1');
let index = elems.length;
while (--index >= 0 && !elems[index].matches('.class2')) ;

или

const index = Array.prototype.indexOf.call(
  document.querySelectorAll('.class1'),
  document.querySelector('.class2')
);

let list = $('.class1');
for(let i = 0; i < list.length; i++) {
 if(list.eq(i).hasClass('class2')) {
    console.log(i);
    break;
 }
}

let list = $('.class1');
for(let i = 0; i < list.length; i++) {
 if(list[i].className.includes('class2')) {
    console.log(i);
    break;
 }
}

$('.class1').each((index, item) => {
 if(item.className.includes('class2')) console.log(index)
} );

const buttons = document.querySelectorAll('.item1');
const targets = document.querySelectorAll('.item2');
const className = 'red';

const updateClass = action => ({ target: t }) => {
  const index = Array.prototype.indexOf.call(buttons, t);
  if (index !== -1) {
    targets[index].classList[action](className);
  }
};

const wrapper = document.querySelector('#wrap1');
wrapper.addEventListener('click', updateClass('add'));
wrapper.addEventListener('dblclick', updateClass('remove'));

У вас уже в коде куча ошибок.
1) вместо querySelector нужно использовать querySelectorAll, т.к. первый возвращает только один элемент, а второй массив элементов.
2) Чтобы назначить событие группе элементов, недостаточно как в jQuery написать одной строчкой onclick, нужно циклом пройтись по каждому элементу, и повесить на нужное событие обработчик.
3) Можно воспользоваться замыканием, т.е. использовать в качестве общего индекса для массивов, индекс в цикле.

https://codepen.io/anon/pen/RvZaQW?editors=0111

https://codepen.io/isakovp/pen/RvgzjL?editors=1011

Оптимизированный вариант:
https://codepen.io/KorniloFF/pen/ErXBdy?editors=1011

Не могу понять, почему.

Потому что .slideToBringImg во всех случаях является первым ребенком .slide. Так что вам нужно считать сами слайды, а не эти элементы:

.slide:nth-child(1) .slideToBringImg { ... }
.slide:nth-child(2) .slideToBringImg { ... }
.slide:nth-child(3) .slideToBringImg { ... }

const buttonSelector = '.button';
const blockSelector = '.div';
const activeClass = 'red';

function toggleBlock(blocks, buttons, button) {
  const index = Array.prototype.indexOf.call(buttons, button);
  blocks.forEach((n, i) => {
    n.classList[i === index ? 'toggle' : 'remove'](activeClass);
  });
}


// обработчик клика делегированный, назначается один раз
document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const blocks = document.querySelectorAll(blockSelector);
    const buttons = document.querySelectorAll(buttonSelector);
    toggleBlock(blocks, buttons, button);
  }
});

// или, назначаем обработчик клика каждой кнопке индивидуально
const buttons = document.querySelectorAll(buttonSelector);
const blocks = document.querySelectorAll(blockSelector);
const onClick = e => toggleBlock(blocks, buttons, e.currentTarget);
buttons.forEach(n => n.addEventListener('click', onClick));

class Example {
  constructor() {
    this.date = Date.now();
  }
}

const o = new Example;
o.date //1548185841559 Unix time(миллисекунды)

Или если вам нужен просто объект: const obj = {date: Date.now()};
Если нужен какой-то определенный формат даты, то говорите.

На codepen весь JS код выполняется после загрузки DOM. На JSFiddle - нет. Нужно писать так -

document.addEventListener("DOMContentLoaded", function(event) {
var button = document.getElementById('button');
var qq = document.getElementById('qq');

button.onclick = function (){

	qq.style.background = 'green';
  
};
});