Опис курсу:

Курс створений для розробників, які вже пройшли курс Angular 6 (базовий) та бажають ще більше заглибитись в тонкощі роботи з даним фреймворком. В ході навчання ви відкриєте для себе багато прихованих та продвинутих можливостей, розглянете принципи тестування коду та конфігурації встановлення додатків на Angular 6. На заняттях ви дізнаєтесь, як правильно використовувати всі елементи та компоненти фреймворку, а також створите повноцінні динамічні додатки, впровадивши в них широку, продвинуту функціональність.

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

  • Створювати повноцінні додатки з повним спектром можливостей та функцій
  • Застосовувати анімовану стилістику та анімацію в розроблених додатках
  • Досконало розуміти принципи тестування HTTP-запитів
  • Використовувати корисні бібліотеки при проектуванні додатку
  • Розбиратися в принципах взаємодії компонентів фреймворку Angular 6

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

  • Angular 6 і його детальна робота з DOM, а також імітація Shadow DOM
    • Особливості обробки DOM фреймворком
    • Подробиці побудови і парсингу DOM з HTML шаблонів
    • Обробка властивостей і атрибутів HTML-елементів
    • Обробка стилів HTML-елементів
    • Angular Web Components - Angular Elements
    • Ivy Renderer - новий механізм рендерингу
  • Докладне вивчення взаємодії компонентів
    • Патерни і способи взаємодії компонентів між собою
    • Взаємодія компонентів за допомогою подій використовуючи EventEmitter або ViewChild
    • Взаємодія компонентів на основі сервісів
    • Використання Observables для зберігання даних в сервісі
    • Розбір декоратора Injectable і суть його використання
  • CLI в деталях
    • Шаблони
    • Структура проекту
    • Обговорення необхідності стандартизації структури проекту
  • Детальний розбір роутингу в Angular 6 і його можливостей
    • Використання child-Рауса
    • RouteGuards
    • Використання CanActivate для обмеження доступу до роута за правами користувачів
    • Вивчення CanDeactivate і для чого це потрібно
    • Асинхронний роутинг
    • Динамічне завантаження компонентів
    • Реалізація pre-fetching data для підвантаження даних до моменту відображення сторінки
    • NavigationSource і restoreState в NavigationStart
  • Детальне знайомство з бібліотеками, які використовуються в Angular 6, впровадження сторонніх бібліотек в додаток
    • Знайомство з RxJS, zone.js і поліфілламі для використання Angular 6 в IE9 і вище
    • Знайомство з Reactive Programming
    • Реалізація Redux контейнерів і управління станами за допомогою ngx-store
    • Корисні бібліотеки для Angular 6
  • Детальне знайомство з HttpClient API
    • Продвинуте вивчення запитів до сервера за допомогою Angular 6
    • Знайомство з GraphQL і його використання
    • Робота з не JSON даними
    • XSRF захист
    • Тестування HTTP запитів
  • Анімації з використанням Web Animations API і візуалізація даних за допомогою SVG і D3.js
    • Розбір Animations модуля в Angular 6
    • Реалізація анімацій
    • Знайомство з D3.js
    • Реалізація анімацій SVG і візуалізація даних
    • Angular Material з CDK
  • Тестування коду в Angular 6
    • Unit тестування за допомогою Jasmine / Karma
    • Тестування компонентів і директив
    • Тестування сервісів
    • Тестування роутінга
    • Ізольовані Unit тест
    • Angular testing API
  • Конфігурація встановлення Angular 6 і Deployment додатки
    • Установка необхідних npm пакетів
    • CLI
    • Конфігурація TypeScript
    • JIT vs AOT компіляція
    • Deployment
    • App Budgets
  • Додатково
    • Детальний знайомство зі Style Guides
    • Підготовка та установка CI на основі Docker
    • Міграція з Angular 1.x.x

Мінімальні вимоги:

  • Впевнене знання JavaScript
  • Знання Angular 2/4
  • Знання TypeScript
  • Наявність власного ноутбуку для занять в аудиторіях

* Вказані знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!