Иван Соломенников

JetBrains WebStorm умеет все самое необходимое для новичка из коробки. Он платный, но компания предлагает максимально гибкие скидки и даже бесплатные лицензии. Также можно обратить взгляд на Atom, VS Code и Adobe Brackets.

Советую попробовать все из этого списка, ибо это как штаны - нужно мерить.

Потому, что obj['1'] и obj[1] это один и тот-же элемент

Это фича ES6 - String interpolation.

Вот такое решение оптимальнее и логичнее - jsfiddle.net/koceg/4wnq2wvb/1
Ни к чему слушать все mouseover на документе.

20 секунд поиска в гугле codepen.io/rm/pen/ldhon

Надо отделять представление данных от стилизации

Как минимум с < ие9 будут проблемы и даже не только с ним
caniuse.com/#search=Custom%20Elements

stackoverflow.com/questions/2802687/is-there-a-way...

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

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

Тут как говорится - что по душе, на то и смотрите =)
Если бы я сейчас начинал во всем этом вариться, то выбрал бы скорее фронт, затем уже бекенд.
У меня же, было так: бекенд, затем веб-дизайн, затем иллюстрации, затем поработал в AF, затем уже фронтенд =)
Лет за 15 всего успел понабраться )