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

1 комментарии

Решил учить 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

Похожие статьи:
Просмотры: 4 276
(1 оценок, среднее: 5,00 из 5)
Загрузка...

One comment

Добавить комментарий

You have to agree to the comment policy.