Данный курс содержит в себе БОЛЕЕ 30 ЧАСОВ обучающих материалов, которые последовательно и очень подробно научат вас самым актуальным технологиям на текущий момент и которые будут актуальными ближайшие несколько лет.

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

Мы начнем с самых основ (в виде NodeJS и 6 бонусных курсов для понимания современной инфраструктуры) и закончим созданием с нуля полностью рабочего реактивного приложения, где вы увидите все шаги по его созданию.

Практике предшествует 12 теоретических блоков (а это ни много ни мало 80 видеоуроков!), где максимально подробно разобраны и систематизированы в виде пошаговой целостной системы все тонкости фреймворка на различных примерах.

Содержание курса

Часть 1. ТЕОРИЯ

БЛОК 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. Тестирование директивы

Часть 2. ПРАКТИКА

Описание:
Этот блок целиком посвящен практическому применению всех 12 теоретических блоков по Angular.
В рамках данной практики нами будет создано приложение «Домашняя бухгалтерия», с большим количеством разнообразного функционала.
Вы узнаете, как создавать большие динамические системы, применяя лишь те знания, что вы обрели в теоретических блоках.
В рамках данного блока мы с полного нуля создадим мощное Single Page приложение, которое будет работать исключительно на Angular.
Мы с вами будем использовать настоящую базу данных, общение с сервером, большое количество различных валидаций, защищенный роутинг, оптимизацию модулей и ленивую динамическую фоновую загрузку частей приложения, динамические поиски, отрисовку графиков, синхронизирование 2-х и более асинхронных стримов, применение анимаций и оптимизацию работы кода и многое-многое другое.
Эти знания дадут вам полное понимание того, как строятся реальные реактивные сайты абсолютно любой сложности.

Урок 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. Финальная сборка

Практический блок включает в себя следующие технологии Angular 4:
-Компоненты
-Роуты
-Ленивая загрузка
-Защищенные роуты
-Валидация форм
-Шаблонный подход (вход в систему)
-Реактивный подход (регистрация, асинхронные валидаторы для проверки email)
-Подключение плагинов (отрисовка графика)
-Свои пайпы (динамический поиск по разным полям)
-Встроенные папы (валюта, время, дата)
-Вывод списка
-Детальное отображение элемента
-Работа с динамическими данными с помощью RxJs
-Использование сервисов
-Работа с сервером (REST API)
-Создание директивы (дропдаун)
-Анимации к элементам
-SEO оптимизация

Продажник: https://webformyself.com/angular4/

Скачать: