Angular 2: Успеху быть!

Как и в любой революции, было дано обещание порвать с прошлым и построить новое светлое будущее. Но проблема была в том, что за окном только начинался 2014 год, и к такому повороту тогда еще никто не был готов: до стандартизации ES6 оставался год, AtScript считался экзотикой, а двустороннее связывание данных было необходимо для приложений, в которых данные обрабатывались через формы. Но, что самое главное, для такого популярного и широко используемого фреймворка была просто необходима обратная совместимость.

Читать далее...

Сравниваем AngularJS и EmberJS

В своей недавней статье мы сравнивали AngularJS с React и выделили отличия между двумя фреймворками. На этот раз рассмотрим EmberJS фреймворк, который отвечает за все “тяжелые” операции в веб-разработке. Ниже познакомимся с его историей, примерами использования, а так же сравним его с AngularJS в разрезе возможностей и функционала.

EmberJS - это фреймворк для языка JavaScript, который изначально назывался SproutCore. В декабре 2011 года его решили переименовать в EmberJS для того, чтобы разделить виджет библиотеку SproutCore 1.0 и сам фреймворк. Роль главного разработчика EmberJS сыграл Yehuda Katz, который так же известен своим участием в разработке jQuery, Rails и SproutCore.

Читать далее...

Сравнение AngularJS и React

В последнее время в области веб-разработки изменения происходят очень быстро. Без лишнего преувеличения, практически каждый месяц появляется новый JavaScript фреймворк, а разобраться во всем этом разнообразии не всегда просто. В этой и нескольких последующих статьях мы рассмотрим некоторые фронт-энд фреймворки для JavaScript и сравним их с AngularJS. Мы познакомимся с их историей и сравним их в функциональном разрезе. В этой статье мы разберёмся с таким фреймворком как React и посмотрим в чем он превосходит, а в чем уступает AngularJS.

Читать далее...

Углубляемся во внедрение зависимостей в AngularJS

В AngularJS существует один недооцененный, но очень важный компонент. Именно он отвечает за целостность и скорость работы фреймворка. Внедрение зависимостей лежит за всеми способностями AngularJS.

Внедрение зависимостей позволяет нам работать над кодом AngularJS не задумываясь о порядке загрузки. Также мы спокойно используем один синтаксис в пределах приложения. К тому же нам проще писать тесты, не разделяя рабочие и тестовые компоненты.

Читать далее...

Руководство по стилю программирования и оформления приложений на AngularJS

Цель этого руководства – показать основные моменты, на которые стоит ориентироваться при создании AngularJS приложений, которые я не просто опишу, но и обосную почему я решил сделать именно так.

Никогда не работайте в одиночку. Лично я считаю, что сообщество AngularJS является отличным источником полезной информации. Хочу отметить, что над этим руководством также работал специалист по AngularJS Todd Motto. Во многих пунктах мы сходились во мнении, хотя были и разногласия. В его статье вы увидите его подход к данному вопросу.

Читать далее...

Создания директивы простого диалогового окна в Angular.js

За период своей работы я работал с десятком плагинов по созданию модальных окон, почти все из которых были построены на основе jQuery. Но совсем недавно я осознал, что такие окна самому создать, зачастую, проще. Давайте так и сделаем в стиле Angular.

Хотелось бы создавать окна при помощи следующего HTML кода:

<modal-dialog show='modalShown' width='750px' height='90%'>
 <p>Modal Content Goes here<p>
</modal-dialog>
Читать далее...

Рекурсивные шаблоны в AngularJS

Предположим, что у нас есть иерархический набор данных, например такой как список категорий для продуктов в интернет магазине. Как мы можем использовать AngularJS для отображения вложенных категорий независимо от их глубины вложенности?

Ответ на этот вопрос достаточно прост - рекурсивные шаблоны, а для их реализации мы будем использовать директиву ng-include.

Читать далее...