Error420

UI это User Interface. Что как бы намекает. jQuery это JavaScript библиотека позволяющая Вам удобно работать с DOM. jQuery UI предоставляет набор виджетов для организации пользовательского интерфейса. jQuery UI использует jQuery, но является самостоятельным продуктом.

jquery - библиотека для работы с исполнимым кодом, то есть с операциями на страницах.
UI - набор шаблонных элементов(HTML, CSS, JS), которые позволяют:
1. Создавать элементы интерфейса(выпадающие списки, всплывающие окошки и тд)
2. Стилизовать их под ваши нужны через CSS
3. Управлять их поведением и содержимым через JS

Нужно и читать книгу, решая задачи из нее И практиковатся на ресурсах типа codewars.
Также будет полезно сделать свой small project...
Короче все сразу

P.S.: И учи английский чтобы "...но на русском языке я не нашел..." не мешало учится

Вы что-нибудь умеете? Вы учились, или решали задачи чтобы этому научиться?

Что вам мешает читать, решать задачи и делать учебный проект одновременно?

Начать решать задачи, теория без практики мертва.

codewars хорошо
learn.javascript - тоже хорошо
практические знания - возьмите проект, например интернет-магазин или блог и пытайтесь реализовать (запоминается быстрее)

Написать свой небольшой проект.

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

Нет, с точки зрения БЭМ-методологии, вы можете использовать эту схему только к тем зависимостям и элементам, которые считаете для этого приемлемыми. А значит - не ко всем)

Должен быть шаблон home.php, page.php — это для "просто страниц".

Иерархия файлов темы: страница блога.

Стили перекрывают друг друга, для первого облась работы от 0px до 992px и для второго от 0 до 576px, нужно для первого поставить

@media (max-width: 992px) and (min-width: 576px) {
   /* CSS */
}

Потому что пользоваться bootstrap в наше время умеет практически каждый разработчик, даже не специалист по фронтенду. И это приводит к тому, что легкие задачи на сайте может решить человек из смежной области.

А ваш GRID css я впервые вижу.

Обратите внимание. что бутстрап — это не только сетка, но и большой набор разных других компонентов.
Кроме того, сетка текущей версии основана на css flexbox, который на данный момент поддерживается лучше грида.
Освоить бутстрап даже для начинающего верстальщика — вопрос нескольких дней.
Знание css он не отменяет. Верстальщик, который умеет в бутстрап, но не понимает, как он работает — жалкое зрелище.

Да все равно работадателям на чем ты верстаешь. Главное быстро чтоб было. Я например на чистом css с использованием флексов, %, vw,vh верстаю, и лендос за 2-3 часа могу запилить. Все зависит от человека.

Наверное, sql-запрос можно поменять на такой SELECT DISTINCT `categories` FROM `post`

SELECT DISTINCT `categories` FROM `post`

Попробуйте так.