Ivan Bogachev

Не придирайтесь к словам, рассуждайте логически. Как только у вас в приложении возникают данные, которые могут быть нужны различным компонентам (это может быть информация о текущем пользователе, о сессии, или что-то, что вы потом сохраняете в localstorage) - вам нужно использовать отдельное хранилище, в данном случае Vuex. Просто потому, что это удобно.

845 зависимостей.... а-а-а-а! как?! зачем?! куда катится этот мир?!

Спокойствие, только спокойствие...

У вас возникает следующая ошибка:

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in Root)

что как бы намекает на то, что простым решением будет подключить сборку Vue с встроенным компилятором для шаблонов. Она находится в соответствующем пакете в dist/vue.js.
Т.е. вы вместо того, чтобы делать вот это:
import Vue from 'vue'
делаете вот это:
import Vue from 'vue/dist/vue.js'
Все работает. Только черные буквы по черному фону не видно.

P.S.: если вы только пробуете Vue - советую посмотреть на сборку вебпаком, она как ни странно, гораздо более простая и очевидная (но это имхо, можете не согласиться).

Vue предполагает, что вы в скриптах используете CamelCase для названий компонентов, а в самой разметке (шаблонах) - именование-через-дефис:

<div id="root">
	<task-list></task-list>
</div>

@keyframes red {
    0% { left: -100px; }
    50% { left: 110px; }
    100% { left: 110px; }
} 
   
@keyframes red2 {
    0% { left: -100px; }
    50% { left: -100px; }
    100% { left: 100px; }
}

Потом убираете animation-delay и добавляете inifinite вот туда:

animation: red2 5s linear infinite;

P.S.: лучше использовать transform: translateX(...), а не изменять значения left/right - вопрос производительности.

В целом - неплохо, но есть пара замечаний. Во-первых, когда делают hero header, его делают так, чтобы нижний край был по нижней границе экрана, а не уходил за нее, а то получается то, что я не могу узнать, что мне нужно скроллировать, пока не начну это делать (надписи не видно):



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

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


У меня монитор немного отсвечивает, я не сразу заметил, что там что-то написано, а про стрелку понял, только после того, как наклонил его и посмотрел снизу. Это наглядный пример того, что дизайнеры переодически забывают о контрасте. Нужно исправить.

В исходники не смотрел, о них говорить не буду.

Посмотрите на vue-multilanguage - решение простое для понимания, особенно если вы когда-то уже делали мультиязычность с использованием других инструментов. В случае чего можно этот модуль переделать под свои нужды (исходник).

Как верно заметили выше, в javascript нет макросов, но... если очень хочется, можно взять любую систему сборки (grunt/gulp - на ваш вкус), прикрутить любой плагин, который заменяет строки в файлах и получить эффект того, что вы используете все эти ваши команды в своем коде, потом сборщик заменяет нужные команды, на код на js, и уже потом происходит все остальное, что обычно делают сборщики. Решение явно не для реальных проектов, но если вы хотите сделать свой yoptascript - побаловаться можно.

Кажется вы пытаетесь искать проблему не в том месте: замените
if (a.sort < b.sort)
на
if (a[sort] < b[sort])
и все заработает.

Правильно ли я понимаю что сам vue в ajax не умеет и надо подключать vue-resource?

Vue-resource уже давно не является "официально рекомендуемым" решением. Вы можете использовать тот же axios или обычный fetch и подставлять полифилл для него.

Если вы используете vue-resource (вижу в демке он присутствует) - посмотрите внимательнее на пример использования.

У меня стоит плагин для браузера для дебага vue, далее debug: true внутри data и всё молчит, консоль в инспекторе кода для данного случая не показывает никаких ошибок и предупреждений.

В jsfiddle вообще проблематично что-то отлаживать, ибо это расширение не умеет работать с кодом внутри iframe.

Как мне получить и вывести на экран просто любой текст, который выдаёт мне запрашиваемая страница что бы понять что хоть что-то работает

Включить babel, чтобы использовать стрелочные функции и не париться с контекстом, и написать что-то такое:

request: function() {
    this.$http.get('http://jsonplaceholder.typicode.com/users')
        .then(response => {
            this.users = response.body;
        });
}

Вы случайно не вот эту демку изобретаете?

Vue нынче умеет в серверный рендеринг, так что с этим проблем не должно быть.

Разумеется полностью за вас никто делать задание не будет. Но наводящий пример сделать можно - codepen. Общая идея должна быть понятна: с помощью v-model связываем данные с инпутами, с помощью computed-свойств проверяем данные на правильность. В примере только одно поле, вам нужно его расширить на несколько.

какие ЯП используют хакеры принципе

Все подряд. Серьезно. Понятие Хакер (с большой буквы) предполагает широкий кругозор, а он в свою очередь предполагает знакомство с 10-20 различными языками. Потом уже без разницы на чем писать. У каждого толкового специалиста, так или иначе связанного с программированием или ИБ, будет 2-3 языка, которые он использует чаще других в данный период времени, но в целом - написать небольшую програмку или что-то пофиксить можно на любом языке. Тем более в те времена, когда работал Кевин Митник, мир был проще, можно было в буквальном смысле "знать все" (ну или по крайней мере почти все).