Я рекомендую изучать JS примерно таким путем:
– чтение learn.javascript.ru (чтение и, естественно, практика);
– параллельное прохождение модулей по JS на codeschool;
– держите перед глазами актуальные вопросы для собеседования JS-разработчика (habrahabr.ru/post/239065/), стараясь на них ответить;
– читайте хороших авторов: Дуглас Крокфорд, Джон Рейзиг, Стоян Стефанов;
– найдите на GitHub людей, которые согласятся ревьюить Ваш код, я серьезно!

Ну и не забывайте: чем чаще Вы пишите код, тем лучше получается; чем сильнее стараетесь разобраться в основах языка, тем легче будут даваться в освоении фреймворки и паттерны.

Желаю успеха!

Какие есть инструменты для нагрузочного тестирования? – тут уже это освещалось

Привет! transition не работает со свойством display, используйте opacity. Свойство transition должно быть определено сразу, а не вешаться / сниматься динамически
.slider-item {
opacity: 0;
vertical-align: middle;
transition: all 1000ms ease;
width: 100%;
}

.slider-item.active {
opacity: 1;
}

ИМХО, название переменных и классов в первую очередь должны быть очевидными. Я – фан БЭМ-нотации. Но предпочитаю разделять классы следующим образом: для разметки / для поведения. Если надо повесить обработчик события, обычно поступаю так: class="some-bem-class js-handler"