1. Angular – Say
Goodbye to
Javascript Soup
Graeme Foster

2. Page
Back in time to 1999

3. Page
What’s bad with what we have?
› … DOM / JQuery / Html becomes messy
› … and difficult to test
› … and regression creeps in
› … and it becomes unmaintainable
› Web Apps are getting complex!

4. Page
Enter the framework
› There are many web frameworks
› Ember
› Backbone
› Knockout
› And approximately 10 new ones per day…
› Check them out

5. Page
Angular Core Concepts
› UI is declarative
› “Extensions” toHtml
› HeavyuseofData Binding
› App Logic is imperative
› WritteninJavascript
› Dependency Injection atits heart

6. Page
Demonstrations

7. Page
Achievements Unlocked
› Markup is simple, contains no Javascript.
› App logic is in small javascript components
where it is easy to test
› And we even used gulpjs to run automated tests!

8. Page
Takeaways
› Data Binding via directives
› Value conversion using filters
› Unit testing controllers using Jasmine
› Mocking out $http using $httpBackend and testing
http calls
› Routes using ng-route
› Little-s-singletons implemented as services

9. Page
References
› https://angularjs.org/
› https://groups.google.com/forum/#!forum/angular
› https://www.youtube.com/user/ngconfvideos
› http://tutorials.jenkov.com/angularjs/index.html
/ Copyright ©2014 by Readify Pty Ltd9

10. Page
Contact
graeme.foster@readify.net
http://gograemefoster.blogspot.com
+61 (416) 848-234
@graefoster
/ Copyright ©2014 by Readify Pty Ltd10

11. Thank you