an intro for

First Life front-endGianvito Siciliano

WHY ANGULAR?

Basically AngularJS is MVW framework: Model-View-Whatever

VIEW tags

directives filters

…

DIRECTIVES Behaviour, DOM transformation, HTML extension

DIRECTIVES Behaviour, DOM transformation, HTML extension

DIRECTIVES Behaviour, DOM transformation, HTML extension

MODEL $scope

controller …

CONTROLLER JS constructor function used to augment the $scope

CONTROLLER JS constructor function used to augment the $scope

CONTROLLER JS constructor function used to augment the AScope

WHATEVER modules services routing

configuration

…

MODULES Container for different parts of your app

FACTORY Container to manage and execute specific tasks

…call the factory from the CTRL

…call the factory from the CTRL

…call the controller from the VIEW

…this is

DEPENDENCY INJECTIONsoftware design pattern that deals with how

code gets hold of its dependencies

2-WAY DATA BINDINGautomatic synch. of data between the model

and view

CONFIGURATION

ROUTING

STATE MAPPING

APP.JS

ROUTE PROVIDER

STATE PROVIDER

IONIC &

CORDOVA

…TO DEVELOP HYBRYD APP

• IONIC

• CORDOVA

Tabs

Side Menu

IONIC & ANGULAR …config the app

IONIC & ANGULAR …config the app

…set the ctrl

IONIC & ANGULAR …and set the view

THANK YOU…

…ANY QUESTION?