Вячеслав Лебедев

Я пользовался этим туториалом в свое время. До сих пор стоит в проекте.

Чтобы webstorm понимал jquery, нужно указать его как внешнюю библиотеку:
Settings > Languages and Frameworks > JavaScript > Libraries > Download... > Typescript comunnity stubs
blog.jetbrains.com/webstorm/2014/07/how-webstorm-w...

Чтобы можно было использовать абсолютные пути от папки в проекте (например, public) нужно пометить ее как Resource root.
Правой кнопкой > Mark directory as > Resource root
https://www.jetbrains.com/webstorm/help/configurin...

В инспекторе браузера (Chrome, новая Opera и другие на webkit) обесцвеченными обозначаются параметры родительских элементов, которые не передаются по наследству дочернему элементу.

В данном случае letter-spacing наследуют от родителя все его дочерние элементы, а display - нет.

Два самых простых способа:
<noscript/> содержание данного тэга будет отображаться если отключен js
+ в тэг прописать no-js класс который при загрузке страницы при инициализации через js подменяется(удаляется?) на иной класс. Следовательно, через css отображать некую заглушку для случая с html.no-js в остальных случая скрытую.

Если track by не указан, значит работает по умолчанию "track by $id(item)" который генерирует "$$hashKey".
Суть в том что Ангуляру нужно как-то сопоставить элемент массива и DOM, в итоге для элемента массива используется какой-то индетификатор (note.id / hashkey / $index / ...), когда массив изменится Ангуляр по этому идентификатору сможет найти соответсвующий DOM для этого элемента массива, если DOM элемент не найден, то считается что элемент массива новый и под него создается свой DOM и scope, которые опять же привязываются к идентификатору.

В итоге, что-бы было минимум перестроений DOM, нужно делать так что-бы идентификаторы сохранялись от $digest до $digest, для этого есть несколько режимов track by.

В первую очередь нужно использовать функцию on, в её описании сказано что она также срабатывает на динамически созданные элементы,если передать селектор вторым атрибутом, как правило делают так:
jQuery('body').on('clock','#selector',function(){});

api.jquery.com/jquery.ajax
expressjs.com/4x/api.html#request

Думаю лучше хранить ваши в объекте, а не в массиве, затем отправлять в куки переведя этот объект в строку json. А когда вытаскивать будите, перевести обратно.
для перебора всех свойств объекта использовать for(key in obj){}

Минификация:
ganquan.info/yui
Деминификация:
csscomb.com/online (предназначен не для этого, но вполне подойдёт)
jsbeautifier.org

В phpstorm через выравнивание кода (ctrl+alt+f) получается анминифицировать js

БЭМ это методология и можно найти много различный реализаций задач веб-проекта с использованием этой методологии.

Поэтому нет однозначного ответа на вопросы, вот несколько примеров:

• bem-flashcards для сборки использует Node.js, для подготовки словаря из XLS-файла есть ruby-скрипт, результат статика для работы нужен веб-сервер и браузер;
  
• bem-forum использует Node.js для сборки и работы, поэтому необходимый минимум: веб-сервер и Node.js;
  
• Вот хороший пример использования проекта-заготовки project-stub https://github.com/tavriaforever/project-stub подробнее можно прочитать тут тоже использует Node.js для сборки статики, в проекте настроена команда подготовки файлов для публикации, после ее выполнения все необходимые файлы для работы результата помещаются в папку dist;
  
• bh-php библиотека позволяет использовать PHP на сервере для конвертации BEMJSON в HTML;
  
• Встречал реализации на ruby.
  

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

Стоит отметить что большинство проектов используют JavaScript и Node.js либо только для сборки, но есть и проекты которым Node.js нужен на сервере, в статье Изоморфный БЭМ об этом рассказано подробнее.

$('.class1, .class2').click();

api.jquery.com/multiple-selector

Тут видимо дело не в grunt'е. Попробуйте заменить $.load() на $.ready().
Насколько я помню, $.load() имеет статус deprecated.