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.
2015
Angular 2: что грядёт Березин Артём artem@emply.ru
Зачем вообще нужна новая версия
Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году
Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году Directive → WebComponents
Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году Directive → WebComponents Transclusion...
Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году Directive → WebComponents Transclusion...
Низкая производительность Angular2 в 5 раз шустрее Тест на построение дерева глубокой вложенности
Сложные концепции AngularJS 1 содержит много разных концепций Сервисы Провайдеры Фабрики Scope Контроллеры Модули Директив...
Сложные концепции Это усложняет обучение и понимание
B итоге Недостатки AngularJs 1 Устаревшие принципы Низкая производительность Сложные концепции, крутая кривая изучения
Angular 2 TypeScript Компоненты Инициализация приложения Синтаксис шаблонов Проверка изменений в моделях
Простое приложение
TypeScript – надмножество JavaScript
TypeScript – надмножество JavaScript Компилируется в ES5/ES6 Не зависит от Angular 2 Типизированный, но типы указывать не ...
TypeScript – надмножество JavaScript
Компоненты
Компоненты: Аннотации
Компоненты: Контроллер
Компоненты
Инициализация: AngularJs 1
Инициализация: AngularJs 1 1)Создать модуль 2)Прописать ng-app в шаблоне 3)Создать контроллер controller 4)Присвоить значе...
Инициализация: AngularJs 2 Создать компонент Инициализировать его
Инициализация: AngularJs 2 1)Создать компонент 2)Создать шаблон 3)Инициализировать (корневой компонент) 4)Транслировать Ty...
Синтаксис шаблонов
Синтаксис шаблонов
Синтаксис шаблонов Локальные переменные
Синтаксис шаблонов Обработчики событий
Синтаксис шаблонов Изменение свойств DOM-элементов
Синтаксис шаблонов
Синтаксис шаблонов Унификация #varName — для локальных переменных (eventName) — для событий [property] — для полей DOM-эле...
Проверка изменений в моделях Zone.js Использует нативный Object.observe() Рендерит только те компоненты, что изменились Ор...
Спасибо за внимание. Вопросы? Основано на: https://angular2-intro.firebaseapp.com/
Upcoming SlideShare
Loading in …5
×
Software
Apr. 13, 2015
1,026 views

2

Share

Download to read offline

Angular2

Download to read offline

Software
Apr. 13, 2015
1,026 views

Презентация Артёма Березина на GDG Vladivostok Meetup 04.04.2015

Recommended

Related Books

Free with a 30 day trial from Scribd

See all
An Army of Davids: How Markets and Technology Empower Ordinary People to Beat Big Media, Big Government, and Other Goliaths Glenn Reynolds
(4/5)
Free
World Wide Mind: The Coming Integration of Humanity, Machines, and the Internet Michael Chorost
(4/5)
Free
Emergence: The Connected Lives of Ants, Brains, Cities, and Software Steven Johnson
(4.5/5)
Free
Tubes: A Journey to the Center of the Internet Andrew Blum
(4/5)
Free
The Impulse Economy: Understanding Mobile Shoppers and What Makes Them Buy Gary Schwartz
(4.5/5)
Free
Hamlet's BlackBerry: A Practical Philosophy for Building a Good Life in the Digital Age William Powers
(4/5)
Free
In the Plex: How Google Thinks, Works, and Shapes Our Lives Steven Levy
(4.5/5)
Free
Socialnomics: How Social Media Transforms the Way We Live and Do Business Erik Qualman
(3/5)
Free
Public Parts: How Sharing in the Digital Age Improves the Way We Work and Live Jeff Jarvis
(3.5/5)
Free
The Nature of the Future: Dispatches from the Socialstructed World Marina Gorbis
(4/5)
Free
Talking Back to Facebook: The Common Sense Guide to Raising Kids in the Digital Age James P. Steyer
(4.5/5)
Free
The Thank You Economy Gary Vaynerchuk
(4/5)
Free
Blog Schmog: The Truth About What Blogs Can (and Can't) Do for Your Business Robert W. Bly
(4/5)
Free
The End of Business As Usual: Rewire the Way You Work to Succeed in the Consumer Revolution Brian Solis
(5/5)
Free
No Place to Hide: Edward Snowden, the NSA, and the U.S. Surveillance State Glenn Greenwald
(4.5/5)
Free
Our Final Invention: Artificial Intelligence and the End of the Human Era James Barrat
(4.5/5)
Free

Related Audiobooks

Free with a 30 day trial from Scribd

See all
The Art of Social Media: Power Tips for Power Users Guy Kawasaki
(4/5)
Free
Kill All Normies: Online Culture Wars From 4Chan And Tumblr To Trump And The Alt-Right Angela Nagle
(4/5)
Free
An Introduction to Information Theory: Symbols, Signals and Noise John R. Pierce
(4.5/5)
Free
The Dark Net: Inside the Digital Underworld Jamie Bartlett
(3.5/5)
Free
So You Want to Start a Podcast: Finding Your Voice, Telling Your Story, and Building a Community that Will Listen Kristen Meinzer
(4.5/5)
Free
Cognitive Surplus: Creativity and Generosity in a Connected Age Clay Shirky
(3.5/5)
Free
Ten Arguments for Deleting Your Social Media Accounts Right Now Jaron Lanier
(4/5)
Free
Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Seth Stephens-Davidowitz
(4.5/5)
Free
The New New Thing: A Silicon Valley Story Bruce Reizen
(4.5/5)
Free
New Dark Age: Technology and the End of the Future James Bridle
(4.5/5)
Free
Blockchain Revolution: How the Technology Behind Bitcoin Is Changing Money, Business, and the World Don Tapscott
(4/5)
Free
The Emperor's New Mind: Concerning Computers, Minds, and the Laws of Physics Roger Penrose
(3.5/5)
Free
The Death of Expertise: The Campaign Against Established Knowledge and Why it Matters Tom Nichols
(4.5/5)
Free
Alone Together: Why We Expect More from Technology and Less from Each Other Sherry Turkle
(4/5)
Free
Algorithms to Live By: The Computer Science of Human Decisions Tom Griffiths
(4.5/5)
Free
Worm: The First Digital World War Mark Bowden
(4/5)
Free

Angular2

  1. 1. 2015
  2. 2. Angular 2: что грядёт Березин Артём artem@emply.ru
  3. 3. Зачем вообще нужна новая версия
  4. 4. Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году
  5. 5. Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году Directive → WebComponents
  6. 6. Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году Directive → WebComponents Transclusion → Shadow DOM
  7. 7. Устаревшие принципы Код AngularJs 1 основывается на принципах, принятых в 2009 году Directive → WebComponents Transclusion → Shadow DOM Module → ES6 Module
  8. 8. Низкая производительность Angular2 в 5 раз шустрее Тест на построение дерева глубокой вложенности
  9. 9. Сложные концепции AngularJS 1 содержит много разных концепций Сервисы Провайдеры Фабрики Scope Контроллеры Модули Директивы etc...
  10. 10. Сложные концепции Это усложняет обучение и понимание
  11. 11. B итоге Недостатки AngularJs 1 Устаревшие принципы Низкая производительность Сложные концепции, крутая кривая изучения
  12. 12. Angular 2 TypeScript Компоненты Инициализация приложения Синтаксис шаблонов Проверка изменений в моделях
  13. 13. Простое приложение
  14. 14. TypeScript – надмножество JavaScript
  15. 15. TypeScript – надмножество JavaScript Компилируется в ES5/ES6 Не зависит от Angular 2 Типизированный, но типы указывать не обязательно TypeScript 1.5
  16. 16. TypeScript – надмножество JavaScript
  17. 17. Компоненты
  18. 18. Компоненты: Аннотации
  19. 19. Компоненты: Контроллер
  20. 20. Компоненты
  21. 21. Инициализация: AngularJs 1
  22. 22. Инициализация: AngularJs 1 1)Создать модуль 2)Прописать ng-app в шаблоне 3)Создать контроллер controller 4)Присвоить значения полям $scope 5)Зарегистрировть контроллер 6)Создать шаблон
  23. 23. Инициализация: AngularJs 2 Создать компонент Инициализировать его
  24. 24. Инициализация: AngularJs 2 1)Создать компонент 2)Создать шаблон 3)Инициализировать (корневой компонент) 4)Транслировать TypeScript в JS (ES5)
  25. 25. Синтаксис шаблонов
  26. 26. Синтаксис шаблонов
  27. 27. Синтаксис шаблонов Локальные переменные
  28. 28. Синтаксис шаблонов Обработчики событий
  29. 29. Синтаксис шаблонов Изменение свойств DOM-элементов
  30. 30. Синтаксис шаблонов
  31. 31. Синтаксис шаблонов Унификация #varName — для локальных переменных (eventName) — для событий [property] — для полей DOM-элементов
  32. 32. Проверка изменений в моделях Zone.js Использует нативный Object.observe() Рендерит только те компоненты, что изменились Организовывает асинхронный код в виде задач (зон) Позволяет отлавливать исключения внутри таких зон. Позволяет отказаться от $digest ($apply): больше не нужно вручную вызывать scope.$apply() или заворачивать код в $timeout
  33. 33. Спасибо за внимание. Вопросы? Основано на: https://angular2-intro.firebaseapp.com/

  • ssusercf67d2

    Jun. 28, 2018

  • mrredr

    May. 6, 2016

Презентация Артёма Березина на GDG Vladivostok Meetup 04.04.2015

Views

Total views

1,026

On Slideshare

0

From embeds

0

Number of embeds

7

Actions

Downloads

41

Shares

0

Comments

0

Likes

2

×