4.
Устаревшие принципы
Код AngularJs 1 основывается на
принципах, принятых в 2009 году
5.
Устаревшие принципы
Код AngularJs 1 основывается на
принципах, принятых в 2009 году
Directive → WebComponents
6.
Устаревшие принципы
Код AngularJs 1 основывается на
принципах, принятых в 2009 году
Directive → WebComponents
Transclusion → Shadow DOM
7.
Устаревшие принципы
Код AngularJs 1 основывается на
принципах, принятых в 2009 году
Directive → WebComponents
Transclusion → Shadow DOM
Module → ES6 Module
8.
Низкая производительность
Angular2 в 5 раз шустрее
Тест на построение дерева глубокой вложенности
9.
Сложные концепции
AngularJS 1 содержит много разных
концепций
Сервисы
Провайдеры
Фабрики
Scope
Контроллеры
Модули
Директивы
etc...
10.
Сложные концепции
Это усложняет обучение и понимание
11.
B итоге
Недостатки AngularJs 1
Устаревшие принципы
Низкая производительность
Сложные концепции, крутая кривая изучения
12.
Angular 2
TypeScript
Компоненты
Инициализация приложения
Синтаксис шаблонов
Проверка изменений в моделях
15.
TypeScript – надмножество JavaScript
Компилируется в ES5/ES6
Не зависит от Angular 2
Типизированный, но типы
указывать не обязательно
TypeScript 1.5
31.
Синтаксис шаблонов
Унификация
#varName — для локальных переменных
(eventName) — для событий
[property] — для полей DOM-элементов
32.
Проверка изменений в моделях
Zone.js
Использует нативный Object.observe()
Рендерит только те компоненты, что изменились
Организовывает асинхронный код в виде задач (зон)
Позволяет отлавливать исключения внутри таких зон.
Позволяет отказаться от $digest ($apply): больше не нужно
вручную вызывать scope.$apply() или заворачивать код в
$timeout
33.
Спасибо за
внимание.
Вопросы?
Основано на: https://angular2-intro.firebaseapp.com/