Mobile Apps Using AngularJS - Adam Klein @ AngularJS IL
0 likes876 views
Using Cordova & ionic Frameworks were hard to use and buggy previously with no commonly used JavaScript framework for mobile apps. Cordova provides a platform for building native mobile apps with HTML, CSS and JavaScript while avoiding native code. Ionic is a useful framework that works with Cordova to provide UI controls, navigation and transitions for developing cross-platform mobile apps.
Mobile Apps Using AngularJS - Adam Klein @ AngularJS IL
- 1. Using Cordova & ionic by Adam Klein
- 2. Ask questions all the time
- 3. Performance was bad Frameworks were h ard to use and buggy No commonly used Javascript framework for Single Page Apps In other words: no technological readiness
- 4. Mobile browsers are better Frameworks are better We've got AngularJS & ionic
- 6. Adam Klein Co-Founder of Thirsty for technology @500TechIL
- 8. HTML5 Apps HTML5 embedded in a webview
- 10. Normalized API for native features Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript DOWNLOAD Cordova version 3.5.0 About Apache Cordova™
- 11. About Apache Cordova™ Apache 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. 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. When using the Cordova APIs, an app can be built without any native code (Java, Objective-C, etc) from the app developer. Instead, web technologies are used, and they are hosted in the app itself locally (generally not on a remote http server). And because these JavaScript APIs are consistent across multiple device platforms and built on web standards, the app should be portable to other device platforms with minimal to no changes. Apps using Cordova are still packaged as apps using the platform SDKs, and can be made available for installation from each device's app store. Cordova provides a set of uniform JavaScript libraries that can be invoked, with device-specific native backing code for those JavaScript libraries. Cordova is available for the following platforms: iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and Symbian. If you want to use Cordova in your mobile application, take a look at our documentation. It includes Getting Started guides, the JavaScript APIs reference and examples, instructions on Upgrading from previous versions of Cordova, how to write your own Cordova plugin, and more. The selector in the top-right corner of the documentation will let you pick different Cordova versions and language translations. And there is a registry of third-party plugins that can be used in your mobile application.
- 12. third-party plugins that can be used in your mobile application. Apache Cordova graduated in October 2012 as a top level project within the Apache Software Foundation (ASF). Through the ASF, future Cordova development will ensure open stewardship of the project. It will always remain free and open source under the Apache License, Version 2.0. Some additional information may be found on our Apache project page. News Subscribe 13 Aug 2014 » Tools Release: August 13, 2014 An updated version of cordova and cordova-lib are available starting today. cordova@3.5.0-0.2.7 cordova-lib@0.21.7 To update your tools: npm install -g cordova These contain only one minor function change, which is related to the recent release of Cordova Android 3.5.1. Before today’s update, when adding the Android platform to a project, by default it would use version 3.5.0 of Cordova Android. In order to get the latest 3.5.1 of Cordova Android, you would need to manually specify the
- 13. 3.5.1 version number on the platform add command. Today’s update changes the default version of Cordova Android used when adding the Android platform to a project, so that you no longer need to manually specify the 3.5.1 version number to get the 3.5.1 version. You’ll now get 3.5.1 by default. Read More 11 Aug 2014 » Plugins Release: August 11, 2014 The following plugins were updated today: cordova-plugin-battery-status: 0.2.10 cordova-plugin-camera: 0.3.1 cordova-plugin-console: 0.2.10 cordova-plugin-contacts: 0.2.12 cordova-plugin-device: 0.2.11 cordova-plugin-device-motion: 0.2.9 cordova-plugin-device-orientation: 0.3.8 cordova-plugin-dialogs: 0.2.9 cordova-plugin-file: 1.3.0 cordova-plugin-file-transfer: 0.4.5 cordova-plugin-geolocation: 0.3.9 cordova-plugin-globalization: 0.3.0 cordova-plugin-inappbrowser: 0.5.1 cordova-plugin-media: 0.2.12 cordova-plugin-media-capture: 0.3.2 cordova-plugin-network-information: 0.2.11 cordova-plugin-splashscreen: 0.3.2 cordova-plugin-statusbar: 0.1.7 cordova-plugin-vibration: 0.3.10
- 14. cordova-plugin-vibration: 0.3.10 Notable changes include: Most of the plugins docs are now translated into other languages. FirefoxOS has updated many of their proxies for plugins FirefoxOS support added to device motion plugin Many updates to file plugin for BlackBerry10, FirefoxOS and Windows BlackBerry10 & FirefoxOS support added to globalization plugin The plugins have been updated on our registry at plugins.cordova.io. You can update any plugin by removing it, and then readding it. E.g. To update your file plugin: cordova plugin rm org.apache.cordova.file cordova plugin add org.apache.cordova.file Other changes include: Read More 06 Aug 2014 » Apache Cordova Android 3.5.1 Update On Monday, we released Cordova Android 3.5.1, to address a couple of security issues. Afterwards, talking with the original researchers, we realized that the text of the security announcement that went out wasn’t quite right, so we’ve amended it. You can read the amended blog post here.
- 15. The issue in CVE-2014-3502 is that Cordova applications would, by default, pass any URLs that they couldn’t load to the Android intent system for handling. This lets developers construct URLs that open email applications, maps, or send SMS messages, or even open web pages in the system browser, but it also allowed malicious URLs that could potentially open other applications on the device. This meant that if someone could execute their own JavaScript in your application, that they could use other applications on the device to “phone home” with the user’s data. This is why we are recommending that all Android developers upgrade to Cordova 3.5.1. Read More See all entries Want to Contribute? Contributors are welcome! And we need your contributions to keep the project moving forward. You can report bugs, improve the documentation, or contribute code. There is a specific contributor workflow we recommend. Start reading there. More information is available on our wiki.
- 16. The JIRA issue tracker and the dev mailing list are good places to identify areas to help out in. Search the issue tracker: Search Query Search To share your contributions with the community, you can send a pull request on GitHub to the Apache git mirrors. You can also advocate for your changes directly on our developer mailing list. In order for your changes to be accepted, you need to sign and submit an Apache ICLA (Individual Contributor License Agreement). Then your name will appear on the list of CLAs signed by non-committers or Cordova committers. And don't forget to test and document your code. Each component of Apache Cordova is in a separate git repository: Platforms Amazon Fire OS Android Bada Blackberry FirefoxOS Other Cordova Docs Cordova JS (JavaScript API) Cordova CLI Cordova Plugman (Plugin Manager) Cordova Lib (Common Code)
- 17. FirefoxOS iOS Mac OS X Qt Tizen Ubuntu WebOS Windows (desktop) Windows Phone 7 Windows Phone 8 Browser Plugins Battery Status Camera Console Cordova Lib (Common Code) Cordova Mobile Spec (Test Suite) Cordova Medic (Test Automation) Weinre (Web Inspector Remote) Cordova App Harness Cordova Hello World (Sample App) Cordova Coho (Release Tool) Cordova Registry Web (Plugin Registry UI) Cordova Registry (Plugin Registry App) Cordova Labs (Experimental Content)
- 18. Contacts Device Device Motion Device Orientation Dialogs File File Transfer Geolocation Globalization In-App Browser Media Media Capture Network Information Splashscreen Statusbar
- 19. Statusbar Vibration Mailing List Dev Mailing List Dev mailing list is a place for discussion about developing Apache Cordova. If you are a Cordova user looking for help, use the cordova tag on Stack Overflow. Writing to the list dev@cordova.apache.org Subscription address dev-subscribe@cordova.apache.org Digest subscription address dev-digest-subscribe@cordova.apache.org Unsubscription addresses dev-unsubscribe@cordova.apache.org Getting help with the list dev-help@cordova.apache.org Browse online
- 20. Commits Mailing List Commits mailing list tracks commit logs for Apache Cordova repos. Writing to the list commits@cordova.apache.org Subscription address commits-subscribe@cordova.apache.org Digest subscription address commits-digest-subscribe@cordova.apache.org Unsubscription addresses commits-unsubscribe@cordova.apache.org Getting help with the list commits-help@cordova.apache.org Browse online Issues Mailing List Issues mailing list tracks comments and updates to Jira items regarding Apache Cordova. Writing to the list issues@cordova.apache.org Subscription address issues-subscribe@cordova.apache.org Digest subscription address issues-digest-subscribe@cordova.apache.org Unsubscription addresses issues-unsubscribe@cordova.apache.org Getting help with the list issues-help@cordova.apache.org Browse online
- 21. Download & Archives It is recommended that the cordova CLI be installed from npm rather than downloading this .zip version. For more information on installing the npm version see the Command-Line Interface section of the documentation. You can find our release zips with corresponding OpenPGPkeys, MD5 and SHA files on the Apache Cordova dist page. Our artwork is also available. Older versions can be downloaded from the archive.
- 22. Quick Links General Development Apache Software Foundation About Cordova Apache Project Page License Artwork Download Documentation Source Code Issue Tracker Wiki Mailing List Support About ASF Thanks Become a Sponsor Security
- 23. Copyright © 2012, 2013 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
- 24. Easily create apps using the web technologies you know and love: HTML, CSS, and JavaScript PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. IInnssttaallll PPhhoonneeGGaapp ► GGeettttiinngg SSttaarrtteedd GGuuiiddeess ► Watch Intro
- 25. Trigger.iO
- 26. Most commonly used Great for Single Page Apps Performance
- 30. Common UI controls Navigation Views Tabs Side menus Overcome browser quirks
- 31. CSS Framework not mobile first, mobile only Automatically recognize "grade"
- 32. refresher delete swipe reorder <ion-refresher pulling-text="Pull to refresh..." on-refresh="refresh()"> </ion-refresher>
- 34. Smooth transitions Each tab has it's own navigation history Android back button support
- 35. Custom animations Android back button support
- 36. Prevent hiding elements Callbacks on keyboard open / close
- 37. 300ms delay Normalized behaviour
- 39. It looks awesome It moves awesome It's easy to use It's based on AngularJS
- 40. Drifty Co. Ben Sperry & Max Lynch Started at 2012 Raised $1 Million
- 43. It's new (v1.0.0-beta8) There will be bugs Missing features Change API Not much stackoverflow
- 44. Are you developing Any.DO's competitor? Are you developing an animated Game? Check HTML5's limitations (background tasks, custom video control, etc.) Check iOs guidelines
- 45. adam@500tech.com @500TechIL 500tech.com hackademy.co.il angular.co.il