rinatoptimus

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

Вдруг кому пригодится:
заменил классы на эти
.green-row, tbody tr:nth-child(odd).green-row, .green-row.blue-row, tbody tr:nth-child(odd).blue-row.green-row {
background: green;
}
.blue-row, tbody tr:nth-child(odd).blue-row {
background: blue;
}

Очень помогает разбор готовых скриптов: слайдеров, анимаций и тд. Вот один из ресурсов с готовыми примерами: www.cssscript.com/free-javascripts - практикуйтесь!

www.itmathrepetitor.ru/zadachi-po-programmirovaniyu

jsfiddle.net/5s8y3/1
jsfiddle.net/8wqv2

projects.lukehaas.me/scrollify/#overview

Wow.js попробуйте еще.

Попробуйте ianlunn.github.io/Hover

Попробуйте придать пульсирующий эффект
kilianvalkhof.com/jquerypulsate

Хочу посмотреть, как оно на реальных примерах работает, попрактиковаться и тд.

Пробовал подключать так:

<script type="text/javascript" src="js/script.js"></script>

предварительно положив скрипт в папку js.
И так тоже:

<script type="text/javascript" src="script.js"></script>

положив файлы и html, и джаваскрипт в одну папку.