Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Meetup Paris TypeScript #9 - Let's talk about Ionic
Search
Sylvain PONTOREAU
April 27, 2017
Technology
0
120
Meetup Paris TypeScript #9 - Let's talk about Ionic
Présentation et démo de Ionic
Sylvain PONTOREAU
April 27, 2017
Tweet
Share
More Decks by Sylvain PONTOREAU
See All by Sylvain PONTOREAU
aMS Lausanne - Préparez-vous à une virée intersidérale avec Azure Cosmos DB 🧑🚀
spontoreau
0
4
TypeScript - 45 minutes pour s’y mettre !
spontoreau
0
78
Event Sourcing avec Azure, quelle base de données choisir
spontoreau
0
21
Decorators in TypeScript 5.0, everything you need to know!
spontoreau
0
350
Leverage your CI/CD at the next level with Github actions
spontoreau
0
8
Commit comme un(e) "Hipster" avec Gitmoji !
spontoreau
0
93
Bird of a Feather - TypeScript (Devoxx 2022)
spontoreau
0
16
GitHub - Du besoin jusqu'à la production avec Github et Azure
spontoreau
0
15
Behavior Driven Development
spontoreau
1
200
Other Decks in Technology
See All in Technology
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
210
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
400
開発パフォーマンスを最大化するための開発体制
ham0215
2
410
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
360
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
310
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
1
230
Databricks における 『MLOps』
databricksjapan
2
170
ServiceNow Knowledge Learning Rise up
manarobot
0
210
web-application-security
matsuihidetoshi
0
170
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
MySQL の SQL クエリチューニングの要所を掴む勉強会
andpad
3
6.4k
Featured
See All Featured
Designing Experiences People Love
moore
136
23k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Product Roadmaps are Hard
iamctodd
44
9.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Building Applications with DynamoDB
mza
88
5.6k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Producing Creativity
orderedlist
PRO
337
39k
It's Worth the Effort
3n
180
27k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
What the flash - Photography Introduction
edds
64
11k
Adopting Sorbet at Scale
ufuk
68
8.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
Transcript
None
None
None
That's great !
It's interesting !
Swift XCode Java A.Studio
None
Which one is hybrid ? This one !
None
None
Today, we won't talk about this one !
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
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
• 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 • …
None
<ion-toggle [(ngModel)]="cachePolicy"></ion-toggle>
Action Sheet Toast Popover Navigation Modal Loading
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(); } }
Bonjour Hello
https://github.com/Vtek/IonicCognitiveTranslator
None
None