[javascript.ru] Курс по Angular.JS

Складчина: [javascript.ru] Курс по Angular.JS

Курс даст возможность быстро начать создавать свои приложения с использованием одного из самых популярных на сегодняшний день фреймворков – Angular.JS. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.JS.

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

Мы будем использовать современные практики разработки на Angular.JS, а не те, которые, хоть и широко представлены в интернете, но давно устарели.

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

Курс можно условно разделить на три части:

Спойлер: Основные элементы фреймворка.


1. Быстрый старт с Angular.JS
   • Общая структура фреймворка.
   • Встроенные директивы и шаблонизация в Angular.JS.
   • Двустороннее связывание.
   • Создание своих директив.
   • Вложенные директивы, наследование и передачи $scope.
2. Сервисы
   • Организация service provider'ов и зависимостей.
   • Встроенные сервисы Angular.JS.
   • Написание своих сервисов, отличия между реализациями провайдера.
3. Редактирование данных, модель и формы в Angular.JS
   • Модель, директива ng-model.
   • Удобная валидация форм, встроенные и свои директивы.
   • Автоматичский показ ошибок, ng-message.
4. Навигация и маршрутизация
   • Роутер ui-router
   • Управление состояниями: $state и $stateProvider.

По окончанию первой части курса вы понимаете, как разработать на Angular.JS несложное приложение для вывода и редактирования данных.

Спойлер: Архитектура приложений, организация проекта.

1. Авторизация в приложении
   • Интерфейс для авторизации на Angular.JS
   • Интерцептор для проверки прав.
2. Организация приложения на диске
   • Файловая структура.
   • WebPack для сборки.
3. Автоматизированные тесты.
   • Unit-тесты и TDD (вместе с jasmine и karma).
   • Функциональные(e2e) тесты с использованием protractor

Спойлер: Взгляд во внутрь фреймворка и подробный разбор деталей.

1. Более сложные директивы
   • Использование сервиса $compile.
   • вложенные директивы с transclude.
2. Интеграция со сторонними модулями
   • Сторонние плагины, не знающие про Angular.JS
   • $scope.watch
   • $scope.apply
   • События, ng-events на $scope
3. Возможные проблемы и их решение
   • $watch и проблемы производительности
   • Серверный рендеринг, поисковики
   • Подгрузка модулей на лету
   • Angular.JS и Drag'n'Drop
4. Возможное будущее, краткая информация про Angular 2.0