single page applications with angularjs
DESCRIPTION
AngularJS Single Page Applications BasicsTRANSCRIPT
![Page 1: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/1.jpg)
Single Page Applications with AngularJSRUMESH ERANGA HAPUARACHCHI
http://testedandwrote.blogspot.com
![Page 2: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/2.jpg)
Project Sourceshttps://github.com/rehrumesh/spa-with-angularjs
![Page 3: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/3.jpg)
Tools Needed Any of following :
Visual Studio
MEAN stack (mean.io)
Sublime / Notepad ++ or any other good text editor
![Page 4: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/4.jpg)
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
![Page 5: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/5.jpg)
Single Page Applications
Example Sites:
www.gmail.com
www.Hotmail.com
www.trello.com
http://www.hipmunk.com
![Page 6: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/6.jpg)
Other libraries for SPA
![Page 7: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/7.jpg)
angularjs.orgFull-featured single page application framework
![Page 8: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/8.jpg)
Angular Framework
Data binding
MVC
Routing
Testing
Templates
History
Factories
ViewModel
Controllers
Views
Directives
Services
Dependency Injection
Validation
![Page 9: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/9.jpg)
Getting Started with our ProjectLETS START CODING
![Page 10: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/10.jpg)
Directives, Filters and Data Binding
![Page 11: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/11.jpg)
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
![Page 12: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/12.jpg)
Directives, Filters and Data BindingDEMO
![Page 13: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/13.jpg)
Views, Controllers and $scope
![Page 14: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/14.jpg)
Views Controllers and $scope
![Page 15: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/15.jpg)
Views Controllers and $scopeDEMO
![Page 16: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/16.jpg)
Modules
Click icon to add picture
![Page 17: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/17.jpg)
Modules
![Page 18: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/18.jpg)
ModulesDEMO
![Page 19: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/19.jpg)
Angular Routing and Factory
![Page 20: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/20.jpg)
Routing /myvisits /visitors
![Page 21: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/21.jpg)
Routing and FactoryDEMO
![Page 22: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/22.jpg)
Customer Manager DemoBY : DAN WHALIN
URL : https://github.com/danwahlin/customermanager
![Page 23: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/23.jpg)
Questions?
![Page 24: Single page applications with AngularJS](https://reader034.vdocuments.mx/reader034/viewer/2022051515/554a4879b4c905293a8b56ed/html5/thumbnails/24.jpg)
Thank you