Single page applications with AngularJS

Preview:

DESCRIPTION

AngularJS Single Page Applications Basics

Citation preview

Single Page Applications with AngularJSRUMESH ERANGA HAPUARACHCHI

rehrumesh@hotmail.com

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

Recommended