AngularJS Single Page Applications Basics

1. Single Page
Applications with
AngularJS
RUMESH ERANGA HAPUARACHCHI
rehrumesh@hotmail.com
http://testedandwrote.blogspot.com

2. Project Sources
https://github.com/rehrumesh/spa-with-angularjs

3. Tools Needed
Any of following :
Visual Studio
MEAN stack (mean.io)
Sublime / Notepad ++ or any other good text editor

4. Topics will be covering
What is a Single Page Application
Other libraries for SPA
Features of AngularJs
Getting Started with our project
Directives, Filters and Data Binding
Views Controllers and $scope
Modules, Routes and Factories

5. Single Page
Applications
Example Sites:
www.gmail.com
www.Hotmail.com
www.trello.com
http://www.hipmunk.com

6. Other libraries for SPA

7. angularjs.org
Full-featured single page application framework

8. Angular Framework
Data binding
MVC
Routing
Testing
Templates
History
Factories
ViewModel
Controllers
Views
Directives
Services
Dependency Injection
Validation

9. Getting Started with
our Project
LETS START CODING

10. Directives, Filters and Data Binding

11. Directives
Way to teach HTML to do new tricks
ng-app
ng-model
ng-controller
and many more
You can create your own directives also

12. Directives, Filters and
Data Binding
DEMO

13. Views, Controllers and $scope

14. Views
Controllers and
$scope

15. Views Controllers and
$scope
DEMO

16. Modules

17. Modules

18. Modules
DEMO

19. Angular Routing and Factory

20. Routing /myvisits /visitors

21. Routing and Factory
DEMO

22. Customer Manager
Demo
BY : DAN WHALIN
URL : https://github.com/danwahlin/customermanager

23. Questions?

24. Thank you