introduzione ad angular ionic e cordova per lo sviluppo di hybrid app

1. an intro for
First Life front-end
Gianvito Siciliano

2. WHY ANGULAR?

5. Basically AngularJS is MVW framework:
Model-View-Whatever

6. VIEW
tags
directives
filters
…

7. DIRECTIVES
Behaviour, DOM transformation, HTML extension

8. DIRECTIVES
Behaviour, DOM transformation, HTML extension

9. DIRECTIVES
Behaviour, DOM transformation, HTML extension

10. MODEL
$scope
controller
…

11. CONTROLLER
JS constructor function used to augment the $scope

12. CONTROLLER
JS constructor function used to augment the $scope

13. CONTROLLER
JS constructor function used to augment the AScope

14. WHATEVER
modules
services
routing
configuration
…

15. MODULES
Container for different parts of your app

16. FACTORY
Container to manage and execute specific tasks

17. …call the factory from the CTRL

18. …call the factory from the CTRL
…call the controller from the VIEW

19. …this is
DEPENDENCY INJECTION
software design pattern that deals with how
code gets hold of its dependencies
2-WAY DATA BINDING
automatic synch. of data between the model
and view

20. CONFIGURATION
ROUTING
STATE MAPPING

21. APP.JS

22. ROUTE
PROVIDER

23. STATE
PROVIDER

24. IONIC
&
CORDOVA
…TO DEVELOP HYBRYD APP

25. • IONIC
• CORDOVA

26. Tabs

28. Side Menu

30. IONIC & ANGULAR
…config the app

31. IONIC & ANGULAR
…config the app
…set the ctrl

32. IONIC & ANGULAR
…and set the view

33. THANK YOU…

34. …ANY QUESTION?