Мне не понятно, это разделение фреймворков на группы, что они делают и для каких задач предназначены фреймворки из первой группы и из второй?
1-я группа работает на клиенте (в браузере)
2-я группа работает на сервере
Почему они так разделены?
Разные платформы выполнения
Используют ли их вместе, или только один?
Зависит от проекта.
Какие задачи решают фреймворки из первой и второй группы?
1-я БЛ (бизнес логика) отображения и взаимодействия с пользователем
2-я БЛ обработки данных и взаимодействия с клиентом (браузером)
Для какое задачи достаточно будет знать только ангуляр, а для какой только рельсы?
Только Angular - задачи frontend
Только Rails - задачи backend
