Как сделать переход страницы в react-router-dom?

Открыть доку, прочитать хотя-бы мельком дальше 1 примера?
https://reactrouter.com/docs/en/v6/getting-started...

В коде который вы скинули не вижу что-бы вы переходили куда-то

Запись в div сумм из нескольких span динамически по классу, как реализовать?

Gradient1712,
Зачем вам MutationObserver.
Вы же изменения где-то вызываете, там и дёргайте функцию.

Запись в div сумм из нескольких span динамически по классу, как реализовать?

Понятия не имею почему это не отваливается сразу как только запускается.
Пробую переписать для человека. Не хочу разбираться что до как. Мб если делать это понятнее вам станет легче разбираться в своём коде.

let outHours = document.querySelector('#outHours');
let outHoursSum = document.document.getElementsByClassName('green'); 

function calcFunc(){
 let sum = 0;
  outHoursSum.forEach(item =>{
      item = parseFloat(b.textContent); // вот это что, зачем перетирать ?)
     sum = !isNaN(item) ? sum + item : sum;
  })
  outHours.textContent = sum.toFixed(0);
}

outHoursSum.forEach(item=>{
    item.addEventListener('change', calcFunc);
})

При верстке сайта, в Live Server сайт отображается нормально, а в других браузерах сайт рушится, почему так?

Немного не понятно. Сайт рушится если вы используете тот же адрес? Если да то проблема не понятна нужно больше информации. Если вы используете другой адресс - вы открываете просто страницу без сервера

Колледж или университет?

Пойти работать? Как вариант рассматриваете ?
1) У вас будет практический опыт.
2) Там вы будете понимать каких знаний вам не хватает( Тем самым вы можете акцентировать на этом внимание)
3) Вам ещё за это заплатят.

Как настроить навигацию owlCarousel 2?

RushV,

let a = 10;
console.log(a); // console.log - выводит в консоль

ошибка в том что вы не где не получили кол-во элементов.

Как настроить навигацию owlCarousel 2?

RushV,
Я же не знаю как у вас всё грузится.
Если вы из json данных, то посчитайте их кол-во от туда.
Если вы на стороне сервера определяете кол-во. То это там делается.

Как настроить навигацию owlCarousel 2?

RushV,
Как вы представляете должна выглядеть такая настройка?
Если нужно использовать только API owl то
Можно навешиваться на событие инициализации. Проверять кол-во элементов и самому создавать и добавлять навигацию.(Как навешиваться на событие есть в доке в вкладке events).

То что я описал выше делается в 3 строчки.
1) получаем кол-во элементов
2) Проверка. Если больше 3х элементов
3) Если условие сработало. Добавить класс на навигацию

Как определиться с направлением программирования или ЯП?

Я моргнул что-ли, когда это php устарел?
Какой критерий что язык устарел?

Выбор обычно очень простой.
Шо нравится то и берёшь.

Как правильно организовывать запросы на фронте?

Ну, во первых вы ведь каждому классу задаёте име что-то типо Book/Audio/....Service
Зачем вы потом в методах указываете get(book/Audio). Я же и так в этом классе. Зачем мне уточнения?
1) Сделайте обозначение, которое будет описывать что это запрос на получение данных.
Если это сервис. То какие 2 класса он связывает ?
Зачем мне сервис который вызывает 1 метод запроса "Для конкретного класса"
Что мне мешает запихнуть запрос в класс для работы с (книгами, аудио)

Использование setTimeout в методах класса?

this.$el там наверное лежит последнее окно?)
Этого кода недостаточно что-бы что-то сказать.
Всё что я вижу что вы изменяете
this.$el(Как он заполняется, что это такое, как он связан с модальными окнами?)

Как добавить градиент внизу изображения?

Градиент то что вы делаете вы тянете с 0 до 100%.
Никто не мешает тянуть с 0 до 20, а потом прозрачный

Устройство на работу после фриланса, как лучше?

AgentDaun,
Просто наблюдение из личного опыта.
Получить отклик для проведения собеседования труднее чем сам собес( Я не знаю как это работает )
Вакансии уровня junior/middle ничем не отличаются. Различие в том что от middle ожидают опыта работы.
Вы можете в резюме указывать какие задачи вы решали. Большинству именно это интересно.
Если вы получите офер, и вы действительно умеете программировать, то вы спокойно пройдёте собеседование.

Свойство scroll не работает в данном примере, как решить?

Aison,
тк никто не мешает функцию вешать на скролл). Логика которая я описал выше будет работать даже в вашем скрипте.( Без схлопывания header )

Свойство scroll не работает в данном примере, как решить?

Aison,
1) const $header = $(".header")// Если я буду искать я начну вбивать he - автокомплит не покажем мне такую переменную как $header. тк как он начинается с $. А то что доллар нужно ставить я бы никогда не додумался.

По поводу решения задачи.
Я бы подумал над тем, а что если у меня блок идёт не прям за header. Мне тогда нужно будет писать новый код. И не выбрал бы этот путь).

Как я понял это плеер. Задача показать видос на весь экран и не иметь другой лишней информации.
1) Помещаю мой плеер в обёрточный блок.
Логика при взаимодействии(событии):
Получаю высоту блока с видео и указываю её родительскому блоку.
Далее блоку с видео устанавливаю класс с:
position: fixed;
width:100vw;
heighth:100vh;

Всё) Не трудным образом можно понять что это это можно всё обернуть в функцию и вызывать на любое событие.

Как установить контейнеру ширину элемента внутри?

Пока нельзя.
Надеюсь что никогда не добавят такую возможность.
Это добавит больше проблем. Чем задач которые она может решить.

Как реализовать такую шапку на чистом js?

Добавлю что без js это реализовывается ещё проще.
sticky, это ещё и плавнее выйдет без знания js

Как организовать кнопку выход в тг боте?

У вас exitHandler и backHandler помечены как асинхронные. Но вы нигде не вызываете await.
У вас вообще есть что-то асинхронное ?
Если нет зачем вы это используете.

Почему глобальная переменная не меняется внутри функции?

$.get - промис. Он работает асинхронно.

Почему в объекте Response нет самого ответа?

А что если мне не нужен ответ? В виде данных. Я хочу просто узнать пошёл запрос на сервер или нет. Как мне тогда быть.