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 I...
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
21
TypeScript - 45 minutes pour s’y mettre !
spontoreau
0
120
Event Sourcing avec Azure, quelle base de données choisir
spontoreau
0
37
Decorators in TypeScript 5.0, everything you need to know!
spontoreau
0
430
Leverage your CI/CD at the next level with Github actions
spontoreau
0
16
Commit comme un(e) "Hipster" avec Gitmoji !
spontoreau
0
110
Bird of a Feather - TypeScript (Devoxx 2022)
spontoreau
0
20
GitHub - Du besoin jusqu'à la production avec Github et Azure
spontoreau
0
21
Behavior Driven Development
spontoreau
1
220
Other Decks in Technology
See All in Technology
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
210
日経のデータベース事業とElasticsearch
hinatades
PRO
0
230
Iceberg Meetup Japan #1 : Iceberg and Databricks
databricksjapan
0
370
Amazon Aurora のバージョンアップ手法について
smt7174
2
140
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
190
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
140
Fraxinus00tw assembly manual
fukumay
0
100
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
180
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
680
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
350
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
700
EDRの検知の仕組みと検知回避について
chayakonanaika
12
4.9k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Embracing the Ebb and Flow
colly
84
4.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
We Have a Design System, Now What?
morganepeng
51
7.4k
The Language of Interfaces
destraynor
156
24k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
For a Future-Friendly Web
brad_frost
176
9.6k
The Cult of Friendly URLs
andyhume
78
6.2k
Code Reviewing Like a Champion
maltzj
521
39k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
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