Курс NT-WebAngular Разработка Web приложений: TypeScript, Angular. | nt.ua

Курс NT-WebAngular Разработка Web приложений: TypeScript, Angular.

Пятидневный курс предоставляет знания и навыки для разработки пользовательских интерфейсов web-приложений с использованием основных компонентов, таких как деревья, таблицы, формы ввода данных, всплывающие окна, диалоги. Приобретается опыт работы с WildFly-сервером с развернутыми на нем базой данных PostgreSQL, схемами данных и сервисами.


По окончании курса слушатели смогут:
  • самостоятельно развернуть и конфигурировать среду Angular;
  • ориентироваться в дополнительных компонентах и библиотеках;
  • создавать сложные пользовательские интерфейсы для отображения данных в современных web-браузерах;
  • развертывать приложения на серверах предприятия и связывать свои web-приложения с уже готовыми сервисами;
  • использовать инструмент разработки Angular/CLI;
  • реализовывать в приложениях механизмы навигации, поиск, сортировку данных REST-сервисов, отображение данных в отношении «мастер-деталь» с последующим редактированием в базе данных через микросервисы.
Аудитория

Курс предназначен для разработчиков, обеспечивающих взаимодействие клиентских web-приложений с сервисами предприятий, а также для разработчиков web-интерфейсов.


Для эффективного обучения на курсе, слушатели должны обладать следующими знаниями и навыками:
  • понимание концепций объектно-ориентированного программирования;
  • основы HTML, JSON, XML, ES5, а также http-протоколов.
  1. Введение в инструменты и среду разработки Angular, место языка TypeScript в современной web-разработке
    • Обзор приложения, созданного с помощью инструмента разработки Angular/CLI. Реализация механизмов безопасного доступа к сервисам из приложения. Генерация отчетов в формате Excel и отображение их на страницах
    • Подготовка рабочего места для разработки приложения, установка продуктивного сервера. Инсталляция NodeJS и среды разработки WebStorm. Подготовка рабочих каталогов. Анализ REST-сервисов продуктивного сервера
    • Создание приложения с нуля. Утилиты npm и ng. Анатомия приложения. Конфигурационные файлы. Подготовка приложения для работы в режиме разработки и в продуктивном режиме. Запуск приложения в обоих вариантах, в качестве продуктивного сервера, использование сервера WildFly
    • Два вида компиляции модулей и компонентов JIT и AOT, флаг запуска prod. Преимущества JIT-компиляции на этапе разработки
    • Модуль приложения и основной компонент приложения. TypeScript и JavaScript для разработки
    • Обзор среды выполнения, распределение памяти, стек вызовов, «куча», механизмы обратного вызова. Движок, механизм V8, общее представление и механизмы выполнения
    • Однопоточный EMACScript, цикл событий и параллельное выполнение
    • TypeScript-механизм строгой типизации для JavaScript, настройка рабочего места для использования TypeScript, аннотации типов, интерфейсы, необязательные свойства интерфейсов, стрелочные функции или лямбда-выражения, модификатор private, pablic, наследование. Компиляция TypeScript в JavaScript. Декораторы как основа заключения контрактов между виртуальной машиной V8 и компонентами приложения
    • Основы ООП, инкапсуляция, полиморфизм, наследование, абстракции. Использование интерфейсов TypeScript для типизации методов и классов, шаблоны параметров интерфейсов, методов и классов
  2. Инструмент разработки web-приложений Angular
    • Утилита ng - основной инструмент для разработчика в среде Angular. Командная строка. Основные опции. Создание приложения с нуля. Изменение конфигурационных файлов, создание прокси для взаимодействия с сервером сервисов. Особенности среды WebStorm. Начало разработки, главный модуль и главный компонент приложения, таблицы стилей и другие ресурсы
    • Создание путей навигации и связывание их с компонентами. Модуль маршрутизации. Параметры маршрута, параметры строки запроса, программная навигация, дочерние маршруты. Построение меню и определение активных маршрутов. Организация программной навигации, знакомство с событиями приложения
    • Создание компонента приложения, определение места размещения активов assets, организация загрузки статического контента на страницу
    • Порядок использования дополнительных модулей, загрузка зависимостей с использованием ng add. Инструментарий @angular/material. Инсталляция зависимостей через среду WebStorm, доступ, архитектура, настройка, компоненты и их использование на странице, связь через сервисы с базой данных. Компоненты, определяющие внешний вид приложений, инсталляция, настройка
    • Создание всплывающих окон в приложении, контейнер MatDialog, конфигурация диалогового окна, передача параметров в диалог и возвращение результата действий пользователя. Общие диалоги приложения как сервисы. Повторное использование диалогового контейнера. Механизмы DaragAndDrop в приложении. Подготовка DataSources для отображения таблиц, деревьев и других компонентов
    • Определение сервисов. Взаимодействие из сервисов с серверами приложений, создание сервиса с параметрами и возвращением результата через «обещание» Promise. Клиент HTTP. Особенности выполнения методов POST и GET, обработка ошибок, использование AJAX для асинхронного обмена байтовыми потоками с серверами приложений. Механизмы Observable и Subscribe, использование Promise. Async - Await
    • Использование результата работы сервисов в компонентах, отображение данных в виде таблиц и деревьев, использование CSS-стилизации для данных, полученных из сервисов, одностороннее связывание, обработка событий, двустороннее связывание, связывание через атрибуты. Взаимодействие между компонентами, передача данных из одного компонента в другой. Директивы для изменения внешнего вида приложения
    • Формы стандартные и реактивные. Пример создания стандартной формы. Валидация и стилизация формы. Отправка формы через сервис на сервер приложений с дальнейшей отправкой изменений в базу данных
  3. Организация на примере Python-сервера доступа к серверу Node Express и серверам, которые готовят отчетные данные для публикации на страницах приложения

Регистрация на ближайший курс

Код курса

NT-WebAngular

Длительность, дней (часов)

5 (40)

Ближайшие даты

Цена, грн

График занятий

Дата

Время

23.11.20
09:30 - 17:00
24.11.20
09:30 - 17:00
25.11.20
09:30 - 17:00
26.11.20
09:30 - 17:00
27.11.20
09:30 - 17:00

В стоимость курса входит

  • LIVE-обучение в удаленном формате проведения курса
  • Видеозапись курса (все действия инструктора + голосовое сопровождение)
  • Подборка материалов в электронном виде
  • Электронный сертификат УЦ
  • Консультации тренера в течении 6-ти месяцев после окончания курса