Embed Size (px)
Citation preview
@RobinBoehm
symetics
Angular 2Robin BöhmCodeTalks, Hamburg, 29.09.2015
symetics
@RobinBoehm
About Us
Robin Böhm● [email protected]● @RobinBoehm● Co-founder of http://angularjs.de (Symetics)
● Web development: 10+ years● PHP -> Java -> JavaScript● Trainer & Coach: 4 years
@RobinBoehm
About Us
AngularJSEine praktische Einführungin das JavaScript-Framework
● First German AngularJS book
● dpunkt.verlag● April 2014● ca. 360 pages
http://dpunkt.de/buecher/4489/angularjs.html
@RobinBoehm
About Us
AngularJS CookbookAngularJS Cookbook70 Recipes for AngularJS 1.2
● Free ca. 160 pages● English ● Self Published (Leanpub)● Feb. 2014
https://leanpub.com/angularjs-cookbook
@RobinBoehm
About Us
AngularJS.DE● Promoting AngularJS in
Germany
● Developer network
● Trainings and workshops
● Open source book
● Articles and blog posts
@RobinBoehm
OU
R L
OVE
OU
R B
USI
NES
S symetics training
ANGULARJS.DE
In-house WorkshopsOpen Workshops
symeticsC
OR
E
PRODUCT DEVELOPMENT
Webinars
@RobinBoehm symetics
2012 - 2015
Google Trends
symetics
@RobinBoehm symetics
2005 - 2015
Google Trends
symetics
@RobinBoehm symetics
2005 - 2015
Google Trends
symetics
@RobinBoehm symetics
Example Migration-Prepare
Article
Code
@RobinBoehm symetics
Reduce
35 Directives in AngularJS
Now only 4 concepts
@RobinBoehm symetics
Events in Angular 2
<button class="changeButton" (click)="changeGreeting()">change greeting
</button>
@RobinBoehm symetics
Local Vars in Angular 2
DOMElement is available at the local scope
<input #inputField (keyup)></input>
{{inputField.value}}
@RobinBoehm symetics
Property-Binding in Angular 2
<input class="inputButton" [value]="ComponentVariable"/>
Property-Binding != Attribute Binding
@RobinBoehm symetics
Property-Binding in Angular 2
Generic Binding to the element
@RobinBoehm symetics
Property-Binding in Angular 2
Generic Binding to the element
Works with:- Custom Elements- Web Components- Polymer- ...
-
@RobinBoehm symetics
Expressions
<div class="greeting">{{greeting}}</div>
@RobinBoehm symetics
Services & Dependency Injection
Services are just simple classes! Nothing to do more!
@RobinBoehm symetics
Angular 2 Tutorial
Article
Code
symetics
