Enjoy Writing Modern Desktop Application in JavaScript

•

3 gefällt mir•3,452 views

Fred Chien

Talk at GNOME.Asia Summit 2012

Technologie

Enjoy Writing Modern Desktop
Application In JavaScript
使用 JavaScript 寫現代桌面應用程式

Fred Chien

慣C
C Language
Fanatic

救火 Startup 惡搞
Mission
Hacking
Impossible Mandice Software.

創新
Innovation

Personal Website
people.linux.org.tw/~fred/

你一定覺得我在說
You must think I'm taking about...

Web Application Mode
GNOME support it since 3.2+

如果真的要講
If You Want To Know How to Write It

Super fast to write a Web App
<html>
<head>
<title>Desktop Application</title>
</head>
<body>
I am Desktop Application! DONE!
</body>
<html>

如何用 Node.js
開發桌面應用程式？
How to write Desktop App in JavaScript?

讓 Node.js 可以呼叫
底層 Library API
Make Node.js Able to Call Functions of lib

我相信你應該準備放棄了
I think You Don't Want to Continue...

Application

Node.js

jsdx-toolkit

Clutter/Mx

Application

Node.js
C/C++
Addon
jsdx-toolkit

Clutter/Mx

Hello World!
My First JavaScript Desktop Application

$Hello World Program! var toolkit = require('jsdx-toolkit'); var app = new toolkit.Application('JSDX Application'); app.createWindow(function(window) { window.on(toolkit.EVENT_DESTROY, function() { app.quit(); }); window.title = 'Application Window'; window.hasToolbar = true; window.show(); }); app.run();$

Gstreamer
Render Multimedia Video on 3D Object

類似 Jade
That's like Jade Template Language

Web 開發者立馬上手
It's easy-use for Web Developer

讓 JavaScript 可以完全勝任
所有的開發工作
Make JavaScript able to Do All Jobs

Weitere ähnliche Inhalte

Was ist angesagt?

Nodejs web service for startersBruce Li

Fundamental of Node.JS - Internship Presentation - Week7Devang Garach

Require js + backbone, bower and gruntJoe Fleming

GroovyFX - Groove JavaFXsascha_klein

Node js实践jay li

Getting Started with MongoDB and Node.jsGrant Goodale

NodeJSAlok Guha

Curso de Node.js e MongoDB - 15Luiz Duarte

Nodejs presentationArvind Devaraj

Node.js Tutorial for Beginners | Node.js Web Application Tutorial | Node.js T...Edureka!

Node js introductionJoseph de Castelnau

Web of Technologiesdynamis

NodeJSPredhin Sapru

Building a REST API with Node.js and MongoDBVivochaLabs

What is node.jsRajat Saxena

Riereta Node.js session 3 (with notes)Tekno Paul

Typescript - a JS supersetTyrone Allen

NodeJS: n00b no moreBen Peachey

Service Worker 101 (en)Chang W. Doh

Deep dive-ozLi Jiansheng

Was ist angesagt? (20)

Nodejs web service for starters

Fundamental of Node.JS - Internship Presentation - Week7

Require js + backbone, bower and grunt

GroovyFX - Groove JavaFX

Node js实践

Getting Started with MongoDB and Node.js

NodeJS

Curso de Node.js e MongoDB - 15

Nodejs presentation

Node.js Tutorial for Beginners | Node.js Web Application Tutorial | Node.js T...

Node js introduction

Web of Technologies

NodeJS

Building a REST API with Node.js and MongoDB

What is node.js

Riereta Node.js session 3 (with notes)

Typescript - a JS superset

NodeJS: n00b no more

Service Worker 101 (en)

Deep dive-oz

Andere mochten auch

Koa 正在等一個人Fred Chien

Stem OS ProposalFred Chien

OwaNEXTFred Chien

Non-MVC Web FrameworkFred Chien

用最潮的 Java script 盡情開發 kde qt 程式Fred Chien

App houseFred Chien

軟體人甘苦談Fred Chien

How to Write Node.js ModuleFred Chien

QML + Node.jsFred Chien

Java script 全面逆襲！使用 node.js 打造桌面環境！Fred Chien

MakerBoard: MT7688 EmulatorFred Chien

我編譯故我在：誰說 Node.js 程式不能編成 binaryFred Chien

超酷炫科幻 UI：QML 入門Fred Chien

Node.js 進攻桌面開發Fred Chien

Andere mochten auch (14)

Koa 正在等一個人

Stem OS Proposal

OwaNEXT

Non-MVC Web Framework

用最潮的 Java script 盡情開發 kde qt 程式

App house

軟體人甘苦談

How to Write Node.js Module

QML + Node.js

Java script 全面逆襲！使用 node.js 打造桌面環境！

MakerBoard: MT7688 Emulator

我編譯故我在：誰說 Node.js 程式不能編成 binary

超酷炫科幻 UI：QML 入門

Node.js 進攻桌面開發

Ähnlich wie Enjoy Writing Modern Desktop Application in JavaScript

Introjs10.5.17SDThinkful

JavaScript is everywhereStoyan Stefanov

WordPress automation and CIRan Bar-Zik

Simplicity - develop modern web apps with tiny frameworks and toolsRui Carvalho

Web summit.pptx171SagnikRoy

Nodejsdssprakash

Become a webdeveloper - AKAICamp Beginner #1Jacek Tomaszewski

Notes (2012-06-08)Chris Pitt

Node.jsDigi Telecommunications

HTML5 Can't Do ThatNathan Smith

Midwest PHP 2017 DevOps For Small teamJoe Ferguson

Paris Web - Javascript as a programming languageMarco Cedaro

Web Development: Making it the right wayYagiz Nizipli

Develop & Deploy Node.js app on Windows AzureAndri Yadi

Hybrid Application DevelopmentYagiz Nizipli

JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SKDavid Wesst

Hacking to be performantApoorv Saxena

(In)Security Implication in the JS UniverseStefano Di Paola

How fast can you onboard a new team member with VAGRANT ?Vivek Parihar

MVC for Desktop Application - Part 1晟沈

Ähnlich wie Enjoy Writing Modern Desktop Application in JavaScript (20)

Introjs10.5.17SD

JavaScript is everywhere

WordPress automation and CI

Simplicity - develop modern web apps with tiny frameworks and tools

Web summit.pptx

Nodejs

Become a webdeveloper - AKAICamp Beginner #1

Notes (2012-06-08)

Node.js

HTML5 Can't Do That

Midwest PHP 2017 DevOps For Small team

Paris Web - Javascript as a programming language

Web Development: Making it the right way

Develop & Deploy Node.js app on Windows Azure

Hybrid Application Development

JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK

Hacking to be performant

(In)Security Implication in the JS Universe

How fast can you onboard a new team member with VAGRANT ?

MVC for Desktop Application - Part 1

Kürzlich hochgeladen

Pigging Solutions in Pet Food ManufacturingPigging Solutions

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Install Stable Diffusion in windows machinePadma Pradeep

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Scaling API-first – The story of a global engineering organizationRadu Cotescu

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Understanding the Laravel MVC ArchitecturePixlogix Infotech

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Pigging Solutions Piggable Sweeping ElbowsPigging Solutions

SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

Kürzlich hochgeladen (20)

Pigging Solutions in Pet Food Manufacturing

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...

Breaking the Kubernetes Kill Chain: Host Path Mount

Install Stable Diffusion in windows machine

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Injustice - Developers Among Us (SciFiDevCon 2024)

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Scaling API-first – The story of a global engineering organization

A Domino Admins Adventures (Engage 2024)

Understanding the Laravel MVC Architecture

SQL Database Design For Developers at php[tek] 2024

08448380779 Call Girls In Civil Lines Women Seeking Men

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

Swan(sea) Song – personal research during my six years at Swansea ... and bey...

How to Troubleshoot Apps for the Modern Connected Worker

Pigging Solutions Piggable Sweeping Elbows

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Enjoy Writing Modern Desktop Application in JavaScript

1. Enjoy Writing Modern Desktop Application In JavaScript 使用 JavaScript 寫現代桌面應用程式 Fred Chien

2. 我是誰？ Who Am I

3. Fred Chien 錢逢祥

4. Come from Taiwan 來自台灣

5. Open Source Developer I'm GEEK!

6. Startup Mandice Software. MANDICE.COM

7. CEO, Mandice

8. Startup Mandice Software.

9. 慣C C Language Fanatic 救火 Startup 惡搞 Mission Hacking Impossible Mandice Software. 創新 Innovation

10. 慣C 救火 Startup 惡搞 Mandice Software. 創新

11. 慣C 救火 JavaScript 惡搞創新

12. cfsghost At gmail.com

13. Blog fred-zone.blogspot.com

14. Personal Website people.linux.org.tw/~fred/

15. 回到主題 Focus

16. JavaScript What?

17. 你一定覺得我在說 You must think I'm taking about...

18. Web Application Web, web and web

19. 但是 Well

20. 今天不談 Web No Web Today

21. 不是我不談 Not My Fault

22. 而是 The truth is

23. Web Application Mode GNOME support it since 3.2+

24. 根本就只是 It's such...

25. 沒有邊框的瀏覽器 Browser without window border

26. 單純的 HTML Page Pure HTML page

27. 如果真的要講 If You Want To Know How to Write It

28. Super fast to write a Web App <html> <head> <title>Desktop Application</title> </head> <body> I am Desktop Application! DONE! </body> <html>

29. 今天的演講到此結束 The End

30. 謝謝 GNOME Thanks, GNOME Foundation!

31. WTF !@#$%^&*(

32. 真正回到主題 Speak Something Please!

33. Why JavaScript ?

34. 慣 C 的內心話 As a C Language Fanatic

35. 我不否認 I Agree...

36. 當慣 C 很潮 C Language Fanatic Rocks!

37. 但 BUT

38. 太花 Time

39. 太雜 Complicated

40. 太難學 Difficult to Learn

41. 收山 Be Tired

42. Why JavaScript ?

43. 不需編譯 No Need to Compile

44. 易學易用 Easy to Learn and Easy to Use

45. 快 Fast

46. 更重要的是 The Point is

47. 事件驅動 Event-driven

48. GUI 專家 Experienced

49. JavaScript

50. 這麼多解決方案 So many JavaScript Solution

51. 選哪一個？ Which One is better?

52. Node.js Suggest

53. Node.js nodejs.org

54. 超級快 Faster

55. 豐富的資源 Many Third-party Modules (10000+)

56. 絕佳的擴充性 Easy to Write Own C/C++ Addon

57. 如何用 Node.js 開發桌面應用程式？ How to write Desktop App in JavaScript?

58. This is GNOME.Asia

59. GTK+

60. Clutter

61. Mx

62. 必需實作 JavaScript API Must Impletement

63. 使用 C/C++ Must Impletement

64. 讓 Node.js 可以呼叫底層 Library API Make Node.js Able to Call Functions of lib

65. 我相信你應該準備放棄了 I think You Don't Want to Continue...

66. 不是說易學易用嗎？ Are you Kidding Me?

67. 別擔心 Don't Worry!

68. 我們已經做完了 I've Done It

69. jsdx-toolkit GUI Toolkit for Node.js

70. jsdx-toolkit Based on Clutter/Mx

71. Installation npm install jsdx-toolkit

72. github github.com/cfsghost/jsdx-toolkit

73. Application

74. Application Node.js

75. Application Node.js jsdx-toolkit

76. Application Node.js jsdx-toolkit Clutter/Mx

77. Application Node.js C/C++ Addon jsdx-toolkit Clutter/Mx

78. Hello World! My First JavaScript Desktop Application

79. Hello World Program! var toolkit = require('jsdx-toolkit'); var app = new toolkit.Application('JSDX Application'); app.createWindow(function(window) { window.on(toolkit.EVENT_DESTROY, function() { app.quit(); }); window.title = 'Application Window'; window.hasToolbar = true; window.show(); }); app.run();

80. 3D

81. Animation

82. Layout

83. Widget

84. Gstreamer Render Multimedia Video on 3D Object

85. X11

86. Live Demo

87. 看起來功能相當完整 It seems everything was ready

88. 不過 There is

89. 還有更厲害的 More Powerful Thing

90. JTKML JSDX Toolkit Modling Language

91. 為 Mx Toolkit 寫的新東西 For Mx Toolkit