Полезный гайд для начинающих в Angular

angularlogo Решил освоить работу с Angular js и как большинство пользователей, столкнулся с проблемой с чего начать, что читать и как вообще все это работает. Данный пост представляет из себя сборник полезных ссылок на определенные уроки по Angular js. Данный пост будет интересен прежде всего тем, кто только начинает осваивать и писать свои первые приложения на Angular.

Что такое Angular js и зачем он нужен?

Angular js это javascript фреймворк представляющий из себя своеобразный каркас для разработки веб-приложений, в частности для создания SPA (single page application). Для построения Angular приложений используется подход MVVW. Данный подход позволяет разработчику при разработке приложения больше думать о самом потоке данных и не уделять внимание на отрисовку, все изменения в моделях, отображаются в приложении В этом посте я не буду приводить какие-то конкретные примеры работы с кодом, расскажу лишь в какой последовательности и как изучать.

С чего начать ?

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

Директивы

Вполне возможно, что первое с чем вы столкнетесь, это работа с директивами и их создание. Перед началом работы следует почитать эту статью, а затем вдумчиво и пару раз эту и эту статью. Кстати очень много реализовано уже в Bootstrap директивах. В целом все, что связано с работой шаблонами и отдельными html блоками, а также их связью с $scope ложиться на директивы. Скорее всего вы столкнетесь с задачей по реализации модальных окон на angular и у вас будет два пути, использовать вариант из коробки + добавлять bootstrap стили в ваш проект, или же писать самим директиву по работе с модальными окнами, хороший урок по созданию модального окна можно почитать тут.

Сервисы

В Angular также существуют некоторые сервисы для работы с нашими объектами

Factory — Фабрика, самый распространненый тип объектов. Данный сервис не накладывает правил по формированию будущего объекта, мы просто используем фабрику для получения новых экземпляров класса.
Service — по сути это синглтон, для работы с неким одним объектом. В отличии от фабрики сервис вызывает функцию конструктор для инстанцирования экземпляра объекта
Provider — провайдер представляет из себя расширенную фабрику и обычно используется для доступа к приложению через JSONP, сам провайдер ожидает в возвращаемом объекте функцию $get.

Понимание типов сервисов и фабрик доступно изложено тут, в более емком варианте можно прочесть здесь.

Еще для чтения

Изначально Angular js заточен под язык Ruby и у вас могут возникнуть некоторые проблемы с связкой Angular+php. Вам следует ознакомиться с данной статьей. Конечно предлагают некий костыль и мне он совсем не по душе, предлагаю воспользоваться следующим приемом для получения POST запроса в php от Angular

[cce lang=»php»]

require_once(‘AppClass.php’);
App::ajax(json_decode(file_get_contents(‘php://input’), true));

[/cce]

О том, каких стилей в коде лучше придерживаться можно почитать здесь. В этой статье рассказывается техника безопасности в Angular и пара хороших примеров, как делать надо и как не надо.

Если хотите дополнить или поправить список заметок, пишите в комментариях.

Последняя редакция 24 июля, 2016 в 07:07