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
19
TypeScript - 45 minutes pour s’y mettre !
spontoreau
0
120
Event Sourcing avec Azure, quelle base de données choisir
spontoreau
0
36
Decorators in TypeScript 5.0, everything you need to know!
spontoreau
0
420
Leverage your CI/CD at the next level with Github actions
spontoreau
0
14
Commit comme un(e) "Hipster" avec Gitmoji !
spontoreau
0
110
Bird of a Feather - TypeScript (Devoxx 2022)
spontoreau
0
19
GitHub - Du besoin jusqu'à la production avec Github et Azure
spontoreau
0
20
Behavior Driven Development
spontoreau
1
220
Other Decks in Technology
See All in Technology
開発者が自律的に AWS Security Hub findings に 対応する仕組みと AWS re:Invent 2024 登壇体験談 / Developers autonomously report AWS Security Hub findings Corresponding mechanism and AWS re:Invent 2024 presentation experience
kaminashi
0
190
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
16
6.5k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
120
Larkご案内資料
customercloud
PRO
0
600
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
現場で役立つAPIデザイン
nagix
29
10k
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
550
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
320
Featured
See All Featured
It's Worth the Effort
3n
184
28k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Side Projects
sachag
452
42k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Rails Girls Zürich Keynote
gr2m
94
13k
Unsuck your backbone
ammeep
669
57k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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