Учить Angular фреймворк

Решил учить Angular  и сделал подборку курсов которые для меня были полезными.

---

Важно! Обновление 08.11.2017

Недавно вышел видео-курс Angular 4 c Нуля до Профи от издательство WebForMySelf, рекомендую именно его изучить так как все ниже перечисленные материалы немного устаревшие.

---

Итак вот мой план:

Курс: Angular 4 с Нуля до Профи от издательство WebForMySelf

Теория Angular

Блок 1.Введение установка

1. Что такое Angular
2. Установка Angular
3. Обзор структуры проекта

Блок 2. Синтаксис

1. Создание компонента
2. Шаблоны и стили компонента
3. Селекторы в компонентах
4. Связка компонента и шаблона. Свойства
5. Связка компонента и шаблона. События
6. Связка компонента и шаблона. Двухстороннее связывание
7. Директива ngIf else
8. Директива ngFor
9. Директивы ngStyle и ngClass
10. Пайпы

Блок 3. Компоненты

1. Передача параметров в компонент
2. Получение данных из компонента
3. Область видимость CSS
4. Доступ к DOM элементам
5. Передача HTML кода компоненту
6. Жизненный цикл компонента

Блок 4. Директивы

1. Создание директивы
2. Использование renderer
3. Работа с событиями
4. Передача параметров
5. Директива ngSwitch

Блок 5. Пайпы

1. Использование пайпов
2. Создание своего пайпа
3. Создание динамического фильтра
4. Оптимизация пайпов
5. Async пайп

Блок 6. Сервисы

1. Создание сервиса
2. Связь компонентов через сервис
3. Использование сервиса в сервисе

Блок 7. Формы

1. Вводный
2. TD Создание формы
3. TD Валидация формы. Часть 1
4. TD Валидация формы. Часть 2
5. TD Значения по умолчанию
6. TD Группировка форм
7. TD Динамическое изменение формы
8. R Создание формы
9. R Валидация формы
10. R Группировка форм
11. R Создание валидатора
12. R Создание асинхронного валидатора

Блок 8. Http

1. Настройка сервера
2. Получение данных. Метод GET
3. Вывод данных в шаблон
4. Добавление элементов. Метод POST
5. Изменение элементов. Метод PUT
6. Удаление элементов. Метод DELETE
7. Добавление хедеров
8. Обработка ошибок
9. Async пайп

Блок 9. Роутинг

1. Создание роутов
2. Создание роутинг модуля
3. Навигация между страницами
4. Программная навигация
5. Параметры адресной строки. Часть 1
6. Параметры адресной строки. Часть 2
7. Встроенные роуты
8. Редирект и обработка ошибок
9. Защищенные роуты

Блок 10. Модули

1. Создание модуля
2. Создание общего модуля
3. Ленивая загрузка
4. Предзагрузка модулей

Блок 11. Анимация

1. Создание анимации
2. Множество состояний
3. Сложный переход
4. Пустое состояние
5. Специальные символы
6. Детальное управление анимацией
7. События

Блок 12. Юнит тесты

1. Запуск тестов
2. Тестирование компонента
3. Тестирование сервиса. Инъекция
4. Тестирование методов сервиса
5. Асинхронное тестирование
6. Тестирование пайпа
7. Тестирование директивы

Практика разработка сервиса

1. Вводный
2. Настройка рабочего окружения
3. Подключение стилей
4. Модуль авторизации
5. Регистрация роутов. Подключение шаблона
6. Страница логина. Валидация
7. Страница логина. Получение данных с сервера
8. Страница логина. Авторизация
9. Страница регистрации
10. Создание асинхронного валидатора
11. Создание модуля системы
12. Перенос шаблонов
13. Создание левого меню
14. Создание хедера
15. Страница счета. Получение данных
16. Создание базового класса для API
17. Страница счета. Вывод данных
18. Создание пайпа формата дат и времени
19. Страница записей. Создание шаблона
20. Страница записей. Добавление категорий
21. Страница записей. Редактирование категорий
22. Страница записей. Добавление события. Часть 1
23. Страница записей. Добавление события. Часть 2
24. Страница планирования
25. Страница истории. Шаблон
26. Страница истории. График
27. Страница истории. Список
28. Страница истории. Поиск
29. Страница истории. Детальная страница
30. Страница истории. Фильтр 1
31. Страница истории. Фильтр 2
32. Ленивая загрузка модуля
33. Защита роутов
34. Страница 404
35. Красивый лоадер
36. Анимации
37. SEO опитмизация
38. Финальная сборка

Бонусы

Бонус 1. Премиум курс по EcmaScript 6 (ES6)

1. Настройка окружения
2. Переменные
3. Стрелочные функции
4. Параметры по умолчанию
5. Объекты
6. Деструктуризация
7. Rest и Spread операторы
8. Строки
9. Циклы
10. Классы
11. Set и WeakSet
12. Map и WeakMap
13. Система модулей. Модули
14. Символы
15. Генераторы
16. Новые методы
17. Promise

Бонус 2. Премиум курс по TypeScript

1. Базовые типы и компиляция
2. Массивы
3. Типы функций
4. Объекты
5. Компилятор и конфигурация
6. Специальные типы. Enum, never, null
7. Классы
8. Наследование классов
9. Интерфейсы
10. Общие типы (generic)
11. Декораторы
12. Namespace
13. Typescript и webpack

Бонус 3. Премиум курс по Webpack

1. Что такое Webpack?
2. Установка Webpack и первый запуск
3. Командные интерфейсы webpack
4. Работа с NPM
5. Webpack Config
6. Множественные точки входа
7. Исходные карты
8. Как подключать плагины
9. Uglify Js Plugin
10. Define & Provide Plugins
11. HTML Webpack Plugin
12. Commons Chunks Plugin
13. Loaders
14. CSS Loaders. ExtractTextPlugin
15. Less Loader
16. Export и Expose Loaders
17. Strip Loader
18. File Loader
19. Webpack Dev Server
20. Hot Module Replacement

Бонус 4. Премиум курс по RxJS (Reactive-Extensions)

1. Установка и создание первого стрима
2. Создание стрима из события. Функция fromEvent
3. Создание стрима. Простые операторы
4. Создание стрима из массивов
5. Создание стрима из промисов
6. Операторы для трансформации. Метод map
7. Операторы для выбора
8. Операторы для фильтрации
9. Буферы
10. Утилиты
11. Совмещение стримов. Merge и Concat
12. Совмещение стримов. MergeMap, ConcatMap
13. Совмещение стримов. Zip, CombineLatest
14. Обработка ошибок
15. Классы Subject
16. Практика. Приложение получение пользователей из VK

Бонус 5. Премиум курс по NodeJS

1. Введение, установка и запуск
2. Работа с модулями
3. Пакетный менеджер NPM
4. Package.json
5. Глобальные модули
6. Встроенные модули
7. Работа с файлами
8. Создание простого веб-сервера. Часть 1
9. Создание простого веб-сервера. Часть 2
10. Получение данных из командной строки

Бонус 6. Перенос проекта на хостинг. Домен

1. Запуск проекта на VPS
2. Деплой на Firebase

---

Видеокурс по AngularJS Essential

1. https://www.youtube.com/watch?v=kWDVt6zpBbU
2. https://www.youtube.com/watch?v=QIGPq-3tGe4
3. https://www.youtube.com/watch?v=4t26bbeDjbI
4. https://www.youtube.com/watch?v=Q4l30s760zM
5. https://www.youtube.com/watch?v=dpvJyge45VM
6. https://www.youtube.com/watch?v=2p433-MSg10
7. https://www.youtube.com/watch?v=M1gmud86FvU
8. https://www.youtube.com/watch?v=gSKffnYgpUE
9. https://www.youtube.com/watch?v=XBQWzxTqAYw

---

Основы Angular 2 LoftBlog

1. https://www.youtube.com/watch?v=fsul74T8BHg
2. https://www.youtube.com/watch?v=3SaIBHeyEgg
3. https://www.youtube.com/watch?v=6p3ExsemVIk
4. https://www.youtube.com/watch?v=lAcvQC6w6Dg

---

Знакомство с Angular 2 CodeDojo

1. https://www.youtube.com/watch?v=t3KH5LXHi0s
2. https://www.youtube.com/watch?v=bKkmK3pa-NY
3. https://www.youtube.com/watch?v=LxPC_wFi3KA
4. https://www.youtube.com/watch?v=gtCR3FdTIck
5. https://www.youtube.com/watch?v=GwANSDnaNGs
6. https://www.youtube.com/watch?v=iq94RcTut1I
7. https://www.youtube.com/watch?v=j4S0w-YoGqc
8. https://www.youtube.com/watch?v=YgHxvZg7rnM
9. https://www.youtube.com/watch?v=5FoLysEGXMY
10. https://www.youtube.com/watch?v=LV1x2X_QMVU
11. https://www.youtube.com/watch?v=RCok3uXqyk8
12. https://www.youtube.com/watch?v=D55n2NAZw8U
13. https://www.youtube.com/watch?v=1frKc597awU