2. ИнБИТ
  3. Курсы
  4. Вендоры и направления
  5. Программирование
  6. Программирование Microsoft

Создание веб-приложений с Angular и TypeScript

В последние годы много усилий было направлено на становление HTML и JavaScript лучшими средствами для веб-приложений, а не просто для веб-контента. С Angular вы сможете использовать новые и современные концепции, чтобы поднять его на новый уровень. Благодаря использованию компонентного подхода, Angular лучше, чем когда-либо, способен создавать эффективные веб-приложения, управляемые данными. Пока Angular заботится о привязке данных, навигации и связи с сервером; TypeScript позволяет использовать самые передовые функции, которые JavaScript может предложить вам в любом браузере. Функции, такие как строгая типизация, делают ваше приложение более понятным, структурированным и гибким. Этот курс постоянно обновляется до последней версии Angular, сейчас это Angular 6. Насладитесь прекрасной синергией между Google Angular и Microsoft TypeScript.

  Для кого:

Этот курс предназначен для профессиональных веб-разработчиков, которые жаждут быстрый запуск в мир Angular и TypeScript. Участники этого курса должны хорошо разбираться в JavaScript, HTML и CSS, а также иметь представление о node.js и npm.

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

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

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

  • Устанавливать и писать приложения с TypeScript.
  • Создавать и управлять приложениями Angular.
  • Использовать привязку данных для обновления вашего экрана.
  • Разделять сложные интерфейсы на компоненты.
  • Писать свои собственные директивы и каналы.
  • Создавать сложные форм с проверкой.
  • Общаться с бэкэндом REST.
  • Написать одностраничное приложение с клиентской маршрутизацией.

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

    Модуль 1 Введение в Angular▼

    • 1.1 Эволюция в разработке веб-приложений
    • 1.2 Angular Core и модули
    • 1.3 TypeScript, Dart, старый добрый JavaScript

    Модуль 2 Сильно типизированный JavaScript с TypeScript▼

    • 2.1 Написание JavaScript в масштабе приложения
    • 2.2 Безопасная для типов разработка JavaScript с TypeScript
    • 2.3 Реализация типов, классов и наследования
    • 2.4 Пространства имен и модули
    • Лаб. раб. Магазин игрушек

    Модуль 3 Основные понятия▼

    • 3.1 Компоненты
    • 3.2 Модули
    • 3.3 Сервисы
    • 3.4 Инструменты
    • Лаб. раб. Проверка первого проекта

    Модуль 4 Привязка данных▼

    • 4.1 Важность связывания
    • 4.2 Компонент для просмотра
    • 4.3 Структурные директивы
    • 4.4 Локальные переменные шаблона
    • 4.5 Преобразование значений
    • 4.6 Обзор компонентов
    • Лаб. раб. TaskManager с привязкой данных

    Модуль 5 Компоненты▼

    • 5.1 Использование нескольких компонентов
    • 5.2 Вход и выход
    • 5.3 ViewChild и ContentChild
    • 5.4 EventEmitter
    • 5.5 Директива Жизненный цикл
    • Лаб. раб. TaskManager: использование нескольких компонентов

    Модуль 6 Директивы атрибутов▼

    • 6.1 Что такое директивы атрибутов?
    • 6.2 Директивы встроенных атрибутов
    • 6.3 Пользовательские Директивы Атрибутов

    Модуль 7 Структурные директивы▼

    • 7.1 Что такое структурные директивы?
    • 7.2 Встроенные структурные директивы
    • 7.3 Шаблоны
    • 7.4 Пользовательские Структурные Директивы

    Модуль 8 Внедрение Зависимостей и Поставщиков▼

    • 8.1 Терминология
    • 8.2 Основы внедрения зависимостей
    • 8.3 Сервисы
    • 8.4 Провайдеры
    • 8.5 Производство
    • 8.6 Токены внедрения
    • Лаб. раб. Создание службы задач

    Модуль 9 Каналы▼

    • 9.1 Использование канала
    • 9.2 Встроенные каналы
    • 9.3 Пользовательские каналы
    • 9.4 Чистый против нечистого
    • Лаб. раб. Температура канала

    Модуль 10 Работа с формами▼

    • 10.1 Что в форме
    • 10.2 Отвечая на изменения
    • 10.3 FormBuilder
    • 10.4 Проверка данных
    • Лаб. раб. Форма редактора задач

    Модуль 11 Обращение к серверу▼

    • 11.1 Отправка и получение данных
    • 11.2 Модуль HTTPClient
    • 11.3 HTTP-перехватчики
    • 11.4 Наблюдаемые против Обещаний
    • Лаб. раб. 11.1 Работа с наблюдаемыми
    • Лаб. раб. 11.2 Обращение к серверу

    Модуль 12 Создание одностраничного приложения▼

    • 12.1 Что такое СПА
    • 12.2 Модуль маршрутизатора
    • 12.3 Конфигурация маршрута
    • 12.4 Родительская Навигация
    • 12.5 Охраняемые маршруты
    • Лаб. раб. 7Building в SPA: Спасение кролика