AngularJS is a web application framework created by Misko Hevery that aims to simplify complex web apps. It is not a library for DOM manipulation or widgets, but rather a framework for building dynamic web applications using HTML. AngularJS treats dynamic web pages as HTML documents and allows data binding between models and views. While jQuery is useful for DOM manipulation, AngularJS takes a higher level approach focused on building web app structure and data binding.

1. <angular/> - Complex web apps made simple

2. What is <angular/>?

3. „We are still trying to figure out the
positioning story for angular.“
Miško Hevery, author of angular

4. Who is Miško Hevery?

5. Agile Coach at Google, Inc.
Author of:
Testability Explorer
JsTestDriver
@mhevery

6. What is <angular/> - explained by Miško?

7. It's not a library –
no DOM manipulation, no widgets

8. It's not a library –
no DOM manipulation, no widgets
It's not a framework

9. It's not a library –
no DOM manipulation, no widgets
It's not a framework
Angular is to dynamic documents
what HTML is to static documents

10. It's not a library –
no DOM manipulation, no widgets
It's not a framework
Angular is to dynamic documents
what HTML is to static documents
Angular is what HTML would have been if it
was designed for building web-applications

11. What is <angular/> - with respect to jQuery?

12. Angular and jQuery are made for each other

13. Angular and jQuery are made for each other
jQuery is for manipulating DOM and angular is
more for web-app frameworks with data binding

14. Angular and jQuery are made for each other
jQuery is for manipulating DOM and angular is
more for web-app frameworks with data binding
Angular uses jQuery internally to manipulate the DOM

15. Angular: high level app flow

16. Angular: high level app flow
jQuery: low level DOM manipulation

17. Angular: high level app flow
jQuery: low level DOM manipulation
You use angular to create a flow for your site with MVC,
but you use jQuery to create the widgets and animations
in your application which you then use to build the UI

18. Demo
„Hello, World“

19. Praise for <angular/>

20. „This is without question the most productive
approach to building webapps that I have seen.“
„The last time I had a coding epiphany was discovering
the power and simplicity of jQuery.
This is way better than that.„

21. „I forgot to tell how amazing this angularjs stuff is.
I was writing a huge web application with two other
developers and I solved problems with angular
in hours which took us weeks the old way.
This thing is bleeding edge and stunning fast.„

22. Write less code. A lot less.

23. Demo
A working Google Buzz client
in 19 lines of JavaScript code

24. http://angularjs.org
@angularjs
Manuel Kiessling
Director Product Development MyHammer AG
@manuelkiessling