Single Page
Applications with
AngularJS
RUMESH ERANGA HAPUARACHCHI
rehrumesh@hotmail.com
http://testedandwrote.blogspot.com
Project Sources
https://github.com/rehrumesh/spa-with-angularjs
Tools Needed
Any of following :
Visual Studio
MEAN stack (mean.io)
Sublime / Notepad ++ or any other good text editor
Topics will be covering
What is a Single Page Application
Other libraries for SPA
Features of AngularJs
Getting Started wi...
Single Page
Applications
Example Sites:
www.gmail.com
www.Hotmail.com
www.trello.com
http://www.hipmunk.com
Other libraries for SPA
angularjs.org
Full-featured single page application framework
Angular Framework
Data binding
MVC
Routing
Testing
Templates
History
Factories
ViewModel
Controllers
Views
Directives
Serv...
Getting Started with
our Project
LETS START CODING
Directives, Filters and Data Binding
Directives
Way to teach HTML to do new tricks
ng-app
ng-model
ng-controller
and many more
You can create your own directiv...
Directives, Filters and
Data Binding
DEMO
Views, Controllers and $scope
Views
Controllers and
$scope
Views Controllers and
$scope
DEMO
Modules
Modules
Modules
DEMO
Angular Routing and Factory
Routing /myvisits /visitors
Routing and Factory
DEMO
Customer Manager
Demo
BY : DAN WHALIN
URL : https://github.com/danwahlin/customermanager
Questions?
Thank you
Upcoming SlideShare
Loading in …5
×

Single page applications with AngularJS

1,477 views

Published on

AngularJS Single Page Applications Basics

Published in: Education, Technology
  • Be the first to comment

Single page applications with AngularJS

  1. 1. Single Page Applications with AngularJS RUMESH ERANGA HAPUARACHCHI rehrumesh@hotmail.com http://testedandwrote.blogspot.com
  2. 2. Project Sources https://github.com/rehrumesh/spa-with-angularjs
  3. 3. Tools Needed Any of following : Visual Studio MEAN stack (mean.io) Sublime / Notepad ++ or any other good text editor
  4. 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. 5. Single Page Applications Example Sites: www.gmail.com www.Hotmail.com www.trello.com http://www.hipmunk.com
  6. 6. Other libraries for SPA
  7. 7. angularjs.org Full-featured single page application framework
  8. 8. Angular Framework Data binding MVC Routing Testing Templates History Factories ViewModel Controllers Views Directives Services Dependency Injection Validation
  9. 9. Getting Started with our Project LETS START CODING
  10. 10. Directives, Filters and Data Binding
  11. 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. 12. Directives, Filters and Data Binding DEMO
  13. 13. Views, Controllers and $scope
  14. 14. Views Controllers and $scope
  15. 15. Views Controllers and $scope DEMO
  16. 16. Modules
  17. 17. Modules
  18. 18. Modules DEMO
  19. 19. Angular Routing and Factory
  20. 20. Routing /myvisits /visitors
  21. 21. Routing and Factory DEMO
  22. 22. Customer Manager Demo BY : DAN WHALIN URL : https://github.com/danwahlin/customermanager
  23. 23. Questions?
  24. 24. Thank you

×