tech talk angular 2

20
Angular 2 Невероятная сила Которую ты способен контролировать Докладчик: Видинёв Антон

Upload: da-14

Post on 13-Jan-2017

296 views

Category:

Software


0 download

TRANSCRIPT

Page 1: Tech talk Angular 2

Angular 2Невероятная сила

Которую ты способен контролировать

Докладчик:Видинёв Антон

Page 2: Tech talk Angular 2

Что из себя представляет Angular 2

Page 3: Tech talk Angular 2

Зачем нужен Angular 2

Angular версии 1.х был создан, 5 назад. Это был инструмент, предназначенный для быстрого построения статического HTML. Разработчики прикладывали много усилий, чтобы адаптировать этот продукт к современным реалиям, постоянно обновляя его и улучшая, поскольку потребности современных веб-приложений постоянно изменялись. Однако всему есть ограничения, которые существуют из-за начального назначения продукта. Чтобы решить эти проблемы, необходимы новые подходы и стратегии.

Page 4: Tech talk Angular 2

Основные особенности Angular 2

Компоненты; Древовидная вложенность; Рендеринг на сервере;

Page 5: Tech talk Angular 2

Поддержка браузерами

IE 9, 10, 11, Microsoft Edge, Safari, Firefox, Chrome, Mobile Safari, and Android 4.1+.

Page 7: Tech talk Angular 2

Модули

import {Component} from 'angular2/core';

export class HeroListComponent {

constructor(){ }

}

Page 8: Tech talk Angular 2

Шаблоны

Page 9: Tech talk Angular 2

Метаданные

Page 10: Tech talk Angular 2

Data binding

Потоки данных. Привязка данных идёт от родителя к наследуемым компонентам.

Page 11: Tech talk Angular 2

Сервисы

Page 12: Tech talk Angular 2

Внедрение зависимости

Page 13: Tech talk Angular 2

Улучшения. Рендеринг на сервере.

Убрано прямое взаимодействие с DOM.

Page 14: Tech talk Angular 2

Улучшенный синтаксис

Page 15: Tech talk Angular 2

Улучшенный нативный роутинг

Page 16: Tech talk Angular 2

Data binding optimization 3-10x

Angular 1 Angular 2

Page 17: Tech talk Angular 2

А так же:Поддержка Web workers: Некоторые процессы запускаются асинхронно, и не блокируют основной поток браузера.Shadow domПоддержка эмуляции поведения Shadow Doom, Или нативная реализация Shadow Doom в браузере.И другое.

Page 18: Tech talk Angular 2

Плюсы и минусыПлюсы:

Очень большие и серьезные нововведенияХороший синтаксисПомогает избегать неправильных решенийХорошо составленный Developers GuideБольшой шаг в сторону улучшения UX, Очень сложная архитектура устройства фреймворка Серьезный подходПодходит для больших разрастающихся приложенийСкорость разработки.

Минусы:

Слишком большие отличия от 1Необходимость изучения Typescript и набор библиотекОтсутствие API на данный моментПлохая система отлова ошибокОтсутствие модулей

Page 19: Tech talk Angular 2

Вывод

Ангуляр 2 это не просто Попытка улучшишь то, что имеется на данный момнт. Это нечто совершенно новое, сохранивший лучшие традиции старого. Он вобрал в себя лучшие идеи сторонних фреймворков и библиотек. Испытал влияние Реакта, Кнокаута, собрав различные подходы и бест практики к построению архитектуры. Ангуляр 2 объеденил все это в один мощный инструмент, в котором большинство фич просто работают из коробки. На котором в недалеком будущем можно будет разрабатывать быстрые, отзывчивые, современные приложения, которые будут радовать юзеров, заказчиков и самих программистов.

Page 20: Tech talk Angular 2

The end