Сергей Протько

Собрать в один файл можно через es6-module-transpiler

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

$(element).data('some-prop');
// или для ванильки
element.dataset.someProp

www.sitepoint.com/use-html5-data-attributes

Как вы тестируете статические методы?

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

В вашем же вопросе вы интересуетесь как мокать статические методы. И тут ответ тоже никак:

Please note that final, private and static methods cannot be stubbed or mocked. They are ignored by PHPUnit's test double functionality and retain their original behavior.

Есть правда еще мокери всякие и т.д.

Между 2-ым и 3-им пунктом было бы неплохо освоить еще ООП на приемлемом уровне. И учиться писать тесты, TDD попробовать. И там чуть чуть по сетям - HTTP хотя бы что из себя представляет. Паралельно с 4-м и 5-ым можно еще прошариться в деплойменте, автоматизации, процессах и методологиях и т.д.

Grunt - просто забудьте, старый, тупой велосипед который нужен только потому что людям не нравится Make или Ant. Приходится возиться с временными файлами, жирные и не читабельные конфиги... короче зачем...

Prepros - не серьезно. Если честно даже не знаю что тут сказать, для верстальщика норм, для фронтэнда - на любителя.

Codekit - не серьезно. Для тех кто не в состоянии разобраться с чем-то более гибким.

Gulp - наше все. Никаких временных файлов, все манипуляции в памяти за счет чего все очень быстро, очень гибко (code over configuration)... Начиная с версии 4 будет вообще ништяк. Использовать что-то другое не вижу смысл. Только для специфичных задач или от лени.