Почему в success не выводит данные data?

Валентин Попов, Ну сервер(бэкендер) должен что-то в ответ положить.
То, что Вам на почту что-то приходит - это совсем другой вопрос.
Это как позвонить кому-то по телефону и сказать: Иди погуляй. И человек кладёт трубку и идёт гулять. А пошёл он гулять или нет - обратной связи не поступило. В этой аналогии - ваша почта это парк, в который человек пошёл гулять. И только там Вы узнали что он действительно пошёл гулять.

P.s. ну на деле сервер Вам судя по всему присылает ответ со статусом 200, то есть какая-то обратная связь всё же есть.

Почему в success не выводит данные data?

Валентин Попов, так, и что тогда Вы от нас ожидаете?

Почему в success не выводит данные data?

А в девтулзах на вкладке network - response что?

Как в VS Code переделать весь проект на другой тип табуляции?

Попробовать EditorConfig ( не имеет возможности изменять проект, но при открытии файлов будет изменять\подсвечивать что не соответствует конфигу )
Или поднять какой-то форматтер\линтер и прогнать им по проекту. Например, eslilnt с опцией fix

При нажатии alt в visual studio code фокус переключается с кода на вкладку сверху "Меню", что делать?

всю жизнь думал что все программы так работают)
По крайней мере на винде)

Как добавить класс к каждому элементу?

1.let el = document.querySelector('.element');- Тут Вы задаёте только один элемент для наблюдения. Это ок?

2.

Сейчас добавляет всем элементам сразу

$(".element").addClass("animate__animated animate__fadeInLeft "); // что делает эта строчка?

React/vue и cms?

Можно практически всё что угодно.
Вопрос лишь в том, хватит ли у Вас на это ресурсов \ целесообразно ли.

Как сделать зум текст отдельно от картинки для перехода в следующий блок, как на примере?

Как мне это сделать в моем коде на GSAP?

Переделать реализацию.
Это не фон для текста.
Текст это маска для подложки. При скроле маска увеличивается и в конечном итоге растворяется.
Что то типа как тут https://habr.com/ru/post/349362/

Тут вроде более подробно https://www.sitepoint.com/masking-in-the-browser-w...
Но примеры нужно будет подправить, так как, по крайней мере у меня, не подгружаются ресурсы.

https://codepen.io/dudleystorey/pen/QvvEYQ
Тут осталось только прикрутить увеличение маски при скроле и её растворение

Меню бургер всегда должно быть fixed?

Sigma Male, интересует Ваше мнение. Мне стоит добавить морковку в оливье, или оставить её в холодильнике?

Как оптимизировать js код переключения контента?

1. Перестать опираться на id. У элементов есть общий класс. Цель можно обозначить в кастомном data-атрибуте.
https://learn.javascript.ru/dom-attributes-and-pro...
2. В следствии пункта 1. сделать единый обработчик, для всех элементов одного класса, а не на каждый элемент вешать свой обработчик. Отношение между табом и контентом таба на основе значения дата-атрибута.
3. Не нужно каждый раз искать активный элемент при клике чтобы убрать у него класс активности. При назначении активности складывайте ссылку на этот элемент в переменную типа activTab. Поиск во всём документ дорогая операция. И чем больше DOM дерево - тем дороже.
4. Почитать про делегирование событий

5. Ну и как точка роста - переписать на javascript class, Где будет прописываться соотношение при инициализации к какому табу какой контент относится. Это сделает более безопасным разметку от вмешательства. Но это такое, скорее на практику и развитее больше.

Как сделать похожий слайдер?

но не нашел похожего

А проблема то в чём? Слайдер как слайдер. Чуть ли не любой, у которого есть из коробки вертикальная вариация должен подойти + немного своей кастомизации стилями сверху.

Как сделать что бы блок с жирным текстом не расталкивал соседние блоки?

Ну вообще то есть ещё вариант как ничего не фиксировать и не менять тип выделения. Только шрифт нужен правильный: https://ux.pub/editorial/proportsionalnyie-shrifty...

Как убрать ссылку под изображением?

Andre548, не за что. Хотелось бы получить более информативный вопрос.

Как убрать ссылку под изображением?

Можно

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

Danya Wyse, напишите тогда что вы сделали для решения в ответы к вопросу и отметьте решением, чтобы другие пользователи сервиса знали что тут уже не нужно помогать

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

Danya Wyse, а у вас что, есть такая переменная? Я говорю про весь html элемент. Почему то вы через insert вставляете новые дивы, новую картинку, а дату там же почему то не вставляете. Вместо этого идёте в уже имеющийся блок и заменяете в нем.

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

Danya Wyse, так а зачем при создании нового элемента вы делаете запись в существующий? Пишите сразу в новосозданный

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

Danya Wyse,

chatWrapper.insertAdjacentHTML(
    "beforeend",
    '<div class="chat-user chat-body"><div class="chat-user__image"><img src="img/person2.png" alt=""></div><div class="chat-user__message chat-message"><p class="chat-user__text">' +
      inputMessage.value +
      '</p><div class="chat-user__time chat-time logtime like-counter"></div></div></div>'
  );
  timeMark();

Когда Вы тут Вызываете timeMak он вставляет вам данные в самый первый в разметке элемент с классом .logtime. А не тот который Вы выше вставили черрез insertAdjacentHTML из-за того что у Вас documentQuerySelector - находит первый в разметке элемент. А он уже есть в самом первом сообщении.
Почему бы в Вашем случае сразу в insertAdjacentHTML не добавлять время?

Поясните по структуре HTML документа (теги, расположение, синтаксис)?

Евгений Иванов, да имеет. Скрипт должен быть после.
Документ.реди это колбек когда документ будет готов. соответственно тут уже порядок не важен

Как добавить всплывашку?

sciencefront, так, и чего? Или вы мне это так, для информации?