Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tech talk Angular 2

363 views

Published on

Angular2

Published in: Software
  • Login to see the comments

  • Be the first to like this

Tech talk Angular 2

  1. 1. Angular 2 Невероятная сила Которую ты способен контролировать Докладчик: Видинёв Антон
  2. 2. Что из себя представляет Angular 2
  3. 3. Зачем нужен Angular 2 Angular версии 1.х был создан, 5 назад. Это был инструмент, предназначенный для быстрого построения статического HTML. Разработчики прикладывали много усилий, чтобы адаптировать этот продукт к современным реалиям, постоянно обновляя его и улучшая, поскольку потребности современных веб-приложений постоянно изменялись. Однако всему есть ограничения, которые существуют из-за начального назначения продукта. Чтобы решить эти проблемы, необходимы новые подходы и стратегии.
  4. 4. Основные особенности Angular 2 Компоненты; Древовидная вложенность; Рендеринг на сервере;
  5. 5. Поддержка браузерами IE 9, 10, 11, Microsoft Edge, Safari, Firefox, Chrome, Mobile Safari, and Android 4.1+.
  6. 6. Обзор архитектуры 1. Module 2. Component 3. Template 4. Metadata 5. Data Binding 6. Service 7. Directive
  7. 7. Модули import {Component} from 'angular2/core'; export class HeroListComponent { constructor(){ } }
  8. 8. Шаблоны
  9. 9. Метаданные
  10. 10. Data binding Потоки данных. Привязка данных идёт от родителя к наследуемым компонентам.
  11. 11. Сервисы
  12. 12. Внедрение зависимости
  13. 13. Улучшения. Рендеринг на сервере. Убрано прямое взаимодействие с DOM.
  14. 14. Улучшенный синтаксис
  15. 15. Улучшенный нативный роутинг
  16. 16. Data binding optimization 3-10x Angular 1 Angular 2
  17. 17. А так же: Поддержка Web workers: Некоторые процессы запускаются асинхронно, и не блокируют основной поток браузера. Shadow dom Поддержка эмуляции поведения Shadow Doom, Или нативная реализация Shadow Doom в браузере. И другое.
  18. 18. Плюсы и минусы Плюсы: Очень большие и серьезные нововведения Хороший синтаксис Помогает избегать неправильных решений Хорошо составленный Developers Guide Большой шаг в сторону улучшения UX, Очень сложная архитектура устройства фреймворка Серьезный подход Подходит для больших разрастающихся приложений Скорость разработки. Минусы: Слишком большие отличия от 1 Необходимость изучения Typescript и набор библиотек Отсутствие API на данный момент Плохая система отлова ошибок Отсутствие модулей
  19. 19. Вывод Ангуляр 2 это не просто Попытка улучшишь то, что имеется на данный момнт. Это нечто совершенно новое, сохранивший лучшие традиции старого. Он вобрал в себя лучшие идеи сторонних фреймворков и библиотек. Испытал влияние Реакта, Кнокаута, собрав различные подходы и бест практики к построению архитектуры. Ангуляр 2 объеденил все это в один мощный инструмент, в котором большинство фич просто работают из коробки. На котором в недалеком будущем можно будет разрабатывать быстрые, отзывчивые, современные приложения, которые будут радовать юзеров, заказчиков и самих программистов.
  20. 20. The end

×