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
Cross-Platform App Entwicklung mit Ionic
Search
Hybrid Heroes
December 12, 2018
Programming
0
18
Cross-Platform App Entwicklung mit Ionic
Hybrid Heroes
December 12, 2018
Tweet
Share
More Decks by Hybrid Heroes
See All by Hybrid Heroes
8 Reasons to be excited about Ionic 2
hybridheroes
1
480
Fast-lane into app stores
hybridheroes
1
360
Other Decks in Programming
See All in Programming
try! Swift Tokyo 初参加報告LT
hinakko2
0
230
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
240
PostmanでAPIの動作確認が楽になった話
h455h1
0
180
雑に思考を整理する技術と効能
konifar
63
30k
Hanami and htmx
bkuhlmann
0
220
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
4
370
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Elm Form Validation
bkuhlmann
0
510
使ってみよう Azure AI Document Intelligence
kosmosebi
2
360
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
Git Rebase
bkuhlmann
11
1.6k
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
2
200
Featured
See All Featured
Code Review Best Practice
trishagee
56
15k
KATA
mclloyd
16
12k
For a Future-Friendly Web
brad_frost
172
9k
Building Adaptive Systems
keathley
32
1.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
245
20k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
14
1.5k
Building Your Own Lightsaber
phodgson
100
5.7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
19
6.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
In The Pink: A Labor of Love
frogandcode
138
21k
Transcript
Cross-Platform App Entwicklung mit Ionic
Christian Justus • Partner und Tech Lead bei Hybrid Heroes
• Spezialisiert auf Cross-Platform Apps auf Basis von Webtechnologien • Ionic Trusted Partner
Am Anfang war eine App-Idee ... A) Serious Game B)
Foto Community C) Streaming Suchmaschine D) News App
TODO * [ ] Know How * [ ] iOS
* [ ] Android * [ ] Web * [ ] Geolocation * [ ] Push Benachrichtigungen * [ ] Offline-Funktionaliät * [ ] Gute Performance * [ ] In 3 Monaten fertig werden
Projektplan (Entwurf)
Projektplan (final)
Cross-platform Frameworks
Verbreitung
Lernkurve
Plattform-Unterstützung
Native APIs
Code-sharing
Komponenten-Bibliothek
Performance
None
None
None
HTML, CSS, JavaScript
Entwicklung im Browser
@Component({ selector: 'app-home', template: ` <ion-content> <ion-button class="hello-button" (click)="presentToast()"> Hello
World!</ion-button> </ion-content> `, styles: ` .hello-button { --width: 200px; } ` }) export class HomePage { constructor(private toastCtrl: ToastController) {} async presentToast() { const toast = await this.toastCtrl.create({ message: 'Hello World!', position: 'middle' }); toast.present(); } }
Komponenten Bibliothek* * https://whatwebcando.today
None
Plattformen
Ionic Native
None
State of Progressive Web Apps* Voll unterstützt Home Screen Icon,
Vollbild, Ortungsdienste, Media Capture, Payment Teilweise unterstützt ⚠ Offline, Push Benachrichtigungen, App Banner, Bluetooth * https://whatwebcando.today
Perceived Performance: Spitze!
None
TODO * [X] Know How * [X] iOS * [X]
Android * [X] Web * [X] Geolocation * [X] Push Benachrichtiungen * [X] Offline-Funktionaliät * [X] Gute Performance * [X] Fertig in 3 Monaten
None
Vielen Dank! Hybrid Heroes GmbH Reichenberger Straße 113a 10999 Berlin
https://hybridheroes.de