Unknown

А что Вы хотите? Вы вызываете new Clock с одним аргументом, а в теле используете два. Поэтому options принимает значение переданного объекта с полями template и name, а sub -- undefined.

Скажите, чему, по Вашему желанию, должны равняться options и sub в этом примере.

return del.sync(['optimized-project-images', 'dist']);

Не слушайте тех, кто говорит про говнокод, ребята либо нигилисты, либо мамкины революционеры и "не такие как фсе". Как удобно, так и пишите. Просто прочитайте главу про прототипы, поймите это и то, что JS основан на прототипах и вперед. Все нормальные компании используют новые приемы и не стоят на месте.

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  
  get area() {
    return this.calcArea();
  }

  calcArea() {
    return this.height * this.width;
  }
}

Классы ES6

- новый метод F (я вероятно ошибаюсь);

В этом учебнике есть и старый, и новый метод https://learn.javascript.ru/es-class

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

'use strict';

class User { // класс в стиле es-2015

  constructor(name) {
    this.name = name;
  }

  sayHi() {
    console.log('Hi, ', this.name);
  }

}

// "старый" стиль продолжает работать,
// чо с ним сделается то.
User.prototype.sayHo = function() {
  console.log('Ho-ho-ho, ', this.name);
};

let user = new User("Вася");
user.sayHi();
user.sayHo();

Попробуйте приложение lxinput, там можно довольно гибко настраивать скорость мышки.

Используйте es6.
var cell = [...document.getElementsByClassName('cell')];

.append() .prepend()

$('body').append('<div>тут все что нужно</div>');

Потому что SASS. SASS. Отступы. Ещё раз — отступы.
Короче, писать в одну строку надо весь src
Это вам не SCSS.

Что нужно добавить?

В первую очередь нужно убрать - отдельные функции расчёта суммы. Ну а добавить общую. Которая будет считать сумму полностью, и висеть на элементах, от значений которых зависит сумма, как обработчик события change.

попробуйте кликнуть на Sublime Text3 в в верхнем баре, там в подменю preferences должно быть

Используйте getBoundingClientRect()

if (box === e.target) {
     console.log('клик по box');
   } else if(box.contains(e.target)) {
     console.log('клик по дочернему элементу');
   }

https://codepen.io/anon/pen/MEBGYP?editors=1111

Загадочные отступы инлайн элементов

[...document.getElementsByClassName('cls')].reduce((max, n) => {
  const val = +n.innerText;
  return val > max[1] ? [ n, val ] : max;
}, [ null, -Infinity ])[0].style.color = 'red';