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

• Начало работы с Angular
• Структура проекта
• Планирование приложения
• Шаблон Model View Controller (MVC)
• Первое MVC приложение
• Конфигурация приложения
• Отладка кода в браузере

 

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

• Базовые типы
• Объявление переменных
• Интерфейсы
• Классы
• Функции
• Обобщения(Generics)
• Перечисления (Enums)
• Совместимость типов
• Символы
• Итераторы и генераторы
• JSX
• Декораторы
• Примеси (Mixins)
• json

 

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

• Модульность приложения
• Пространства имен и модули
• Жизненный цикл модуля
• Создание модуля
• Конфигурация модуля
• Фаза выполнения модуля
• Установка внешних модулей
• Загрузка приложения

 

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

• Жизненный цикл компонента
• Корневой компонент
• Работа с компонентами
• Создание компонента
• Иерархия компонентов
• Стили и шаблоны компонента
• Взаимодействие между компонентами
• Привязка событий
• Привязка данных

 

Занятие №5 Директивы

• Соглашение об именах
• Атрибутивные директивы
• Взаимодействие с пользователем
• Параметры в директивах
• Структурные директивы
• Создание структурных директив
• Добавление и удаление элементов
• Динамическое изменение стилевых классов

 

Занятие № 6. Конвейеры (Pipes)

• Работа с pipes
• Встроенные Pipes
• Создание собственных pipes
• Параметры Pipes
• Состояние Pipes
• Создание фильтров
• Чистые Pipes
• Асигхронные Pipe

 

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

• Области и связывание данных
• Роли в форме
• Использование полей формы
• Модуль FormsModule
• Получение и изменение модели
• Директива NgForm
• Валидация форм
• Директивы валидации
• Стилизация полей ввода
• Обработка сообщений об ошибке

 

Занятие № 8  Сервисы

• Создание сервиса
• Определение значений и констант
• Регистрация сервиса
• Свойство Request
• Параметры Callback
• Метод Shortcut
• Создание Ajax вызовов
• Работа с JSON ответом

 

Занятие 9. Внедрение зависимостей (DI)

• Внедрение зависимостей
• Сервисы и dependency injection
• Внедрение сервисов в компонент
• Внедрение сервисов в сервисы
• Провайдеры
• Алиасы провайдеров
• Провайдеры значений
• Провайдер-фабрика
• Токены внедрения зависимостей
• Иерархическое внедрение зависимостей

 

Занятие № 10. HTTP

• HTTP и взаимодействие с сервером
• Как работают Http-запросы в SPA
• Настройка заголовков запросов
• Отправка данных в запросе
• Отправка запросов POST
• Отправка запросов GET
• Отправка запросов PUT
• Объект Observable и библиотека RxJS
• Отправка возвращаемых данных
• Перехват и обработка ошибок Http

 

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

• Понятие маршрутизации
• Определение маршрутов
• Параметры маршрута
• Создание ссылок
• Параметры строки запроса
• Навигация
• Передача параметров URL
• Программная навигация
• Дочерние маршруты
• Защитники
• Модуль ngRoute.

 

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

• Создание RESTful сервиса
• Установка HTTP Request заголовков
• Объект Response
• Кеширование Response
• Маршрутизация RESTful API
• Определение маршрутов для frontend-приложения
• Установка порта app
• Запуск приложения
• Создание собственного Node API
• Работа с моделью

 

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

• Подключение данных к приложению
• Работа с файлами данных
• Соединение с базой данных
• Работа с SQL базами данных
• Создание моделей Mongoose
• Области видимости приложения
• Регистрация и авторизация пользователей
• Регистрация/авторизация через социальные сети

 

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

• Ошибки, логирование и отладка
• Основы производительности
• Инструменты оптимизации
• Ленивая загрузка
• Минификация кода
• Модульное тестирование
• Тестирование End-to-End
• Тестирование ngMock

 

Занятие №15 —  Публикация приложения

• Подготовка приложения для Production-сервера
• Установка Heroku Toolbelt
• Git и Heroku
• Хостинг вашего приложения на Heroku
• Deploying Node.js на Heroku
• Запуск проекта
• Deploying Angular-приложения на Heroku