0xD34F

Очень просто:

const THICKNESS = {
  thinLine: 1,
  get midLine() {
    return this.thinLine * 2;
  },
  get boldLine() {
    return this.thinLine * 4;
  },
};

после 21 итерации выдает неправильное значение даты

Правильное. Что написали - то и получаете.

Вы пляшете от 11 числа, а в августе 31 день. 11 + 21 = 32, такого числа нет, так что месяц изменяется на сентябрь. Дальше 11 + 22, а дата-то после предыдущей итерации цикла сентябрьская. Так что получить вы пытаетесь 33 уже не августа, а сентября. Такой даты тоже не бывает, месяц меняется на октябрь. Ну и так далее - на каждой итерации прыгаете на месяц с лишним вперёд.

Как избавиться от лишнего перехода к следующему месяцу?

Первый вариант - устанавливать в качестве числа месяца не стартовое значение + счётчик цикла, а текущее + 1:

const startDate = new Date(2019, 7, 11);
const currentDate = new Date(startDate);

for (let i = 0; i <= 30; i++) {  
  currentDate.setDate(currentDate.getDate() + 1);
  console.log(currentDate);
}

Второй вариант - создавать на каждой итерации цикла новый объект даты вместо изменения уже существующего:

const startDate = new Date(2019, 7, 11);

for (let i = 0; i <= 30; i++) {  
  const currentDate = new Date(startDate);
  currentDate.setDate(startDate.getDate() + i);
  console.log(currentDate);
}

потому что

function createList(data) {
  const list = document.createElement('ul');
  const stack = [];
  let level = +data[0].match(/\d+/);
  let ul = list;

  for (const n of data) {
    const currLevel = +n.match(/\d+/);
    if (currLevel > level) {
      stack.push([ ul, level ]);
      [ ul, level ] = [ document.createElement('ul'), currLevel ];
      stack[stack.length - 1][0].lastElementChild.append(ul);
    } else {
      for (; currLevel !== level; [ ul, level ] = stack.pop()) ;
    }

    ul.insertAdjacentHTML('beforeend', `<li>${n}</li>`);
  }

  return list;
}

https://jsfiddle.net/trovkp31/

const xxx = (f, ...args) => f.apply(null, args);

xxx(console.log, 'aaa', 'bbb', 'ccc')
xxx(alert, 'hello, world!!')
xxx((...args) => args.reduce((p, c) => p * c, 1), 3, 4, 5)
xxx(xxx, Math.max, 6, 3, 8, 1, 2)

изучаю метод фильтр

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

greater than or equal to 8.0

, а в вашем коде мы видим

rating > 8

Ещё сказано, что следует использовать

combination of filter and map

, а в вашем коде только filter.

watchList.filter(n => n.imdbRating >= 8).map(n => ({ title: n.Title, rating: n.imdbRating }))

// или

watchList.reduce((acc, { Title: title, imdbRating: rating }) => (
  rating < 8 || acc.push({ title, rating }),
  acc
), [])

.one path {
  fill: #909090;
}
.one.active path {
  fill: #f00;
}

const itemSelector = '.one';
const activeClass = 'active';

document.addEventListener('click', function(e) {
  const el = e.target.closest(itemSelector);
  if (el) {
    el.classList.toggle(activeClass);
  }
});

// или

document.querySelectorAll(itemSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.currentTarget.classList.toggle(activeClass));

https://jsfiddle.net/zw4k6vsu/

const result = arrs.reduce(
  (acc, arr) => (arr.forEach((n, i) => acc[i].push(...n.slice(acc[i].length))), acc),
  Array.from({ length: Math.max(...arrs.map(arr => arr.length)) }, () => [])
);

или

const result = arrs.reduce((acc, arr) => (
  arr.forEach((n, i) => (
    acc[i] = acc[i] || [],
    n.forEach((m, j) => acc[i][j] = acc[i][j] || m)
  )),
  acc
), []);

Ну как так-то, а? Можно же было самостоятельно открыть документацию, и прочитать:

Метод Performance.now() возращает временную метку DOMHighResTimeStamp, измеряемую в миллисекундах

Надеюсь, перевести миллисекунды в секунды труда не составит.

const createArr = (len, digit, count) => {
  const d = [...Array(9)].map((n, i) => i + (i >= digit));

  return [...Array(len)].map(() => {
    const number = [...Array(Math.random() * 10 | 0)].map(() => d[Math.random() * d.length | 0]);

    for (let i = 0; i < count; i++) {
      number.splice(Math.random() * number.length | 0, 0, digit);
    }

    return +number.join('');
  });
};


const arr = createArr(5, 1, 2);

const tbody = document.querySelector('#test tbody');
const keys = [ 'name.firstName', 'name.lastName', 'about', 'eyeColor' ].map(n => n.split('.'));
const getVal = (obj, keys) => keys.reduce((p, c) => p != null ? p[c] : p, obj);

for (const n of data) {
  keys.forEach(function(k) {
    this.insertCell().textContent = getVal(n, k);
  }, tbody.insertRow());
}

// или

tbody.insertAdjacentHTML('beforeend', data
  .map(n => `
    <tr>${keys.map(k => `
      <td>${getVal(n, k)}</td>`).join('')}
    </tr>`)
  .join('')
);

Как подсказывает документация, для этого есть метод multiple:

AutoNumeric.multiple('.numeric', {
  decimalCharacter : '.',
  digitGroupSeparator : ' ',
})

<div id="images">
  <img src="https://placehold.co/200x200/FF0000/FFFFFF/png">
  <img src="https://placehold.co/200x200/00FF00/000000/png">
  <img src="https://placehold.co/200x200/0000FF/FFFFFF/png">
</div>

#images img {
  transition: transform 0.7s;
}

Зациклить анимацию разворота можно через js:

.rotate {
  transform: rotateY(180deg);
}

const toggleRotate = el => el.classList.toggle('rotate');

document.querySelectorAll('#images img').forEach((n, i) => {
  setTimeout(setInterval, 300 * i, toggleRotate, 2000, n);
});

Или через css:

#images img {
  animation: rotate 4s infinite;
}

#images img:nth-child(1) { animation-delay:   0s; }
#images img:nth-child(2) { animation-delay: 0.3s; }
#images img:nth-child(3) { animation-delay: 0.6s; }

@keyframes rotate {
  0%, 75%, 100% {
    transform: rotateY(0deg);
  }
  25%, 50% {
    transform: rotateY(180deg);
  }
}

Сортируем существующий массив:

messages.sort((a, b) => {
  [ a, b ] = [ a, b ].map(n => sortableLanguages.indexOf(n.language));
  return a === -1 ? 1 : b === -1 ? -1 : a - b;
});

Собираем отсортированный новый:

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


const order = Object.fromEntries(sortableLanguages.map((n, i) => [ n, i + 1 ]));
const sortedMessages = sorted(messages, n => order[n.language] || Number.MAX_SAFE_INTEGER);

// или

function sorted(arr, order, key) {
  const ordered = new Map(order.map(n => [ n, [] ]));
  const unordered = [];

  arr.forEach(n => (ordered.get(key(n)) || unordered).push(n));

  return [].concat(...ordered.values(), unordered);
}


const sortedMessages = sorted(messages, sortableLanguages, n => n.language);

const buttonSelector = '.one';
const contentSelector = '.two';
const className = 'three';

Сколько таких пар элементов? Если одна:

document.querySelector(buttonSelector).addEventListener('click', () => {
  document.querySelector(contentSelector).classList.toggle(className);
});

Несколько:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const index = [...document.querySelectorAll(buttonSelector)].indexOf(button);
    document.querySelectorAll(contentSelector)[index].classList.toggle(className);
  }
});

// или

const buttons = document.querySelectorAll(buttonSelector);
const contents = document.querySelectorAll(contentSelector);

buttons.forEach(n => n.addEventListener('click', onClick));

function onClick(e) {
  const index = Array.prototype.indexOf.call(buttons, e.currentTarget);
  contents[index].classList.toggle(className);
}

for (let i = 0; i < password.length; i + 1) {

если запустить код то страница крашнется, codesandbox на счет этого говорит что циклов слишком много

Ну да, i + 1 - счётчик не меняет своего значения, цикл получается бесконечным.

Должно быть или i += 1 или i++.

return pass;

Наверное, всё-таки должно быть return text.

Как будем определять, должен ли элемент массива остаться:

const mustStay = arr => arr.some(n => n !== '');

Собираем новый массив:

const newArr = arr.filter(mustStay);

Изменяем существующий:

arr.reduceRight((_, n, i, a) => mustStay(n) || a.splice(i, 1), null);

// или

arr.splice(0, arr.length, ...arr.filter(mustStay));

// или

let numDeleted = 0;

for (const [ i, n ] of arr.entries()) {
  arr[i - numDeleted] = n;
  numDeleted += !mustStay(n);
}

arr.length -= numDeleted;

Есть вариант воспользоваться методом keys для получения итератора, отдающего индексы (доступен как для NodeList, так и для массивов), который затем можно развернуть в массив с помощью spread или Array.from или просто перебрать через for of:

[...divs.keys()].forEach(i => console.log(i));

// или

console.log(Array.from(divs.keys(), i => i * 100));

// или

for (const i of divs.keys()) {
  console.log(i);
}