Мегаслив [WebForMyself] Angular 4 с Нуля до Профи (2017)

[Claw13]

Преподаватель: Владилен Минин
Описание:
Данный курс посвящен самому популярному JavaScript фреймворку Angular от компании Google.
Пройдя курс, вы узнаете, как строится процесс разработки во всех ее деталях и научитесь создавать динамические реактивные сайты, которые работают в десятки раз быстрее обычных сайтов.
В практическом блоке будет создано с абсолютного нуля рабочее приложение “Домашняя бухгалтерия”, на примере которого вы получите полное представление о том, как с помощью фреймворка реализуются реальные практические задачи.

Спойлер: Содержание курса

Часть 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 оптимизация


БОНУСЫ:

БОНУС 1. Премиум курс по EcmaScript 6
БОНУС 2. Премиум курс по TypeScript
БОНУС 3. Премиум курс по Webpack
БОНУС 4. Премиум курс по RxJS (Reactive - Extensions)
БОНУС 5. Премиум курс по NodeJS
БОНУС 6. Перенос проекта на хостинг. Домен

Источник:

Скачать:

 

[Maxxidom]

добрый день а ссылки на облако маил ру ссылки нет?

 

[Claw13]

добрый день а ссылки на облако маил ру ссылки нет?

Добавил ссылку на облако mail.ru, обе части качать либо с меги, либо с облака, они могут отличаться по размеру, пароль от архива тот же.

 

[Maxxidom]

Добавил ссылку на облако mail.ru, обе части качать либо с меги, либо с облака, они могут отличаться по размеру, пароль от архива тот же.

Огромное спасибо.