Meetup Paris TypeScript #9 - Let's talk about Ionic

Présentation et démo de Ionic

4. That's great !
5. It's interesting !
6. Swift XCode Java A.Studio
8. Which one is hybrid ? This one !
11. Today, we won't talk about this one !
12. Application Mobile OS Web App Plugins HTML Renderer (WebView) HTML CSS JS Resources + config.xml Camera Storage Geoloc … HTML APIs Cordova APIs Cordova Native APIs OS APIs OS APIs
13. import { Platform } from 'ionic-angular'; import { BatteryStatus, BatteryStatusResponse } from '@ionic-native/battery-status'; class MyComponent { constructor(private platform: Platform, private batteryStatus: BatteryStatus) { platform.ready().then(() => { //ready corresponding to the deviceready event from Cordova this.batteryStatus.onChange().subscribe(status: BatteryStatusResponse => { //do something here }); }); } } Plugin callbacks are wrapped in Promises/Observables
14. • Battery • Calls • Pushes • Camera • Gyroscope • CoucheBase / SQLite • File • … Specific Cross-platform • 3d Touch (iOS) • Video player (Android) • File chooser (Android) • Touch ID (iOS) • … Third party • AdMob • Twitter • Facebook • Google Map • PayPal • Linkedin • …
16. <ion-toggle [(ngModel)]="cachePolicy"></ion-toggle>
17. Action Sheet Toast Popover Navigation Modal Loading
18. import { LoadingController } from 'ionic-angular'; export class MyPage { constructor(public loadingCtrl: LoadingController) { } login() { let loader = this.loadingCtrl.create({ content: "Please wait...", duration: 3000 }); loader.present(); } }
19. Bonjour Hello
20. https://github.com/Vtek/IonicCognitiveTranslator