Сергей delphinpro

1. Классика, цикл for {}

const info = {
    title: 'Hello!!!',
    graduatesCount: 2000,
    areYouChampion: true,
    technologies: ['Front', 'Back', 'Devops']
}
let techSelect = document.createElement('select');
for (let i = 0; i < info.technologies.length; i++) {
    let render = document.createElement('option');
    render.append(info.technologies[i]);
    techSelect.append(render);
}
document.body.append(techSelect);

2. Цикл for..in

let techSelect = document.createElement('select');
for (let i in info.technologies) {
    let render = document.createElement('option');
    render.append(info.technologies[i]);
    techSelect.append(render);
}
document.body.append(techSelect);

3. Цикл for..of

let techSelect = document.createElement('select');
for (let i of info.technologies) {
    let render = document.createElement('option');
    render.append(i);
    techSelect.append(render);
}
document.body.append(techSelect);

4. Метод массива forEach()

let techSelect = document.createElement('select');
info.technologies.forEach(i => {
    let render = document.createElement('option');
    render.append(i);
    techSelect.append(render);
});
document.body.append(techSelect);

5. Метод массива reduce()

let techSelect = document.createElement('select');
techSelect.append(info.technologies.reduce((acc, i) => acc+`<option>${i}</option>`, ''));
document.body.append(techSelect);

Основное приложение каким-либо образом получает список доступных модулей.
Каждый модуль имеет вполне определенный общий интерфейс (в программном смысле).
Интерфейс может, например, определять обязательные методы execute() и render().
Основное приложение пробегается циклом по модулям, и дергает их методы.
Например сначала execute (возможно передавая туда определенные настройки). Здесь модуль выполняет свою работу с данными.
А потом, на этапе отрисовки страницы дергает render. Тут либо из render получает готовую разметку и сам рисует, либо указывает где именно отрендерить.

Как-то так в общем случае.

-if(index +1  > slides.length){
+if(index +1  >= slides.length){

-const slides = document.querySelectorAll('fade-slider__item');
+const slides = document.querySelectorAll('.fade-slider__item');

Лучше возьмите готовый слайдер.

Как делается зацикливание:
Берется последний слайд, создается его копия и помещается в начало.
Это можно повторять бесконечно.
А можно только для одного крайнего слайда и после перехода на него, слайдер без анимаций перестраивается в начальное состояние, незаметно для глаза.

Здесь ничего не зашифровано. Это формат записи кодов символов в юникоде. Сочетание "\u" и потом шестнадцатиричный код символа.

Открываешь консоль браузера, и просто копируешь туда эту строку

// Сначала, как обычно сортируем по статусу
if (a.status > b.status) return 1;
if (a.status < b.status) return -1;
// Потом, если статусы равны, - по дате
if (a.date > b.date) return 1;
if (a.date < b.date) return -1;
return 0;

В итоге может выглядеть так:

arr.sort((a,b) => {
  if (a.status === b.status) {
    if (a.date === b.date) return 0;
    return a.date > b.date ? 1 : -1;
  }
  return a.status > b.status ? 1 : -1;
})

Не нужно ничего экспортировать. Переменные из глобального контекста (window) доступны везде, в т.ч. в модулях.

<script>
var globalVariable = 123;
</script>

// module.js
console.log(globalVariable); // 123

условие не только ключевым словом if записываются. Есть ещё тернарный оператор

[ve("a",{
  class:"spot__content",
  href:"link" + (vasya++ == 7 ? '#' : vasya),
  id: . . .

Скачиваете базу GeoIP и пользуетесь ею. Раз в месяц можно обновлять.

Например https://sypexgeo.net/

В консоль заглядывали?
Там должна быть ошибка, потому что, насколько я помню, функции shuffle в javascript нет.

Какие конструкции использовать, что бы изменить порядок в массиве

Ответ на этот вопрос найти очень просто:
https://yandex.ru/search/?text=javascript+как+пере...

but the server responded with a MIME type of "text/html".

Сервер отдает html. Скорее всего 404. => неверный путь к файлу => Смотрите в консоли что запрашивается и что отдается.

как вариант сделать слайды шириной 50-80 пикселей. Внутри слайдов картинки и им указать больший размер. Они будут выходить за пределы своего контейнера.Лишние слайды прятать, отталкиваясь от классов активного слайда.
Сейчас лень показывать. Если сами не справитесь, напомните завтра, накидаю пример.

document.querySelectorAll('a[data-name]').forEach(link => {
  let name = link.dataset.name;
  let contentBlock = document.querySelector(`div[data-name="${name}"]`);
  console.log(contentBlock);
});

Потому что ваш цикл while блочит поток выполнения.
Можно воспользоваться функцией setInterval – каждый новый запуск будет выполнятся в новой итерации цикла событий (event loop), давая браузеру время на выполнение других необходимых задач. Например пересчитать и перерисовать объекты на странице.