The document discusses Angular, a web application framework that aims to address issues with traditional JavaScript development such as messy code, difficulty testing, and poor maintainability. It notes common problems that arise in complex web apps and introduces Angular as a solution. The core concepts of Angular are described as declarative UI, extensions to HTML through directives, heavy data binding, and imperative app logic written in JavaScript with dependency injection. Demonstrations are provided and achievements of Angular are listed as simple markup without JavaScript, easy to test logic components, and automated testing support. Key takeaways cover data binding, filters, unit testing, mocking HTTP calls, routing, and services.

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