Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cross-Plattform Desktop Entwicklung mit einer C...

Avatar for Thorsten Hans Thorsten Hans
October 09, 2015
Programming
0
58

Cross-Plattform Desktop Entwicklung mit einer Code Base @ NRWConf 2015

NW.js / AngularJS / GulpJS

Avatar for Thorsten Hans

Thorsten Hans

October 09, 2015
Tweet

More Decks by Thorsten Hans

See All by Thorsten Hans
Hyper-Efficient Serverless Platforms on Azure Kubernetes Service with Fermyon Platform for Kubernetes
Avatar for Thorsten Hans thorstenhans
0
110
Azure OpenAI & private Large Language Models sicher deployen mit Terraform
Avatar for Thorsten Hans thorstenhans
0
310
Mega Mergers: Cloud-Native-Architekturen mit Containern und WebAssembly
Avatar for Thorsten Hans thorstenhans
0
100
Cloud-Native Generative AI mit Fermyon Serverless AI
Avatar for Thorsten Hans thorstenhans
0
120
BASTA 2023 - Cloud Native Workshop
Avatar for Thorsten Hans thorstenhans
0
130
Cloud-Native in der Praxis: Moderne End-to-End-Architekturen
Avatar for Thorsten Hans thorstenhans
0
120
Azure Container Apps: Endlich Serverless?!
Avatar for Thorsten Hans thorstenhans
0
140
Cloud-Native für .NET-Entwickler: Moderne End-to-End-Architekturen
Avatar for Thorsten Hans thorstenhans
0
130
Webinar: Logs. Traces, Metriken: Observability von .NET 7-Anwendungen
Avatar for Thorsten Hans thorstenhans
0
280

Other Decks in Programming

See All in Programming
Improving my own Ruby thereafter
Avatar for monochrome sisshiki1969
1
160
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
Avatar for cc4966 cc4966
2
270
testingを眺める
Avatar for matumoto matumoto
1
140
アプリの "かわいい" を支えるアニメーションツールRiveについて
Avatar for 上ちょ / uetyo uetyo
0
280
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
Avatar for mazrean mazrean
1
290
Reading Rails 1.0 Source Code
Avatar for Masafumi Okura okuramasafumi
0
250
Azure SRE Agentで運用は楽になるのか？
Avatar for KAMEGAWA Kazushi kkamegawa
0
2.5k
AI Coding Agentのセキュリティリスク：PRの自己承認とメルカリの対策
Avatar for さうす s3h
0
230
旅行プランAIエージェント開発の裏側
Avatar for Ippo Matsui / 令和トラベル ippo012
2
930
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.2k
デザイナーが Androidエンジニアに 挑戦してみた
Avatar for Kanon Fujita 874wokiite
0
550
Processing Gem ベースの、2D レトロゲームエンジンの開発
Avatar for tokujiros tokujiros
2
130

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
620
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
530
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Scaling GitHub
Avatar for Zach Holman holman
463
140k

Transcript

  1. Mit einer Code-Base Cross-Plattform Desktop Entwicklung

  2. Thorsten Hans Consultant / Developer Thinktecture AG [email protected] @ThorstenHans xplatform.rocks

  3. Talking Points • Cross Platform Development • Single Page Apps

    • NW.js • Build Process Integration

  4. Cross Platform Development • Single Codebase – HTML 5 –

    JavaScript – CSS • The Browser is your OS • Write once, run everywhere

  5. Single Page Applications • Use computing power from clients •

    Deliver the entire App at once
  6. None

  7. Angular JS 101 • MV* Framework • Application Framework for

    SPAs – Dependency Injection – OOB Application Services ($http, $q, …) – Databinding – Testability

  8. Demo Angular App

  9. None

  10. NW.js • Sponsored by Intel Open Source Technology Center •

    Brings HTML5 Apps to all platforms • available on – Windows – OSX – Linux

  11. Demo NW.js 101

  12. Build Process Integration • Modules available for – Gulp.JS –

    Grunt.JS

  13. Demo Build Integration

  14. NW.js • Call Node.JS modules from the DOM • Use

    abstracted platform APIs

  15. Demo Platform APIs / Node Modules in NW.js

  16. Sample Code https://github.com/ThorstenHans/x-note