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

После объявления selection выведите в консоль, что у вас в этой константе лежит и посмотрите, есть ли у этого чего-то classList.
Получается, что selection.classList не существует (undefined) и вы пытаетесь у этого несуществующего вызвать метод toggle.
classList существует у элемента, а кусок выделенного текста, как мне кажется, элементом не является.

Если вы хотите как-то изменить выделенный текст внутри textarea, то можно воспользоваться селектором псевдоэлемента ::selection, но у него ограниченный набор стилей, которые можно изменить.

textarea::selection {
    color: red;
    background: yellow;
}

Почему teaxtarea внутри mat-form-field ведет себя так странно?

Пропустили видео в вопросе? Не вижу ссылку.
Либо на https://stackblitz.com/ залейте кусок кода и попробуйде воспроизвести баг и с нами ссылкой поделиться.

Почему splice удаляет только последний компонент?

Метод .splice() нормально работает.
Вот пример:
https://stackblitz.com/edit/angular-n4fnzb-ppauhr

Попробуйте вывести во вьюшку массив tags при помощи {{tags | json}} и посмотреть, что там творится.

Как сделать автоподстановку значения одного поля в другое?

Да, я немного не то написал,

$(this).val().split('@')[0];
конечно должно быть.

https://codepen.io/anon/pen/gywRZY

Как в Vue сделать поочередное удаление класса у элементов списка?

blockso, если количество пунктов меню невелико, то можно это сделать на чистом CSS с анимацией:

Пример

Взгляните на тестовое?

1) Как у вас .gitconfig оказался на github'е?
Лучше убрать.

Если вы всегда используете одни и те же данные, то запишите их в глобальных конфиг:

git config --global user.name "John Doe"
git config --global user.email [e-mail]

2) Файл .DS_Store тоже лишний. Это системный файл MacOS с настройками параметров папки и его не надо было доавлять.

3)

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from 'react-redux';

import store from './store'

import App from "./containers/App";

import './styles/style.css';

То двойные кавычки, то одинарные. Используйте единый стиль на протяжении всего проекта, тем более в одном файле. Советую одинарные. Согласно исследованиям, они чаще используются в javascript. В json, само-собой, только двойные.

4)

.transfer__checkbox input[type="checkbox"] {
  display: none;
}

Поскольку внутри элемента с классом transfer__checkbox лежит один единственный инпут, то достаточно написать просто .transfer__checkbox input. К тому же для лейбла вы не поскупились создать класс transfer__checkbox-label, почему не создать класс для инпута?

.transfer__checkbox-input {
  display: none;
}

Как динамично подключать/выключать слайдер owl-carousel без изменения структуры блока-слайдера?

Если ещё актуально, делал так:

var $window = $(window);
var $myCarousel = $('.my-carousel');

$window.on('resize', function() {
  var timeout = null;

  clearTimeout(timeout);
  timeout = setTimeout(function () {
    if (window.matchMedia('(min-width: 1024px)').matches) {
      if (!$myCarousel.hasClass('owl-carousel')) {
        $myCarousel.addClass('owl-carousel');
        $myCarousel.owlCarousel({
          loop: true,
          nav: true,
          rewind: true,
          dots: false,
          onInitialized: function(){
            $myCarousel.show();
          }
        });
      }
    } else {
      $myCarousel.trigger('destroy.owl.carousel');
      $myCarousel.removeClass('owl-carousel');
      $myCarousel.show();
    }
  }, 1000);
}).trigger('resize');

Элемент с классом 'my-carousel' имеет display: none, а уже после инициализации слайдера отображается $myCarousel.show();

Чуть подробнее здесь:
https://codepen.io/pen/WaoKPx (что-то вставка codepen не фурычит)

Как сделать клик по событию?

Я сделал так:
$("#rds")[0].click();

Предполагаю, что надо было так:
$("#rds").click();

Как сделать клик по событию?

как рекламные попап окна вылезают когда мышкой тянешься закрыть окно?

var body = document.querySelector('body');

body.addEventListener('mouseleave', function() {
  alert('Здесь могла быть ваша реклама.');
});

Только вместо alert показываем рекламный поп-ап

Как называется веб-сервис, который содержит структуры проектов js?

Наверное, github.com
Ещё описание js библиотек/модулей/фреймворков, устанавливаемых через npm, есть на npmjs.com и в описании обычно есть ссылка на репозиторий в github.com, чтобы посмотреть сам код.

Как передать value td(без класса и айди) onclick в инпут или текстареа с помощю tampermonkey(inlinescript)?

Rostyk Ice, Ну $ собственно это из вашего же кода. Вы не забыли подключить библиотеку jQuery, чтобы эта функция заработала?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Добавление вкладок html при нажатии на кнопку?

в javascript можно это создать но стилизовать уже не получится

Можно добавить созданному элементу определённый класс / классы, которые описаны в CSS.

Как сделать яваскрипт событие при заполнение формы?

Влад, если вам нужно, чтобы событие срабатывало один раз и даже при новом посещении больше не срабатывало, то, конечно, надо использовать куки.
Если же надо обрабатывать событие при каждом посещении, но один раз, то, оно уже не сработает, т.к. стоит куки.
Условие
getCookie("formclick") != 1
не выполнится и код

yaCounter45312216.reachGoal('formchange');
ga('send', 'event', 'Лид', 'Изменение формы');

не выполнится тоже.

PS.
Проще говоря,
- код с переменной firstTime будет отрабатывать один раз при каждом посещении страницы пользователем.
- код с Cookie выполнится один раз для пользователя вне зависимости, сколько раз он зашёл на страницу. Пока не истечёт время куки, пока она не будет удалена где-нибудь у вас в коде или пока пользователь сам не почистит куки. Соответственно с отключёнными куками код будет срабатывать каждый раз при изменении input / textarea.

Как проверить данные формы перед тем как отправить на сервер?

Макс Жуков, Нет. preventDefault - это отмена действия , в данном случае отправки формы (которая и влечёт за собой перезагрузку страницы).

Вот примерно такой код вам нужен, если я правильно понял то, что вы пытаетесь сделать:

$("#form-registration").submit(function(e) {
    e.preventDefault();

    var data = {
        action: 'form',
        login: $("#form-registration #email").val(),
        username: $("#form-registration #username").val()
    };

    $.post(fashionpress.ajaxurl, data, function(dataout) {
        if (dataout) {
            alert(dataout);
        } else {
            location.reload();
        }
    });
});

Почему не работает скрипт?

$('.backtotop:not(:checked)') выбирает инпут, у которого нет атрибута checked и не зависит от его дальнейшего состояния.
А инпут, у которого есть такой антрибут, наоборот никогда не выбирается
<input type="checkbox" checked>

Поэтому лучше использовать вешеприведённый пример от Sergey Sidorov

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

Вот так?

encodeURI(str).replace(/%5B/g, '[').replace(/%5D/g, ']');

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

Добавление карты Google с маркером на веб-сайт

И когда научитесь этим способом 1 маркер добавлять, сможете сделать их несколько:

var marker1 = new google.maps.Marker({
    position: {lat: 25.363, lng: 31.044},
    map: map
});
var marker2 = new google.maps.Marker({
    position: {lat: 26.363, lng: 32.044},
    map: map
});
var marker3 = new google.maps.Marker({
    position: {lat: 27.363, lng: 33.044},
    map: map
});