Ionic
0 likes173 views
Ionic is an HTML5 mobile app development framework that uses Cordova, AngularJS, and Gulp. Cordova allows access to device functions from JavaScript, AngularJS is a structural framework for dynamic web apps using HTML templates and data binding, and Gulp automates tasks like bundling, testing, and compilation. Ionic combines these to allow developing smartphone apps using just HTML, CSS, JavaScript that can access native device APIs and features.
Ionic
- 2. “The bond between HTML5 and Native has Arrived” By Yasmine Gaber and Hager Aly 13-08-2015
- 3. What is Ionic? ● Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. ● It is build on 3 main components: Cordova AngularJs Gulp
- 4. What is Cordova? ● Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. ● It is combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.
- 5. What is AngularJs? “AngularJs is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write.” - https://docs.angularjs.org/guide/introduction
- 7. Directives
- 9. Filters and Dynamic Templates
- 10. What is Gulp? ● Gulp is a JavaScript task runner that lets you automate tasks such as: ● Bundling and minifying libraries and stylesheets. ● Refreshing your browser when you save a file. ● Quickly running unit tests ● Running code analysis ● Less/Sass to CSS compilation ● Copying modified files to an output directory
- 11. Back to Ionic ...
- 12. Ionic Structure
- 13. Demo
- 15. Thank You