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
320
Mega Mergers: Cloud-Native-Architekturen mit Containern und WebAssembly
Avatar for Thorsten Hans thorstenhans
0
110
Cloud-Native Generative AI mit Fermyon Serverless AI
Avatar for Thorsten Hans thorstenhans
0
130
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
130
Azure Container Apps: Endlich Serverless?!
Avatar for Thorsten Hans thorstenhans
0
150
Cloud-Native für .NET-Entwickler: Moderne End-to-End-Architekturen
Avatar for Thorsten Hans thorstenhans
0
140
Webinar: Logs. Traces, Metriken: Observability von .NET 7-Anwendungen
Avatar for Thorsten Hans thorstenhans
0
310

Other Decks in Programming

See All in Programming
Inside of Swift Export
Avatar for giginet giginet
PRO
1
230
ビルドプロセスをデバッグしよう！
Avatar for Yuta Tomiyama yt8492
0
130
オンデバイスAIとXcode
Avatar for リョウ ryodeveloper
0
290
Introducing RemoteCompose: break your UI out of the app sandbox.
Avatar for Nicolas Roard camaelon
2
160
Using Types to Save Your Code's Future
Avatar for Björn Fahller rollbear
0
100
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
品質ワークショップをやってみた
Avatar for Nealle nealle
0
660
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
Avatar for uMa uma31
0
480
ドメイン駆動設計のエッセンス
Avatar for 増田 亨 masuda220
PRO
15
6.5k
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
18
3.2k
Node-REDのノードの開発・活用事例とコミュニティとの関わり(Node-RED Con Nagoya 2025)
Avatar for 404background 404background
0
110
Vue 3.6 時代のリアクティビティ最前線 〜Vapor/alien-signals の実践とパフォーマンス最適化〜
Avatar for Shingo Hiranuma hiranuma
2
280

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
A better future with KSS
Avatar for Kyle Neath kneath
239
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
2.9k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k

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