Иван Симонов

function sortByExt(files) {
  return files.map(fileName => {
    const p = fileName.indexOf('.');
    const name = +fileName.slice(0, p);
    const ext = fileName.slice(p + 1);
    return [fileName, name, ext];
  }).sort(([, nameA, extA], [, nameB, extB]) => (extA < extB
    ? 1
    : (extA > extB ? -1 : nameA - nameB)
  )).map(([fileName]) => fileName);
}

Как я понимаю мне необходимо для работы скачать данный сайт локально (страницу)?

Наоборот, вам необходимо зайти по ssh на сервер заказчика и запускать в консоли компиляцию sass файлов. Правки scss делать через ftp, хотя можно и через ssh в терминале через vi (vim), nano.
Хотя такие требования и весьма странные.
Скорее всего это промежуточный dev сервер, с которого происходит деплой на production с возможными дополнительными стадиями CI.

Сделать запрос на бэк, получить json, сформировать график

Если под "налету" имеется в виду обновление данных на клиенте при изменении данных на сервере, то вам нужны веб-сокеты. Это удобная кроссбраузерная обёртка для них. Альтернатива из ушедших времён - long-polling и short-polling. Естественно, на серверной стороне также должен быть реализован этот метод передачи данных.

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

Нужно клонировать несколько раз, с учетом ширины родителя. И пересчитывать при ресайзе.

В 3д редакторе создается модель и анимируется, потом нарезается покадрово, получается набор изображений типа такого. Потом к скролу страницы привязывается функция, которая переключает отдельные картинки. В простом случает это просто img где меняется src, в сложном это canvas с предзагрузкой. Много готовых плагинов, например.
Для коротких анимаций можно объединить кадры в спрайт и переключать положение, например плагином

Вы выполняете fetch не на том же адресе, что и сам сайт. Следовательно это должен быть cors запрос, а сайт возможно не поддерживает cors. Ajax запросы могут быть выполнены только на том же сайте, к которому идёт обращение.

1. Установить гит
1.1. Возможно перед этим установить консоль\надстройку, которая способна с ним работать (зависит от ОС).
2. Скачать репки и работать дальше.

const elements = el.closest('.calc').querySelectorAll('.range__control');

const price = Array.prototype.reduce.call(
  elements,
  (acc, n) => acc * n.value,
  1
);

// или

let price = 1;
for (const { value } of elements) {
  price *= value;
}

// или

const price = eval(Array.from(elements, n => n.value).join('*'));

Зайдите в мой гитхаб там как раз есть формулы для площадей, square что то там.

function sortByExt(files) {
    function getFileInfo(val) {
        const arr = val.split('.'); 
        return {
            ext: arr.pop(), 
            name: arr.join('.')
        }
    }

    function compare(s1, s2) {
        if (s1 < s2) {
            return -1; 
        }

        if (s1 > s2) {
            return 1; 
        }

        return 0;
    }

    return files.sort((a, b) => {
        const {ext: aExt, name: aName} = getFileInfo(a); 
        const {ext: bExt, name: bName} = getFileInfo(b); 

        return compare(aExt, bExt) || compare(aName, bName);
    });
}

Всё сохраняется, только не устанавливается обратно при загрузке страницы.

document.addEventListener('DOMContentLoaded', _ => {
  const bgColor = localStorage.getItem('bgColor')
  if (bgColor !== null) {
    document.querySelectorAll('.box').forEach(i => {
      i.style.backgroundColor = bgColor
    })
  }
})

Math.random() * ( max - min) + min
Получаем рандомное число от 0 до 1, потом умножаем его на разницу (диапазон искомого числа). В конце, чтобы число было от min до max - прибавляем минимальное значение.
Например 0.5 * (10 - 5) + 5 = 0.5 * 5 + 5 = 7.5 - число от 5 до 10

так ты же сам все объяснил вроде)
в 2.б получаем число от 0 до 3,
а в 3 пункте к этому числу добавляем 2, получится число от 2 до 5)

Взять и послать в него запрос. Браузеру плевать кому он пошлёт запрос, php, txt, js, css и т.п. файлу.
Вопрос в другом, если вам нужно что бы файл, к которому вы пошлёте запрос обработал ваш запрос и дал вам результат вашего запроса, то тогда на сервере или где-то там, где этот файл находится, должно быть что-то, что этот файл обрабатывает. Например, что бы php файл принял, обработал и отдал результат, на сервере должен быть установлен для начала php, для того, что бы выполнить все инструкции, которые находятся в этом файле. Тоже самое и с asp.

Ну а так же вебсервер, который направит этот запрос к этому файлу и скажет .NET обработать этот файл

Сделайте объект корзины, куда будут записываться добавленные товары. На основе этого объекта создавайте разметку DOM-элемента корзины. Когда добавляете товар - проверяете его наличие в объекте корзины, если да, тогда плюсуете новое количество к тому, что уже есть. Например.

как-то всё неправильно собрано вместе, потому что если инициализировать так

new Highlight({
  selector: '.block__cell'
})

то по какому условному параметру все блоки '.block__cell' объединять в "колонки"?

Подправьте функцию

closeOutside(e){
    if (!this.container.contains(e.target) && e.target.className !== 'btn-open') {
        this.close();
    }
  }

При клике на кнопку срабатываете свойство closeOutside

btn.addEventListener('click', (event) => {
  block.classList.contains('active') ? hide() : show();
});

Ещё можно завести флаг открытости в виде переменной или data-атрибута на элементе. Но с классом проще всего.

class Select {
	constructor({
		selector,
		label,
		url,
		onOpen,
		onClose
	}) {
		this.container = document.querySelector(selector);
		this.label = label;
		this.url = url;
		this._onOpen = onOpen;
		this._onClose = onClose;

		...
	}

	...

	open() {
		...

		if (this._onOpen !== undefined) {
			this._onOpen();
		}
	}

	close() {
		...

		if (this._onClose !== undefined) {
			this._onClose();
		}
	}
}