Sergiu Mitu

1. А теперь главный вопрос. Зачем было в модуле ES6 реализовывать module pattern? В этом нет абсолютно никакого смысла. Практика практикой, но все же.

2. В наличии переменной posts так же нет никакого практического смысла.
const { data } = await HTTP.get('posts');
3. Функцию:

async function _getPostById(id) {
    const post = await HTTP.get(`posts/${id}`)
    return post
  }

Можно смело заменить на:

const  _getPostById = id => HTTP.get(`posts/${id}`);

То же можно сделать и с функцией _getPosts.
4. Где-то let, где-то var, где-то const. Никакой логики в предпочтении одного ключевого слова другому при этом нет. Почитайте современные гайдлайны airbnb, например.
5. Точки с запятой где-то есть где-то нет. Читать такой код неприятно.

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

Сколько времени у вас уходит на развертыванием веб-проекта

3 часа 14 минут. Не зависимо от ТЗ и сложности. Просто чудо какое-то что б не делал всегда 3,14 часов. Что бы не делал - 3,14 просто ПИ...тое число.

Хочу ускориться, делать больше работы за единицу времени

Найми сотрудников. Или прими за единицу времени большую единицу. Еще есть опыт, он со временем даст прирост скорости.

Неужели создание сайта (верстка, бэкенд, фронтенд, проектирование бд итд) настолько нудный и муторный процесс?!

Вам виднее, это дело вкуса. Если Вам нудно - значит нудный. Попробуйте копать траншеи, может веселее пойдет.

Поделитесь секретными инструментами, приемами, фреймворками, позволяющими выполнять проект за считанные дни.

boostrap, vue, jquery, gulp, нормальная IDE, опыт и т.д.
если надо волшебства - беритесь за проекты, которые делаются за "считанные дни". Например, работайте только wp и готовыми шаблонами. Думаю за пару часов можно собрать сайт (3 часа 14 минут).

500 прокси

Как я понял нужно для начала спарсить все в хранилище и потом уже работать с ним?

Вы все неправильно поняли. Пагинация должна быть на стороне сервера, а параметры поддерживаться API.
Пример запроса:
GET '/api/users?limit=20&sort=name&page=3
Пример ответа:

{
  users: [ ... ],
  page: 3,
  limit: 20,
  quantity: 450,
}

По данным о странице, общем количестве пользователей и лимите строите пагинатор на клиенте.

Это вроде как обычный слайдер, если что, то вот - kenwheeler.github.io/slick

Судя по Вашему вопросу Вы не совсем понимаете о чем говорите. Фреймворков для посадки на вордпресс думаю в природе не существует, при посадке на вордпресс одним плагином не обойдешься, существует куча плагинов для ВП, каждый для своих конкретных целей, есть большие плагины (типа Advanced Custom Field, Redux), которые легко решают много задач, а есть маленькие, который решают мелкие и конкретные задачи. За основу для посадки берется статичная верстка, об выводе полей и вообще все что связано с вордпрессом читайте в кодексе Вордпресса - это Ваш самый главный помощник при изучении вордпресса, сначала в файле functions.php регистрируете Ваши post-types, custom fields, taxonomy, custom pages, widgets и только тогда это все дело появляется в админке.. Верстать в самом вордпресс не можно, это вам не редактор кода, не конструктор и не фреймворк, как я уже сказал, сначала делается статическая верстка, а потом делается натяжка - то есть Вы в свою верстку вставляете куски php-кода. а чтоб их вставлять, у Вас уже должна быть верстка, чтоб Вы видели структуру документа. иначе Вы будете путаться, ведь сложно это все дело представлять в голове, а когда оно перед глазами, то это легче и удобнее.

Использую Avocode

Avocode очень удобный, но платный. Если есть постоянная работа и можешь себе позволить покупать софт, то покупай смело и пользуйся. Если иногда нужно, то можно для такого раза зарегистрировать левую почту и триал на 2 недели будет

Для обучения безусловно лучше свой движок. Потом уже фреймворк какой-нибудь. Про WP вообще забыть.

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

В настоящее время популярность БС обусловлена не его собственными достоинствами, а его... популярностью. Положительная обратная связь, эффект снежного кома - называйте как хотите.

Никак

Вам же браузер говорит, что ошибка в файле app.js на строчке var n = $('a' + '.' + try2),
try2 у вас пустая строка, а ожидается строчка (берется из location.hash)
Вот с таким урлом ошибки не возникает group-pmt.ru/test/#history
Дальше попробуйте сами разобраться, в зависимости от того что вам нужно.

browsersync

То же что и в 2017.

1. Сначала учим фундаментальщину (как работают компьютеры, сети и браузер, http, основы программирования).
2. Затем изучаем как работают конкретные веб-технологии (html, js, css, как всё это парсится браузером и рендерится в веб-страницу, учимся верстать и использовать js, книжек и курсов масса).
3. Далее изучаем технологии, которые всё это автоматизируют, упрощают и абстрагируют (фреймворки, бутстрапы, реакты, сборщики, jquery, новые стандарты, гриды итд итп).
4. Практика, применение изученного, выбор специализации (зависит от того, что хотите далее делать во фронте - это может быть просто вёрстка, создание интерфейсов или визиуализация данных, а может быть и работа с графикой\аудио\видео, тренды (сейчас это react, bootstrap, foundation, babel, es6, d3, RxJS, функциональное программирование)), далее развиваться на протяжении жизни можно до бесконечности. Но без первых пунктов это всё ничто.