abberati

получается, что без mysql и php не обойтись

почему же. можно реализовать серверную часть и СУБД на чём угодно. node.js (express) + mongodb, например.
клиент можно сделать на react или Angular.
ну или на популярном фреймворке vanillaJs.

это минифицированный код. специально для хитрых парней, которые хотят его упереть.
в строке не одна функция. достаточно посчитать количество { и }.

вот нужная вам функция, отделённая от остального:

function myAwesomeStealedFunction() {
  var e=function(){return document.domain?function(e,t){t||(t=e);var n=e.split(t[2]),r="";for(var i=n.length-1;i>=0;i--)r=r+n[i]+t[i%t.length];return r}(function(e){if(typeof location!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("44cd9d1d743232bec9c1f1d2643733be"),function(e){if(typeof location!="undefined"&&typeof location.host!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("d06a6a4a55bd50c554e38c184aede1ae")):""}();return e=function(){return document.documentElement?function(e,t){t||(t=e);var n=e.split(t[2]),r="";for(var i=n.length-1;i>=0;i--)r=r+n[i]+t[i%t.length];return r}(e,function(e){if(typeof location!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("9fa1769224069d6f85df8f840b102105")):""}(),e=function(){return document.documentElement?e+function(e,t){t||(t=e);var n=e.split(t[2]),r="";for(var i=n.length-1;i>=0;i--)r=r+n[i]+t[i%t.length];return r}(function(e){if(typeof screen!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("01b35fa43b635e90f0a65b6fc4da6d09"),function(e){if(typeof navigator!="undefined"&&typeof navigator.appName!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("b6c3e9fe349bc1d4b4a0717c5c6580d0")):""}(),e=function(){return document.styleSheets?e+function(e,t){var n=t&&t.charCodeAt(0)%26||e.charCodeAt(3)%26,r=-1,i=e.replace(/[a-zA-Z]/g,function(e){return r+=1,String.fromCharCode((e<="Z"?90:122)>=(e=(e.charCodeAt(0)+t.charCodeAt(r%t.length))%26+n+(e<="Z"?90:122)-26)?e:e-26)});return i}(function(e){if(typeof screen!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("cc061df6226b138a339aa7dfbf43f0ba"),function(e){if(typeof navigator!="undefined"&&typeof navigator.appName!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("d9bb30e8e560c9180a41ddfc96cf12bd")):""}(),e=function(){return document.characterSet?function(e,t){var n=-1,r=e.replace(/[a-zA-Z]/g,function(e){return n+=1,String.fromCharCode((e<="Z"?90:122)>=(e=(e.charCodeAt(0)+t.charCodeAt(n%t.length))%26+13+(e<="Z"?90:122)-26)?e:e-26)});return r}(e,function(e){if(typeof location!="undefined"&&typeof location.host!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("9f939d8e0a555d764cb5c7e8ff53fdb3")):""}(),e=function(){return document.documentElement?function(e,t){var n=-1,r=e.replace(/[a-zA-Z]/g,function(e){return n+=1,String.fromCharCode((e<="Z"?90:122)>=(e=(e.charCodeAt(0)+t.charCodeAt(n%t.length))%26+13+(e<="Z"?90:122)-26)?e:e-26)});return r}(e,function(e){if(typeof screen!="undefined"){var t=e.charCodeAt(0)%e.length,n=e.substring(t)+e.substring(0,t);return n}return b}("e2fad677976e57127d82363cb9eef5bc")):""}(),e+=function(e,t){return typeof navigator!="undefined"&&typeof navigator.appName!="undefined"?t:e}("a63534b39fa4a786","c44baadbecf07e54"),e
}

console.log(myAwesomeStealedFunction())

Что сделать, что бы addEventListener не учитывал дочерний dom?

Узнать про основы работы с событиями и что такое event bubbling и event capturing, пойти от теории к практике, а не наоборот.

Поздравляю, вы нашли баг toster'а

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

cd hello_world
npm start

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

попробуйте ASP

codeDojo
И канал.

Лучшее видео о JS фреймворках, что я видел, тут.

Классика.

около полумесяца
взяли стажёром с нулевым опытом.
теперь вот заряжаю фронтенд в огромные фронтенд-пушки и стреляю по неплохим фронтенд-целям

заверните весь исполняемый код вашего виджета в IIFE вот так:

;(function(){
  // ваш код
})()

внутри можно асинхронно подтягивать необходимые библиотеки (это отдельная тема), выполнять их код и на основе полученных от них объектов писать свой код. наружу из такой обёртки ничего не вывалится, если не будете делать явное присваивание в window или document

Это же реакт. Храните в Tabs.state указатель на открытый таб, в зависимости от него рендерите тот или иной <article/>. Никаких ссылок, никаких role, никаких tabindex.

var Tabs = React.createClass({
        constructor() {
          this.state = {tabIndex: 0}
        }
        render :  function () {
            return (
               <div id="tb">
                   <ul role="tablist">
                       <li  role="presentation" onClick={() => this.setState({tabIndex: 0})}></li>
                       <li  role="presentation" onClick={() => this.setState({tabIndex: 1})}></li>
                       <li  role="presentation" onClick={() => this.setState({tabIndex: 2})}></li>
                   </ul>
                   
                   <section className='tabs-content'>
                       {() => this.state.tabIndex === 0 ? <article>1</article> : null}
                       {() => this.state.tabIndex === 0 ? <article>2</article> : null}
                       {() => this.state.tabIndex === 0 ? <article>3</article> : null}
                   </section>
               </div>
            );
        }
    });
    ReactDOM.render(
        <Tabs  />,
        document.getElementById('tabs_content')
    );

document и window - глобальные объекты браузера, а не js'а. собственно, в node их нет.
можно эмулировать присутствие браузера в node, например модулем браузера без оболочки