пятница, 1 ноября 2013 г.

JavaScript. AngularJS, или как облегчить жизнь

Если вы задались задачей написания динамически обновляемой HTML странички, то пред началом работы нужно решить, каким же образом это обновление будет происходить. Причем организовать все было бы неплохо так, чтобы посмотрев на свой код через несколько месяцев, вы не почувствовали себя в лабиринте без карты в руках.

Отличное решение - AngularJS.
Ссылочка: http://angularjs.org/

Этот фреймворк позволит:
  • легко настроить поведение элементов страницы
  • организовать связь элементов с сущностями, данные о которых они отображают
  • динамически обновлять страницу при изменении сущностей, без ее перезагрузки
  • отделить верстку от реализации поведения элементов страницы
  • минимизировать разметку страницы, задав общий вид представления объектов сущности
  • и многое другое
Например, вы разрабатываете сайт для жилищного агенства. С AngularJs, чтобы отобразить данные о множестве квартир на одной странице, вам нужно будет лишь написать шаблон на HTML для отображения данных одной квартиры, занести данные о множестве квартир в контейнер, и сказать HTML тегу - повторись для всех квартир в этом контейнере! И что самое главное, изменения данных в контейнере моментально отобразятся и на HTML страничке, а точнее в связанном с моделью теге.

Очень удобная штука. Сам я только начал с ней разбираться, в ней еще очень много интересного)