profesor08

Если не нравится так, можешь сделать на async/await, получится линейно.

На CSS никак

document.querySelector("элемент").addEventListener("click", function() {
  document.querySelector("элемент выше").classList.add("is-active");
}

Для начала следует объявить namespace app, а уже потом лепить его зависимости.

Если у тебя кубический вариант, то тебе достаточно взять последнюю координату и от нее рисовать свои стрелки.

F12 на продакшене, ничего так не стимулирует.

Все те сервисы не проверяют код и его правильность, они проверяют результат. Ту так вот составляй такие задачи, которые ты сможешь проверить программно.

Зада контейнеру display: flex, а блоку, который хочешь двинуть задай отступ margin как auto с той стороны, где ты хочешь чтоб было пространство.

.content {
  display: flex;
}

.services-page .content ul.two-flex-columns {
  margin-left: auto;
}

Тебе в любом случае надо изучить html, css, js как минимум, хотя бы чтоб понимать что там делается. Вот тебе понравился vaadin и ты привел примеры демки, но демка работает на js, и рендер на js. Не хочешь js, ограничься статикой, выдергивай уже отрендеренные элементы и собирай из них свой макет, медленно погружаясь в пучину верстки.

Попробуй bootstrap или какой-то другой CSS фреймворк, где ты из примеров сможешь собрать то что тебе надо. Но и там придется чуть чуть использовать js, как минимум делать инициализацию некоторых компонентов.

Тебе в первую очередь надо разобраться с событиями, которые могут происходить, как их прослушивать, как с ними взаимодействовать. Как только разберешься, свою задачу решишь за 3 клика и 2 строчек кода.

https://docs.microsoft.com/en-us/dotnet/framework/...

Привяжись к :checked состоянию кнопки, а потом +, ~ селекторами доберись до нужных элементов и отображай их.

<input type="radio" name="radio-selector" class="radio-1" checked>
<input type="radio" name="radio-selector" class="radio-2">

<svg>
  <polygon class="polygon-1"></polygon>
  <polygon class="polygon-2"></polygon>
</svg>

svg polygon {
  display: none;
}

.radio-1:checked ~ svg .polygon-1 {
  display: inline;
}
.radio-2:checked ~ svg .polygon-2 {
  display: inline;
}

Все просто, двигаешь объект вправо до тех пор, пока целевая точка не совпадет, либо текущая позиция объекта не станет больше целевой, как только это случилось разворачиваешь его, и двигаешь до достижения цели. Все это дело придется выполнить в рекурсии, двигая объект туда-сюда.

P.S. Так как при команде R, объект сбрасывает скорость и разворачивается, то твой пример #2 не верный, раз он сбросил скорость и развернулся, то объект перемещался бы в сторону к нуля, и в позиции 6 не оказался бы. Это значит, что пересказ задачи очень, очень мягко говоря, не очень.

В Bootstrap 4 сетка сделана на flex, это значит что для .row можно задать align-items: stretch;, это сделает все элементы в ряду одной высоты. Тебе останется задать содержимому ячейки высоту height: 100%, возможно для ячеек придется задать display: flex;. Содержимое ячейки должно быть обрамлено в некий контейнер.

Раз ты уверен что вебсервер идентичен тому, что на локалке, его настройки и тд, то остается косяк в путях. Надо смотреть логи. Без логов это как тыкать пальцем куда-нибудь.

Вызови init()

Никак не реализовать. Для браузера есть websocket, поднимай его на сервере и перенаправляй трафик как угодно.