RALMAZ

Все приведенные ЯП - ЯП общего назначения
питон и руби стоят по-умолчанию в большей части дистрибутивов

Зачем учить - никто не знает

Для начала - записать запрос понагляднее. В условиях ON записать поля присоединяемой таблицы в левых частях сравнений:

SELECT * 
  FROM `tbl_1` 
  LEFT JOIN `tbl_2` ON `tbl_2`.`id_fp` = `tbl_1`.`foto_id` AND `tbl_2`.`sklad` = 'Склад' 
  WHERE (deleted="no" AND `where`="arh")  AND (`type`="Cloth" ) 
  ORDER BY `foto_id` ASC 
  LIMIT 9447,20;

Теперь видно, что для ускорения JOIN'а стоит сделать в таблице `tbl_2` составной индекс (`id_fp`, `sklad`).
Затем надо смотреть EXPLAIN и, возможно, переносить условия из WHERE в предварительную выборку из `tbl_1`.
Но, если к одной строке из `tbl_1` присоединяется несколько строки из `tbl_2`, то ORDER BY и LIMIT надо оставить снаружи.

SELECT * 
  FROM (
    SELECT *
      FROM `tbl_1` 
      WHERE (deleted="no" AND `where`="arh")  AND (`type`="Cloth" ) 
      ORDER BY `foto_id` ASC 
      LIMIT 9447,20
  ) AS `t1`
  LEFT JOIN `tbl_2` ON `tbl_2`.`id_fp` = `t1`.`foto_id` AND `tbl_2`.`sklad` = 'Склад'

Ну и, напоследок, заменить * на необходимый список полей, чтобы не тянуть из базы лишние данные.

Делать не так, как нравится верстальщику, а так как правильно с точки зрения организации кода.

Плотно работал с ExtJS и я вам скажу, что у него просто нет аналогов. Он монополист. VueJS и React не предоставляет той мощности, что ExtJS, потому что Ext используется для интерфейсов и он может ВСЕ.

Его используют в основном Enterprise, в том числе такие монстры как Сбербанк. Ну и админка у сотмаркета была написана на нем.

Это очень крутое решение для бизнеса. Если вам хаха хихи, под кофе быстро запилить модный интерфейс, то это к react или vue.

Ext для других целей и для других людей, а у этих людей деньги есть.

В data храните номер активного таба, а в эвентах используйте его:

Эвент:
@mouseleave="expand(1)"

В табах:
:class="{ active: active == 1 }"

data:

data() {
    return {
      acitve: 1,
    };
 },

а в методах:

methods: {
    expand(number) {
      Vue.set(this, 'active', number); //this.active = number
    },
  },

Само SPA приложение делится на 2 основные части:

1. Frontend - верстка, логика на vuejs, роутинг (vue-router).
   
2. Backend - по сути, API к которому Frontend делает асинхронные запросы, получает данные и меняет представление соответствующим образом.
   

Эти 2 составляющие пишутся отдельно (От слова "вообще").

радио, прежде всего слушать радиопрограммы или аудио подкасты, пока тошнить не начнет
словарь - только английский толковый, никаких переводов на русский

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

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

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

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

осилите преподавателя-носителя языка хоть по скайпу - это будет идеально, но это должен быть именно преподаватель, который умеет преподавать english as a second language - ESL

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

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

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

*кидает палкой*

Прошу разъяснить мне бестолковому, как юзать ГитХаб, а точнее как посмотреть "промо" того или иного кода (без скачивания к себе и запуска index.html).

Например использовать github pages
https://pages.github.com/
Или просто сделать сайт с демкой на отдельном хостинге и прикрепить ссылку в репо.
Гитхаб - это не аналог codepen, это сервис решающий совершенно другие задачи.