Занятие №1 — Создание проекта

Начало работы с фреймворком

Использование шаблона Model View Controller (MVC)

Первое MVC приложение

Структура package.json

Конфигурация Node

Конфигурация приложения

Frontend Application с Angular

Bootstrap Layout

Занятие №2 — Основы TypeScript

Базовые типы

Объявление переменных

Интерфейсы

Классы

Функции

Обобщения(Generics)

Перечисления (Enums)

Совместимость типов

Символы

Итераторы и генераторы

JSX

Декораторы

Примеси (Mixins)

tsconfig.json

Занятие №3 Модули

Модульность приложения

Пространства имен и модули

Жизненный цикл модуля

Создаем Module

Конфигурация

Фаза выполнения

Установка модулей

Загрузка приложения

Занятие №4  Компоненты

Жизненный цикл компонента

Root Component

Работа с компонентами

Создание Component

Иерархия компонентов

Стили и шаблоны компонента

Взаимодействие между компонентами

Привязка к событиям дочернего компонента

Привязка данных

Занятие №5 Основы директив в Angular

Соглашение об именах

Создание атрибутивных директив

Взаимодействие с пользователем, HostListener и HostBinding

Получение параметров в директивах

Структурные директивы ngIf, ngFor, ngSwitch

Создание структурных директив

Добавление и удаление элементов

Динамическое изменение стилевых классов

Занятие № 6. Pipes

Работа с pipes

Встроеные Pipes

Создание собственных pipes

Параметры Pipes

Состояние Pipes

Создание Filter Pipe

Pure и Impure Pipes

Async Pipe

Занятие №7. Ратота с формами

Работа с формами

Области и связывание данных

Роли в форме

Использование Input Text Box

Использование Radio Buttons

Использование Checkbox

Использование Select

Использование Disabling в Input

Модуль FormsModule

Получение и изменение модели

Состояние модели и валидация

Директива NgForm

Подход Data-Driven к работе с формами

Валидация форм

Директивы валидации

Стилизация полей ввода

Обработка сообщений об ошибке

Занятие № 8  Основы Service

Один сервис для всех компонентов

Создаем Service

Определение значений и констант

Регистрация сервисов

Конфигурация свойств Request

Параметры Callback

Метод Shortcut

Создание Ajax вызовов

Работа с JSON ответом

Глава 9. Основы Dependency Injection (DI)

Внедрение завсимостей в Angular2

Сервисы и dependency injection

Внедрение сервисов в компонент

Внедрение сервисов в сервисы

Провайдеры

Алиасы провайдеров

Провайдеры значений

Провайдер-фабрика

Токены внедрения зависимостей

Неклассовые зависимости

Иерархическое внедрение зависимостей

Занятие № 10. HTTP

HTTP и взаимодействие с сервером

Отправка get-запросов

Объект Observable и библиотека RxJS

Обработка ошибок

Отправка данных в запросе

POST-запросы

Занятие № 11. Маршрутизация

Понятие Routing

Определение маршрутов

Конфигурация Main Routes

Параметры маршрута

Создание ссылок

Параметры строки запроса

Навигация

Передача параметров URL

Программная навигация

Дочерние маршруты

Guards

ngRoute Module

Занятие №12 —  Одностраничное Приложение

Создание RESTful сервиса

Установка HTTP Request Headers

Объект Response

Кеширование Response

Маршрутизация RESTful API

Определение routes для frontend Angular application

Установка порта app

Запуск приложения

Создание собственного Node API

Работа с моделью

Установка Angular core.js

Занятие №13 — Работа с данными

Подключение данных к приложению

Работа с файлами данных

Соединение с базой данных

Работа с SQL базами данных

Создание моделей Mongoose

Установка базы данных

Области видимости приложения

Регистрация и авторизация пользователей

Регистрация/авторизация через социальные сети

Занятие №14  Отладка  Оптимизация Тестирование приложения

Инструкции Debugger

Exceptional Service

Ошибки, логирование и отладка

Основы производительности

Инструменты оптимизации

Chrome Developer Tools

Lazy Loading

Минификация кода

Unit Tests

Структура Jasmine

Тестирование End-to-End

Тестирование ngMock

Занятие №15 —  Одностраничное Приложение deploy

Подготовка приложения для Production сервера

Установка Heroku Toolbelt

Git и Heroku

Хостинг вашего приложения на Heroku

Deploying Node.js на Heroku

Запуск проекта

Deploying Angular2 приложения на Heroku
Angular — самый популярный фреймворк для построения Front-end приложений на сегодняшний день.
Angular обладает надежной SPA инфраструктурой, которая может быть использована для создания динамических Front-end приложений, которые могут работать как в настольных браузерах, так и на мобильных устройствах (телефонах и планшетах).