sergski

console.log(value.replace(/\bJava\b/g, 'Python'));

я открыл доселе неизвестный it-сообществу баг...

Ага, щас. Десять багов.

... или где-то далеко по мне плачет один учебник по js?

Так точно.

Замените setInterval(this.tick, interval); на

setInterval(this.tick.bind(this), interval);

или на

setInterval(() => this.tick(), interval);

Я на более чем 100% уверен, что вы можете просто поменять протокол у загружаемых скриптов вручную. Чтобы такого не было, я всегда пишу

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

а не

<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

@media (max-width: 1024px) {
  .list-group-service {
    columns: 2;
  }
}

Owl-carousel по умолчанию так и работает.
jsfiddle.net/Symphony/poyLzwam

Все становится проще, когда знаешь как эти штуки называются, ага?
https://www.google.com/search?q=svg+кривые+безье

так не подойдет? https://jsfiddle.net/2dsLpkhw/

В упрощенном видео обычно либо

<header><nav></nav></header>
<main> 
  <section class="hero"><h1></h1></section>
</main>

либо

<header>
   <nav></nav> 
   <section class="hero">
     <h1></h1> 
   </section>
</header>

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

Флексами, Максим, флексами.

Это БЭМ, бэйба)