Alexander Staroverov

Допустим вы собираетесь использьзовать паттерн MV*
Для View используйте React - сейчас, это один из лучших вариантов + большое камьюнити будет большим плюсом!
Еще есть вариант VueJs, интеренсная библиотека для View, ну это моя личная симпатия. хотя сейчас она набирает все большую популярность!
Для Model используйте к примеру flux или kefirjs - первое пошел от того же Facebook, создавался специально для
реакт(изаначально), второй вариант стоит использовать если вы посматриваете в сторону функционального программирования.
Так же можно без новизны и использовать Backbone для Model в связке с react
P.S. Если выберите react его лучше юзать с nodejs, тк тогда вы получите ренюеринг на сервере.
P.SS. не используйте Angular, вы будете учить фраемворк и как в нем жить

вот, немного неакуратно, но красоту можете допелить сами

такую анимацию воплостить не сложно на css3, но она будет, итак сказать, тяжело неуправялемой, для полного контроля над анимацией придется использовать js, посоветую библиотеку gsap

По моему мнению, такое построение верстки не является логичным правильным. стоит вынести картинку из блока2, что бы она с легкостью, без лишних выкрутасов могла принять размеры блока1