​

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

Первая часть курса:
Быстрый старт с AngularJS
Общая структура фреймворка.
Встроенные директивы и шаблонизация в AngularJS.
Двустороннее связывание.
Создание своих директив.
Вложенные директивы, наследование и передачи scope.

Компонентный подход
Переход от директив к компонентам
Метод .component
Использование контроллера компонента
Рекомендуемая EcmaScript2015 структура

Сервисы
Организация service provider'ов и зависимостей.
Встроенные сервисы AngularJS.
Написание своих сервисов, отличия между реализациями провайдера.
Специфика работы с $http сервисом
Переопределение и расширение сторонних сервисов. Использование декораторов

Спойлер: Продолжение описания

Редактирование данных, модель и формы в AngularJS
Модель, директива ng-model.
Удобная валидация форм, встроенные и свои директивы.
Импорт контроллера директивы и использование ng-model контроллера
Автоматичский показ ошибок, ng-message.

Навигация и маршрутизация
Роутер ui-router
Управление состояниями: $state и $stateProvider.
Вспомогательные директивы ui-router
Множественные view и вложенные стейты
Предзагрузка данных по средством resolve

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

Вторая часть курса:
Авторизация в приложении
Интерфейс для авторизации на AngularJS
Интерцептор для проверки прав.
Роль роутера в ограничеснии прав доступа

Организация приложения на диске
Файловая структура.
Модульный и компонентный подход.
WebPack для сборки.

Автоматизированные тесты
Unit-тесты и TDD (вместе с jasmine и karma).
Система сборки для тестов (karma + webpack)
Специфика тестирования сервисов, контроллеров и директив
Функциональные(e2e) тесты с использованием protractor

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

Более сложные директивы
Использование сервиса $compile.
вложенные директивы с transclude.

Интеграция со сторонними модулями
Сторонние плагины, не знающие про AngularJS
$scope.watch
$scope.apply
События, ng-events на $scope

Возможные проблемы и их решение
$watch и проблемы производительности
Серверный рендеринг, поисковики
Подгрузка модулей на лету
AngularJS и Drag'n'Drop

Краткая информация про Angular 2.0
Подготовка структуры проекта к Angular 2.0