This document appears to be a presentation about AngularJS and Angular 2 by Robin Böhm. It discusses the history and growth of AngularJS, the key changes and new features in Angular 2 like being mobile-first and using web components. It also covers migrating from AngularJS 1 to Angular 2, the current alpha release status of Angular 2, and differences in concepts like bindings, annotations and services between the two frameworks. Slides include charts about Google search trends for AngularJS and information about Robin Böhm and his company Symetics which supports the AngularJS community.

1. @RobinBoehm
symetics
Angular 2
Robin Böhm
CodeTalks, Hamburg, 29.09.2015
symetics

2. @RobinBoehm
About Us
Robin Böhm
● robin.boehm@angularjs.de
● @RobinBoehm
● Co-founder of http://angularjs.de (Symetics)
● Web development: 10+ years
● PHP -> Java -> JavaScript
● Trainer & Coach: 4 years

3. @RobinBoehm
About Us
AngularJS
Eine praktische Einführung
in das JavaScript-Framework
● First German AngularJS
book
● dpunkt.verlag
● April 2014
● ca. 360 pages
http://dpunkt.de/buecher/4489/angularjs.html

4. @RobinBoehm
About Us
AngularJS Cookbook
AngularJS Cookbook
70 Recipes for AngularJS 1.2
● Free ca. 160 pages
● English
● Self Published (Leanpub)
● Feb. 2014
https://leanpub.com/angularjs-cookbook

5. @RobinBoehm
About Us
AngularJS.DE
● Promoting AngularJS in
Germany
● Developer network
● Trainings and workshops
● Open source book
● Articles and blog posts

6. @RobinBoehm
Symetics GmbH
The business backing AngularJS.DE
symetics

7. @RobinBoehm
OURLOVEOURBUSINESS
symetics training
ANGULARJS.DE
In-house WorkshopsOpen Workshops
symetics
CORE
PRODUCT DEVELOPMENT
Webinars

8. @RobinBoehm symetics
ANGULARJS 2

9. @RobinBoehm symetics
2012 - 2015
Google Trends
symetics

10. @RobinBoehm symetics
2005 - 2015
Google Trends
symetics

11. @RobinBoehm symetics
2005 - 2015
Google Trends
symetics

12. @RobinBoehm symetics
The year AngularJS was born
2009

13. @RobinBoehm symetics
The year AngularJS was born
2009
6 Years Ago

14. @RobinBoehm symetics
The year AngularJS was born

15. @RobinBoehm symetics
The year AngularJS was born

16. @RobinBoehm symetics
The year AngularJS was born

17. @RobinBoehm symetics
The year AngularJS was born

18. @RobinBoehm symetics
The year AngularJS was born

19. @RobinBoehm symetics

20. @RobinBoehm symetics

21. @RobinBoehm symetics
The year Angular 2 is born
2015

22. @RobinBoehm symetics
M o b i l e
F i r s t

23. @RobinBoehm symetics
Web Components

24. @RobinBoehm symetics
New Language

25. @RobinBoehm symetics
The Others???

26. @RobinBoehm symetics
Facebook, Microsoft, Ember Team

27. @RobinBoehm symetics
Migration
Migration?

28. @RobinBoehm symetics
Migration

29. @RobinBoehm symetics
Migration
1.5
1.6
2.0

30. @RobinBoehm symetics
Migration - Prepare your AJS 1 App

31. @RobinBoehm symetics
Migration - Prepare your AJS 1 App

32. @RobinBoehm symetics
Migration - Prepare your AJS 1 App

33. @RobinBoehm symetics
Migration - Prepare your AJS 1 App

34. @RobinBoehm symetics
Migration - Prepare your AJS 1 App

35. @RobinBoehm symetics
Example Migration-Prepare
Article
Code

36. @RobinBoehm symetics
Migration

37. @RobinBoehm symetics
Migration!

38. @RobinBoehm symetics
Alpha
2.0.0-alpha.37

39. @RobinBoehm symetics

40. @RobinBoehm symetics

41. @RobinBoehm symetics
New Website

42. @RobinBoehm symetics
Reduce
35 Directives in AngularJS
Now only 4 concepts

43. @RobinBoehm symetics
Events in Angular 2
<button
class="changeButton" (click)="
changeGreeting()">
change greeting
</button>

44. @RobinBoehm symetics
Local Vars in Angular 2
DOMElement is available at the local scope
<input #inputField (keyup)></input>
{{inputField.value}}

45. @RobinBoehm symetics
Property-Binding in Angular 2
<input class="inputButton" [value]="ComponentVariable"/>
Property-Binding != Attribute Binding

46. @RobinBoehm symetics
Property-Binding in Angular 2
Generic Binding to the element

47. @RobinBoehm symetics
Property-Binding in Angular 2
Generic Binding to the element
Works with:
- Custom Elements
- Web Components
- Polymer
- ...
-

48. @RobinBoehm symetics
Expressions
<div class="greeting">{{greeting}}</div>

49. @RobinBoehm symetics
@Annotations

50. @RobinBoehm symetics
Annotations

51. @RobinBoehm symetics
Services & Dependency Injection

52. @RobinBoehm symetics
Services & Dependency Injection

53. @RobinBoehm symetics
Services & Dependency Injection
Services are just simple classes! Nothing to do
more!

54. @RobinBoehm symetics
Angular 2 Tutorial
Article
Code

55. @RobinBoehm symetics
Release?

56. @RobinBoehm symetics
Conclusion

57. @RobinBoehm symetics
Thanks!
● Q/A
● Robin Böhm
● robin.boehm@angularjs.de
● @RobinBoehm

58. symetics