Дима Паутов

$('#filter').submit(function(event){
      var filter = $(this);
event.preventDefault()

Да какая разница, кем вы были или на данный момент являетесь. Переквалифицироваться может любой.
У вас так вообще допинг. Вы работаете сеошником, вы знаете сайты, лазиете в код, что-то даже правите. У вас уже есть понимание платформы. Пока работаете, учите, делайте что-то на фрилансе.

Заведите свой гит, делайте там свои проекты, читайте книжки, смотрите уроки на youtube, как поймёте, что готовы, не спешите, вы не готовы!!! Сделайте с 0 свой проект для кота сами, без кого либо. С 0 сверстайте, навешайте jquery плагинчиков, натяните на wp, выложите на хостинг, разместите проект в гите и потом можно идти на позицию джуна. Вопрос лишь какого, js джуна или php джуна. Лучше выберите что-то одно.

$(document).ready(function(){
  $('.likes').click(function () {
      var like = $(this);
      like.addClass('voted');

      setTimeout(function(){
          like.addClass('ok');
      }, 3000)
   });
});

Десктоп приложения - electron
Мобильные приложения - cordova, react native, vue native и всякие там native
Фронтенд сайтов, ну тут ясно
Бекенд для сайтов и не только сайтов - node.js
Консольные утилиты (разные cli) - node.js
И по сути всё, что угодно

Просто исправьте код по правилам нажав на красную линии, появится красная лапочка, там в меню будет пункт исправить. С другой стороны, а что вы хотели увидеть подключив линтер?
У вас табы для отступов, а ему нужно 2 пробела. Плюс условия != или == ну это детский сад. !== или === должно быть, ну и т.д. Пишите код правильно!!! Функция должна объявляться правильно, с 2мя пробелами, до круглых скобок и после, а у вас слитно.

Не нужно делать каждый раз перезапись DOM. Делайте это 1 раз, но в процессе работайте с переменной.

https://jsfiddle.net/adpmb230/

https://developer.mozilla.org/ru/docs/Web/API/Mous...

Как подружить Webpack + jQuery + jQuery plugins?

Правильнее будет сказать не по типу, а по атрибуту))

document.querySelectorAll('[type="email"]')
document.querySelectorAll('[type="text"]')
document.querySelectorAll('[type="tel"]')
// и т.п.

p исполнится через 5 секунда, а then - это то, что будет после 5 секунд. Если вы хотите, что бы все then были через 5 секунд, то then должен возвращать также промис. А у вас then ничего не возвращает, а просто показывает alert. Оберните вызов alert в промисы с таймером и тогда будет счастье

jQuery отличный инструмент и я не перестану об этом говорить. Кто бы там не хейтил, jQuery говно, юзайте нативный js, он уже всё может и т.п(чаще всего - это молодёж, которая пишет на react или vue, angular!!! Ясен хер там не нужен jquery). Дайте этим людям написать одинаковые проекты, что бы 1 писал на ваниле, а другой на jquery, я посмотрю на те решения, что были придуманы на ваниле, когда в jquery это решается 1м методом. Поверьте, врятли результат можно будет сопоставить. Не просто же так на крутых и новомодных проектах все юзают транспиляторы для того, что бы новый новый синтаксис и фичи перевести в код старого формата!!! Потому что веб не готов ещё в полной мере юзать все новшества, что приходят в js.

Ребята из бутстрап тоже пошли вперёд планеты всей и переписывают свой фреймворк на нативный js. Несколько лет уже переписывают и были статьи, как же они охерели, что всё не так просто, как кажется)))

Всё что jquery и делает так это работа с DOM и ajax по сути своей, всё остальное - это мелочи по большей части не использующиеся. jQuery был и остаётся пока ещё, при условие всяких там ES10-20-40 фаворитом при создании обычных сайтиков, просто тупо он решает множество вопросов кроссбраузерности и его работа с DOM в разы удобнее нативной.

Да, он не предназначен для прокладывания или создания как-то крутой архитектуры и создания сайтов на по типу SPA. Он не для этого создан и не эти задачи решает. Используя его для подобных вещей вы в полной мере закопаете себя в куче известной субстанции.

Насчёт быстродействия - я никогда не замечал жутчайших лагов или прочих тормозов при использовании jquery.
Любая массивная работа с DOM по историческим причинам накладна для браузера. Но для того, что бы кликать и показывать окошки, скрывать\показывать блоки, отправлять формочки, то jQuery делает это без каких либо проблем и без всяких лагов.

Для массивной работы с DOM, обновлением контента через ajax или работы с огромными массивами данных на стороне фронта лучше использовать специальные фреймворки на по типу react, vue и т.п.

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

Учитесь определять объёмы и целесообразность использования тех или иных библиотек для ваших задач.
Если вам нужно лишь сделать пару кликов на кнопки что бы показать красивое окошко, то jquery не обязательно юзать.

В вашем коде
let scrollTop = body.scrollHeight;
имеет область видимости внутри обработчика события и за его пределами такой переменной нет.
Делайте так:

body.addEventListener('scroll', () => { 
    let scrollTop = body.scrollHeight;
    console.log(scrollTop);

let headerWrapper = document.querySelector('.header-wrapper');
console.log(headerWrapper);

if(scrollTop >= 100){
    headerWrapper.classList.add('hide');
}else{    
    headerWrapper.classList.remove('hide');
}
});