Виталий Першин

К примеру такой вариант
https://github.com/ryanmcdermott/clean-code-javascript

как я вижу, веб-разработка, в качестве ремесла, неуклонно загибается.

У вас странный взгляд, ведь даже я этого не вижу. Веб всё быстрее и плотнее всасывается в жизнь и лет через 10 Рабочий Стол и все простые программы для десктопа будет на JS. Скриньте этот коммент.

Работать и изучать приходится всё больше, а платят всё меньше.

А вот это true.

Короче, вам нужен хрустальный шар.
Есть сайты, которые собирают статистику по языкам на том же Гитхабе, но это текущая ситуация, прогнозировать же можете вы сами или послушать Васянов с Тостера.

Сейчас учите C#, это язык будущего.

во времена, когда все больше софта мигрирует в вэб, и бизнес вместе с ним, вэб-дев конечно же загибается.
либо вы живёте в альтернативной реальности, либо у вас ущербное понятие о вэб-деве.

что бы вы не учили, но если вы ноль в этой сфере, то и через полгода, и через два, у вас будет столько же заказов. и это не зависит от сферы.

Добавь в settings.json

"emmet.preferences": {
      "filter.commentBefore": "<!-- begin [.CLASS] -->\n",
      "filter.commentAfter": "\n<!-- end [.CLASS] -->",
    },

const className = 'класс, который не надо удалять';


// Если известно, что класс присутствует или должен быть добавлен в случае отсутствия:
element.className = className;

// Если известно, что класс отсутствует и не должен быть добавлен:
element.className = '';

// Если неизвестно, присутствует ли класс и в случае отсутствия он не должен быть добавлен:
element.className = element.classList.contains(className) ? className : '';
// или
element.classList.remove(...[...element.classList].filter(n => n !== className));

Можно querySelectorAll() сразу по нескольким селекторам.

const headerNavMenu = document.querySelector('.headerNav > ul');

const menuToggle = () => {
  const value = headerNavMenu.style.display;
  headerNavMenu.style.display = (value == 'none' || value == '') ? 'flex' : 'none';
}  

[...document.querySelectorAll('.mobileButton, .closeMobileMenu, .headerNav > ul > li')]
.forEach(el => el.addEvenetListener('click', menuToggle));

if (length_block > 6){
            $(".ajax_button_next_Load_section").removeClass("displat_none");
            $(".portfolio_hiden").addClass("portfolio_hiden_ajax_six");
            $(".portfolio_active:lt(6)").removeClass("portfolio_hiden_ajax_six");
        }

Не возможно, для подключения можно использовать например workbench
https://www.mysql.com/products/workbench/

Разные memory_limit для php на сайтах?

Банальная копипаста стилей...
https://codepen.io/E1ON/pen/vYEVxwV

У свайпера есть мультиколоночная разметка, ей можно пользоваться. Вот несколько грубых правок:

Инициализируйте каждую пару слайдеров индивидуально:

$('селектор контейнеров пар слайдеров').each(function() {
  $('.slider-for', this).slick({
    ...
    asNavFor: $('.slider-nav', this),
  });

  $('.slider-nav', this).slick({
    ...
    asNavFor: $('.slider-for', this),
  });
});