Upload
rumesh-hapuarachchi
View
681
Download
4
Tags:
Embed Size (px)
DESCRIPTION
AngularJS Single Page Applications Basics
Citation preview
Single Page Applications with AngularJSRUMESH ERANGA HAPUARACHCHI
http://testedandwrote.blogspot.com
Project Sourceshttps://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 with our project
Directives, Filters and Data Binding
Views Controllers and $scope
Modules, Routes and Factories
Single Page Applications
Example Sites:
www.gmail.com
www.Hotmail.com
www.trello.com
http://www.hipmunk.com
Other libraries for SPA
angularjs.orgFull-featured single page application framework
Angular Framework
Data binding
MVC
Routing
Testing
Templates
History
Factories
ViewModel
Controllers
Views
Directives
Services
Dependency Injection
Validation
Getting Started with our ProjectLETS 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 directives also
Directives, Filters and Data BindingDEMO
Views, Controllers and $scope
Views Controllers and $scope
Views Controllers and $scopeDEMO
Modules
Click icon to add picture
Modules
ModulesDEMO
Angular Routing and Factory
Routing /myvisits /visitors
Routing and FactoryDEMO
Customer Manager DemoBY : DAN WHALIN
URL : https://github.com/danwahlin/customermanager
Questions?
Thank you