Get to know AngularJS

"Get to know AngularJS" talk given at the Foo Baroda Meetup.

Transcript

1. AngularJS Get to know @iamnayaabkhan
2. Nayaabkhan @iamnayaabkhan
5. MVVM
6. MVVM Model ViewModel View Model-View-ViewModel
7. Model ViewModel View
8. Model ViewModel View Users ID Name DOB Active 1 John 23/4/87 1 2 Kyle 4/5/89 0 3 Melissa 13/11/90 1 4 Andre 28/6/85 1
9. Model ViewModel View Users ID Name DOB Active 1 John 23/4/87 1 2 Kyle 4/5/89 0 3 Melissa 13/11/90 1 4 Andre 28/6/85 1 User Management Active Users Name Age Action John 28 Remove Melissa 24 Remove Andre 29 Remove
10. Model ViewModel View Users ID Name DOB Active 1 John 23/4/87 1 2 Kyle 4/5/89 0 3 Melissa 13/11/90 1 4 Andre 28/6/85 1 User Management Active Users Name Age Action John 28 Remove Melissa 24 Remove Andre 29 Remove Properties userList Array<id, name, age> Methods remove(user)
11. Model ViewModel View Users ID Name DOB Active 1 John 23/4/87 1 2 Kyle 4/5/89 0 3 Melissa 13/11/90 1 4 Andre 28/6/85 1 User Management Active Users Name Age Action John 28 Remove Melissa 24 Remove Andre 29 Remove Data Data Properties userList Array<id, name, age> Methods remove(user)
12. Model ViewModel View Users ID Name DOB Active 1 John 23/4/87 1 2 Kyle 4/5/89 0 3 Melissa 13/11/90 1 4 Andre 28/6/85 1 User Management Active Users Name Age Action John 28 Remove Melissa 24 Remove Andre 29 Remove Data Data Properties userList Array<id, name, age> Methods remove(user)
13. Model ViewModel View Users ID Name DOB Active 1 John 23/4/87 1 2 Kyle 4/5/89 0 3 Melissa 13/11/90 1 4 Andre 28/6/85 1 User Management Active Users Name Age Action John 28 Remove Melissa 24 Remove Andre 29 Remove Update Actions Properties userList Array<id, name, age> Methods remove(user)
14. MVVM
15. Let’s code http:/ /bit.ly/foodo-tut
16. Scope “A Scope is the glue between a View and a Controller. Anything to add to the Scope will be available to you in the View and vice-versa.”
17. Two Way Binding Two-way binding means that any data-related changes affecting the model are immediately propagated to the matching view(s), and any changes made in the view are immediately reflected in the underlying model.
18. Store & Sync Data Instantly
19. Three Way Binding
22. Q?
23. github.com/nayaabkhan/foobaroda-todo-app http:/ /curran.github.io/screencasts/introToAngular/exampleViewer Cheers! @iamnayaabkhan