Полезный гайд для начинающих в Angular
Решил освоить работу с 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