Intro Angular Ionic
0 likes•853 views
This document provides an introduction to the AngularJS framework. It explains that AngularJS uses a Model-View-Whatever architecture, with views defined through HTML tags and directives, models defined with scopes and controllers, and additional features like modules, services, routing and configuration. It also discusses how Ionic and Cordova can be used with AngularJS to develop hybrid mobile apps, and concludes by welcoming any questions.
Intro Angular Ionic
- 1. an intro for First Life front-end Gianvito Siciliano
- 2. WHY ANGULAR?
- 5. Basically AngularJS is MVW framework: Model-View-Whatever
- 7. DIRECTIVES Behaviour, DOM transformation, HTML extension
- 8. DIRECTIVES Behaviour, DOM transformation, HTML extension
- 9. DIRECTIVES Behaviour, DOM transformation, HTML extension
- 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
- 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
- 21. APP.JS
- 22. ROUTE PROVIDER
- 23. STATE PROVIDER
- 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?