Влияет. Каждый файл это дополнительный запрос.
Но раскидывая стили по файлам удобнее за ними следить и править.
Что же делать? Правильно. Раскидывать по файлам, и работать с ними. А при загрузке на сервер пропускать через сборщик проектов (к примеру gulp), который объединит все css файлы в один, а так же сожмет их

Ссылка на habrahabr (ключевые различия)
Изучать, естественно, Angular. Многие думают, что angular 2, 4 и уже вышла 5 версия - это разные фреймворки. Нет, есть только 2 разных - Angular и Angularjs. 2, 4, 5 - это просто мажорные версии Angular, в которых, по большей части, реализован ряд улучшений для производительности и введение нового интересного функционала. На личном опыте скажу, что скорость 2 мажорной версии от 5 отличается существенно
Книгу видел, но сам лично не читал, поэтому рекомендовать не могу. Для базы в интернете много хороших уроков, в том числе видеоматериалов. Рекомендую конечно англоязычные уроки, но и среди русских тоже есть достойные, на мой взгляд. Из того, что сам в своё время давал своей команде - это уроки от CodeDojo (бесплатные) и ITVDN (платные)

Например, jQuery Before/After Plugin или TwentyTwenty, или Before-After Slider&Banner

Есть 2 разных фреймворка Angular. Это, уже успевший устареть, AngularJS и Angular.
Angular развивается, выходят новые мажорные версии (2, 4, 5, 6, ...) которые всем, почему, то кажутся новыми фреймворками. Но на самом деле это просто улучшения, которые в большинстве случаев даже не заметны разработчикам.
Изучать, конечно же, нужно Angular и просто следить за новыми версиями данного фреймворка, чтобы оставаться всегда в курсе событий и иметь возможность быстро обновиться для обеспечения наибольшей безопасности и скорости своего приложения

Нуу, как-то так. При желании можно сократить код. Пример