Освоение Angular

Итак, вы запустили свои руки в воды Ангулара? Время погрузиться до пят ваших ботинок! Этот курс превратит вас из среднего разработчика в Angular в отличного! Вы получите более полное представление о работе Angular и исследуете более продвинутые методы программирования, такие как RxJS и работа с Redux. Advanced Forms не будет хранить никаких секретов для вас, плюсом вы приобретете активы для подготовки приложения Angular. Курс постоянно обновляется до последней версии Angular, в настоящее время Angular 6.

Что должен знать слушатель

  • Хорошее понимание JavaScript.
  • Базовое понимание HTML и CSS.
  • Представление о node.js и npm.
  • IDE для веб-разработки, например, Visual Studio Code или WebStorm.

  • Результаты обучения

  • Эффективно работать с Reactive Extensions.
  • Улучшать производительность приложения Angular.
  • Использовать ngrx, чтобы применять шаблон редукса к приложению Angular.
  • Упрощать архитектуру с помощью компонентов smart и dumb.
  • Создавать эффективные структуры для больших приложений.
  • Работать с более продвинутыми формами.
  • Добавлять рендеринг на стороне сервера с помощью Angular Universal.

  • Программа обучения

    Модуль 1 Реактивные расширения для JavaScript▼

    • 1.1 Что такое реактивные расширения
    • 1.2 Наблюдаемый и Наблюдатель
    • 1.3 Предметы
    • 1.4 Холодные или горячие наблюдаемые характеристики
    • 1.5 Выполнение асинхронных вызовов
    • 1.6 Объединение наблюдаемых
    • 1.7 Обработка ошибок
    • 1.8 Работа с противодавлением
    • Лаб. раб. Поиск Spotify

    Модуль 2 Обнаружение изменений▼

    • 2.1 Зоны
    • 2.2 Как работает обнаружение изменений
    • 2.3 Неизменные и наблюдаемые
    • Лаб. раб. N/A

    Модуль 3 Государственное управление с Redux▼

    • 3.1 Почему Redux?
    • 3.2 Компоненты smart и dumb
    • 3.3 Основные принципы
    • 3.4 Магазин, Акции и Редукторы
    • 3.5 Инструменты
    • Лаб. раб. Redux Todo App

    Модуль 4 Перевод Redux в Angular с помощью ngrx▼

    • 4.1 Использование RxJS в Redux
    • 4.2 Эффективная нарезка
    • 4.3 Использование асинхронных каналов
    • Лаб. раб. N/A

    Модуль 5 Магазин ngrx▼

    • 5.1 Обязанности
    • 5.2 Нормализация данных
    • 5.3 Инициализация магазина
    • Лаб. раб. TaskManager: использование нескольких компонентов

    Модуль 6 Редукторы ngrx▼

    • 6.1 Полезные операторы
    • 6.2 Разделение редукторов
    • 6.3 Эффекты ngrx
    • Лаб. раб. Spotify Redux

    Модуль 7 Smart и Dumb компоненты▼

    • 7.1 Характеристики dumb компонентов
    • 7.2 Характеристики smart-компонентов
    • 7.3 Влияние на производительность
    • Лаб. раб. Spotify Отправка и Выбор

    Модуль 8 Структурирование приложения▼

    • 8.1 Домен, Маршрутизация, Основные и Общие Модули
    • 8.2 Экспорт и предоставление
    • 8.3 Чистый импорт
    • 8.4 Создание библиотек
    • Лаб. раб. Структурирование Weather App

    Модуль 9 Расширенные формы▼

    • 9.1 Динамически добавляемые элементы
    • 9.2 FormArray
    • 9.3 Вложенные формы
    • Лаб. раб. FormArray и Nesting

    Модуль 10 Angular Universal▼

    • 10.1 Рендеринг на стороне сервера с Angular Universal
    • 10.2 Горячая загрузка с предварительной загрузкой
    • Лаб. раб. N/A