Описание курса:

Курс создан для новичков сферы Frontend разработки, в ходе которого студенты знакомятся с обновленным фреймворком Angular 6, узнают об основных его преимуществах, возможностях, компонентах и так далее. В процессе обучения слушатели учатся пользоваться формами и HTTP-протоколом, практикуются в работе с TypeScript и изучают весь функционал фреймворка, необходимый для создания одностраничных SPA-приложений.

После изучения курса Вы сможете:

  • Понимать цели разработки фреймворка и преимущества его использования
  • Разбираться в принципах двустороннего связывания данных
  • Работать с формами, проверять их и обрабатывать ошибки
  • Работать со встроенными директивами и создавать свои
  • Создавать простые одностраничные приложения, используя фреймворк
  • Использовать CLI (Command line interface) для создания и разработки проекта

Программа курса:

  • Введение в Angular 6
    • Знакомство с фреймворком
    • Основные преимущества
    • Уникальные фичи и возможности
    • История версий и основные отличия
    • Структура фреймворка
    • Angular StyleGuide
 
  • Знакомство с TypeScript
    • Введение в TypeScript
    • Базовые типы
    • Interfaces
    • Классы
    • Модули
    • Декораторы
    • Утилита TSLint
 
  • Основы работы с CLI и Angular Console
    • Основные команды
    • Инициализация и запуск проекта
    • Команда создания и ее параметры
    • Создание модулей, компонент, директив, сервисов, пайпов
    • Создание билдов
    • Использование Angular Console
 
  • Основы работы с модулями
    • Понятие модульной системы Angular
    • Описание и функционал основных модулей
    • Декоратор @NgModule
    • Регистрация компонент, директив, пайпов
    • Регистрация сервисов
    • Типы основных модулей
 
  • Основы работы с компонентами в Angular 6
    • Компоненты, декоратор @Component
    • Привязка данных, публичные и приватные свойства
    • Шаблонная переменная
    • Взаимодействие между компонентами
    • Декораторы @Input, @Output
    • Конструктор в компонентах приложения
    • Подробное изучение методов OnInit и OnDestory
    • Стилизация компонент
    • Проецирование контента
 
  • Основы работы с DOM в Angular 6
    • Директивы, декоратор @Directive
    • Встроенные пайпы
    • Создание пользовательских пайпов, декоратор @Pipe
    • Понятие изменяемых и не изменяемых данных
    • Pure и Impure пайпы
    • Создание пользовательских пайпов, декоратор @Pipe
    • Понятие изменяемых и не изменяемых данных
    • Pure и Impure пайпы
 
  • Основы работы с сервисами в Angular 6
    • Сервисы и их предназначение
    • Механизм DI - внедрение зависимостей
    • Создание, регистрация и внедрение сервисов
    • Декоратор @Optional
    • Провайдеры: useValue, useClass
    • Понятие мултипровайдеров
 
  • Работа с формами в Angular 6
    • Введение в Template-Driven и Data-Driven (Реактивные) формы
    • Понятие модели данных и модели формы
    • Доступ к свойствам модели формы в Template-Driven формах
    • Валидация Templte-Driven форм и обработка ошибок
    • Создание пользовательских директив валидации
    • Создание реативных форм
    • Валидация реактивных форм и обработка ошибок
 
  • Роутинг SPA в Angular 6
    • Создание модуля роутинга для приложения
    • Подробное знакомство с директивой Router Outlet
    • Директивы для работы с роутером
    • Создание URL с параметрами и их обработка
 
  • Основы работы с HTTP
    • Разбор модуля HttpClient API
    • Интерфейсы для работы со всеми методами HTTP запросов
    • Создание запросов к серверу с использованием Promises
    • Краткое вступление в Observables
 

Минимальные требования:

  • Уверенное знание JavaScript
  • Наличие собственного ноутбука для занятий в аудиториях

* Указанные скидки не суммируются с другими действующими акциями и специальными предложениями. Если у Вас возникли вопросы, обращайтесь за консультацией к нашим менеджерам!