Slide 1

Slide 1 text

Webnesday

Slide 2

Slide 2 text

Pascal @nicam Peter @petermanser

Slide 3

Slide 3 text

Feedback / Kontakt [email protected] @webnesdaysg

Slide 4

Slide 4 text

Varia • Danke Namics fürs Hosting • Nächstes Mal 5. November “Lightning Talks”
 (3 x 10-15min)

Slide 5

Slide 5 text

git clone https://github.com/nicam/angular-demo.git

Slide 6

Slide 6 text

$WHOAMI

Slide 7

Slide 7 text

I am Pascal Helfenstein I love Javascript I work @liip I study @zhaw I tweet @nicam

Slide 8

Slide 8 text

Why AngularJS?

Slide 9

Slide 9 text

$('button').click(function(e) {
 $('#something').updateSomething();
 } NO MORE!

Slide 10

Slide 10 text

{{Data Binding}}

Slide 11

Slide 11 text

Input
 ! ! Output
 {{ name }} ! git checkout solution1

Slide 12

Slide 12 text

git checkout solution2

Slide 13

Slide 13 text

|filters |filters |filters |filters git checkout solution3

Slide 14

Slide 14 text

$scope

Slide 15

Slide 15 text

Output Scope

Slide 16

Slide 16 text

.controllers git checkout solution4

Slide 17

Slide 17 text

test it() git checkout solution5

Slide 18

Slide 18 text

Angular vs *.js

Slide 19

Slide 19 text

Size

Slide 20

Slide 20 text

Community

Slide 21

Slide 21 text

Interest

Slide 22

Slide 22 text

How to get started angularjs.org

Slide 23

Slide 23 text

Questions?

Slide 24

Slide 24 text

No content