Документация AngularJS отлично подходит для начала работы и ковыряния в API. Однако, она не объясняет как организовать и управлять приложением, когда оно разрастется до десятков или сотен тысяч строк кода. Я собрал здесь некоторые из моих наблюдений и передового опыта по управлению расползающимися приложениями. Сначала взглянем на организацию, затем перейдем к некоторым советам по улучшению производительности и закончим краткой сводкой по инструментам, серверам и процессу сборки. Этот пост будет сосредоточен на больших приложениях, в частности, есть отличная статья по лучшим практикам AngularJS с декабрьской встречи, на которую также стоит взглянуть.Читать полностью »
Рубрика «AngularJS» - 28
Создание огроооомных приложений на AngularJS
2013-06-08 в 5:06, admin, рубрики: AngularJS, javascript, архитектура приложений, Веб-разработка, фреймфоркОпыт работы с AngularJS на примере игрового проекта
2013-06-06 в 10:26, admin, рубрики: AngularJS, html5, javascript, Песочница, фронт-энд, метки: AngularJS, html5, фронт-энд «Я буду убивать себя до тех пор, пока стата не заработает»
— Ведущий разработчик в преддверии очереднего апдейта
Введение
AngularJS продолжает набирать популярность, и появляется все больше статей и уроков, в которых рассказывается, как наиболее эффективно работать с этим фреймворком. К сожалению, в них редко приводят примеры из реальных проектов, и нет описания тонкостей, с которыми приходится сталкиваться в процессе. Эту статью я хочу посвятить именно таким вещам, поэтому если вы еще только собираетесь работать с «ангуляркой», некоторые вещи могут представлять трудность для понимания.
Как это часто бывает, я начал свое знакомство с AngularJS, устроившись на новую работу. Мне дали задание побыстрее изучить фронт-энд. А так как проект игровой, требовалось single-page приложение. Потому, собственно, и «ангуляр». Я приступил к работе.
Читать полностью »
Лучшие практики AngularJS
2013-06-02 в 18:54, admin, рубрики: AngularJS, html, javascript, Веб-разработка, метки: AngularJS, html, javascript, web программированиеПо мотивам этой трансляции.
Вместо предисловия скажу, что есть такой сайт yeoman.io, где собраны наиболее популярные технологии, автоматизирующие разработку фронтенда (сборку, параметризацию CSS и проч.). Обратите на него внимание в начале работы над проектом.Читать полностью »
Директива для работы с таблицами на AngularJS
2013-06-01 в 15:08, admin, рубрики: AngularJS, javascript, Песочница, метки: AngularJS, javascript AngularJS очень перспективный и быстро набирающий обороты javascript фреймворк. Я перепробовал много фреймворков и остановился на этом потому, что он в буквальном смысле дает возможность оживить верстку. Мне очень нравится реализация директив, что дают возможность делать заготовки некоторых элементов для частого использования. В интернете есть уйма примеров и готовых решений, но одного решения я не нашел, это и послужило поводом написания данной статьи и небольшой библиотеки.
Читать полностью »
AngularJS + PHP. Заставляем $http-сервис веcти себя как jQuery.ajax()
2013-05-26 в 18:25, admin, рубрики: AngularJS, php, request payload, rest, Веб-разработка Новички в Ангуляре часто путаются из-за того, что быстрые функции $http-сервиса (напр., $http.post()) не взаимозаменяемы с эквивалентными функциями Джиквери (напр., jQuery.post()), не смотря на то, что соответствующие руководства описывают их использование схожим образом. То есть, если код в Джиквери до этого имел вид:Читать полностью »
Использование RESTful контроллеров для ресурсов AngularJS
2013-05-26 в 1:19, admin, рубрики: AngularJS, crud, rest, translate, Веб-разработка, переводы, метки: AngularJS, crud, rest, translateКак упоминалось ранее, Ангуляр предоставляет класс $resource для повышения уровня абстракции между кодом на стороне клиента и серверным API. Поэтому теперь выполнять операции CRUD по сети довольно легко. Но что происходит, когда необходимо выполнить команду для RESTful ресурса, что выходит за пределы стандартных методов CRUD (т. е. создания, чтения, обновления, удаления)? К счастью, Ангуляр достаточно хорошо работает с RESTful «контроллерами».Читать полностью »
Организация кода в больших AngularJS и JavaScript приложениях
2013-05-24 в 11:42, admin, рубрики: AngularJS, web architecture, Веб-разработка, переводы, метки: AngularJS, web architectureОт переводчика: Думаю, что статьи по архитектуре приложения и организации кода наиболее важны на начальном этапе, т. к., в отличие от всего остального, основу приложения поменять очень трудно. [Оригинал статьи]
Многие разработчики изо всех сил стараются организовать кодовую базу приложения, как только оно вырастает в размерах. В последнее время наблюдал это и в ангуляр и в яваскрипт приложениях, но исторически такая проблема присуща любым технологиям, включая Яву и многие флекс-приложения, с которыми работал в прошлом.Читать полностью »
Полученные уроки: год с большим проектом на AngularJS
2013-05-24 в 1:27, admin, рубрики: AngularJS, transition, web architecture, Веб-разработка, переводы, метки: AngularJS, transition, web architecture 
После года работы с большим проектом на AngularJS, думаю поделиться некоторыми, извлеченными в процессе, уроками. Во-первых, мне нравится Ангуляр. Он отлично удовлетворяет моим потребности и, думаю, полностью перейти на него в обозримом будущем, когда мне потребуется надежный фреймворк для одностраничного «толстого клиента». Он потрясающий. Над ним работает команда мирового уровня, сообщество фантастическое, и он содержит (или предлагает сообщество) целый комбайн функций для создания веб-приложений.Читать полностью »
Треугольно-оквадраченный релиз AngularJS 1.1.5. Что нового?
2013-05-23 в 20:50, admin, рубрики: AngularJS, javascript, javascript framework, Веб-разработка, метки: AngularJS, javascript frameworkВчера разработчики выкатили новую (пока еще не стабильную) версию. Основные изменения:
$animator:
добавлена поддержка пользовательских событий анимации [щелк]
добавлена возможность глобально отключать и включать анимацию [щелк]
$http:
добавлена возможность прервать запрос при выполнении обещания (объекта promise) [щелк]
добавлен заголовок по умолчанию для PATCH запросов [щелк]
добавлена поддержка таймаута для JSONP запросов [щелк]
$parse: добавлена поддержка тернарного оператора (exp1? exp2: exp3)Читать полностью »
Директивы в Angularjs для начинающих. Часть 2
2013-05-23 в 7:13, admin, рубрики: angualrjs, AngularJS, javascript, javascript framework, Веб-разработка, директивы, метки: angualrjs, javascript framework, директивы 
На мой взгляд, директивы являются основной изюминкой декларативного стиля Angularjs. Однако, если открыть комментарии пользователей в разделе официальной документации Angularjs, посвященной директивам, то вы увидите, что самый популярный из них: «Пожалуйста, перепишите документацию, сделайте ее более доступной и структурированной. Начинающему разработчику на Angularjs сложно в ней разобраться» («Please rewrite a clearer well structured documentation of directives., this is not friendly to first time angular developers»). С этим трудно не согласится, документация пока еще сыровата и в некоторых моментах приходится прилагать большие усилия, чтобы разобраться в логике и сути функционала. Поэтому я предлагаю вам свой вольный пересказ данной главы в надежде, что кому-то это позволит сэкономить время, а так же рассчитываю на вашу поддержку и участие в комментариях. Итак, поехали!
Часть 1
Читать полностью »