lamer350

Делайте ссылки вида: site.ru/page/#id-block - страница сразу откроется на нужном блоке

Когда вы уже поймете что один запрос за одним бандлом куда быстрее чем делать ленивую загрузку делая дополнительные запросы на сервер.
Да безусловно, при первой загрузке отрисовка будет чуть дольше, но далее этот файл кешируется. А делая подгрузки отдельно скриптов на страницах где они используются - только замедляет, так как теряется время на загрузку отдельных скриптов. Потому все просто. В шапке грузим стили/js только которые нужны для отрисовки первого экрана страницы, далее все в один банл подгружаем в подвале. Сейчас нет 2g где скорость была 10кб/сек и нужно было бы ждать 1 минуту для загрузки целого бандла) На деле пинг будет выше скорее всего чем скорость загрузки бандла со всеми скриптами, особенно если используете CDN...

Front-end - это минимум JavaScript. HTML/CSS будет просто плюсом. Но только HTML/CSS - это неопределенность. Даже чтобы попасть на позицию верстальщика в мелкую студию - нужно будет внедрять слайдеры, pop up окна, формы...
Вместо JS ничего не появится в ближайшие лет 10 точно) Это базовый язык для фронта, все остальное это фреймворки и библиотеки JS. К примеру нельзя учить React или Vue не зная основ JS. Это все равно что учится бегать не умея ходить...

Вручную вы это все не отследите, идите на virudie, просканируйте все файлы

1. $(function(){ }) - тут явно лишний код в jQuery
2. $("#toggle_pop-up") - у вас нет такого ID, есть toggle_pop_up
3. Так же используйте метод .on() для отслеживания клика

По итогу у вас должно получится:

$(document).ready(function() {
  $("#toggle_btn").on('click', function(){
    $("#toggle_pop_up").toggle("slide");
  });
});

Никак, так как это была бы очень большой уязвимостью.

а смысл? черный рынок данных тоже должен зарабатывать...

нужно не только html скролить но и body, в вашем коде где $('html') просто добавить добавить body чтобы вышло: $('html, body'')

if($(window).width()<700){$('.navbar').removeClass('show')};

Так смотрите лог, в чем ошибка?
С ходу бросается в глаза "xxxxxxx", тут явно нужно было подставить ваш идентификатор.

а в чем смысл? придется все картинки перебирать через each чтобы найти нужно по data!

if($(this).scrollTop() >= $(window).height()) {
а лучше оформляйте пост через песочницу

и в css еще надо добавить:
.navigation.navigation-fixed {
bottom: auto;
}

Зачем вам 2 версии jquery на сайте?
Если что то не работает, в первую очередь проверяйте последовательность подключаемых скриптов, а далее ищите ошибку в консоли. Скорее всего где то возникает ошибка и это блокирует последующее выполнение скрипта.

Накладываем :before поверх изображения с абсолютным позиционированием и применяем ему градиент через css

Предоставьте код в том виде, в котором вы используете return false и event.preventDefault();

Ну так добавьте в функции frw() и bck() строчку audio.play();
Только из на настроек у вас звук будет воспроизводится беспрерывно по первому нажатию на кнопку.

Чтобы избежать циклического проигрывания - нужно убрать строчку: audio.loop = true;
Так же можно убрать строчку: audio.autoplay = true; ибо смысла в ней нет.