Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)

•

26 likes•18,924 views

Eddie Lau

2014 01 Codeaholics Meetup sharing

Technology Design

Native Desktop App
with Node-Webkit
!

(Javascript, HTML, CSS)

Eddie Lau
@tatonlto
github.com/3dd13

Centralized
Easy to deploy
Cross-platform
Single-code-base
(if there is no IE)

Sometimes

Desktop App!
is better than
Web App

One click installer
No server
No internet
Native functionality
(actually … HTML5 & Chrome App can do most too !)

single-code-base
cross-platform
Desktop App development
is …

Raise hand
if you have written any
Java Swing

so …

few months ago
I saw
Node-Webkit
https://github.com/rogerwang/node-webkit

Node-Webkit
build

a .exe / .app
which contains
Node.js & Webkit

Node.js!
allows you to write
Desktop program!
using JS

Webkit!
allows you to write
Desktop App UI!
using!
HTML, CSS & JS

the packaging was
clumsy though
!

https://github.com/rogerwang/node-webkit/wiki/How-topackage-and-distribute-your-apps
(height of packaging documentation === 5 * window.height)

Have to zip everytime
to test updated .app

yesterday

I saw
Grunt-Node-Webkit-Builder
https://github.com/mllrsohn/grunt-node-webkit-builder

Questions ?
Eddie Lau
@tatonlto
github.com/3dd13

What's hot

Building desktop applications with web technologies - ELECTRON the easy waystefanjudis

Electron - Build desktop apps using javascriptAustin Ogilvie

Electron - Build cross platform desktop appsPriyaranjan Mohanty

Building a Desktop Streaming console with Node.js and WebKitEmanuele Rampichini

JavaScript Web WorkersTobias Pfeiffer

Building Cross Platform Apps with ElectronChris Ward

Isomorphic web applicationOliver N

Cross-Platform Desktop Apps with ElectronDavid Neal

Launch Arguments & NSUserDefaults by Franck LefebvreCocoaHeads France

Building a Desktop Streaming console with Electron and ReactJSEmanuele Rampichini

웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스민태 김

Building Native Experiences with ElectronBen Gotow

Web workersSurbhi Mathur

HTML5 Web Workers-unleashedPeter Lubbers

Andrew Mykhaliuk - Sorry, I need to make a build for frontendOdessaJS Conf

ElectronVirginia Rodriguez

ElectronJens Siebert

Using Minikube for Node.js developmentTroy Connor

ProtoPie with ElectronScotty Kim

BP101: A Modernized Workflow w/ Domino/XPagesedm00se

What's hot (20)

Building desktop applications with web technologies - ELECTRON the easy way

Electron - Build desktop apps using javascript

Electron - Build cross platform desktop apps

Building a Desktop Streaming console with Node.js and WebKit

JavaScript Web Workers

Building Cross Platform Apps with Electron

Isomorphic web application

Cross-Platform Desktop Apps with Electron

Launch Arguments & NSUserDefaults by Franck Lefebvre

Building a Desktop Streaming console with Electron and ReactJS

웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Building Native Experiences with Electron

Web workers

HTML5 Web Workers-unleashed

Andrew Mykhaliuk - Sorry, I need to make a build for frontend

Electron

Using Minikube for Node.js development

ProtoPie with Electron

BP101: A Modernized Workflow w/ Domino/XPages

Viewers also liked

Hardware Acceleration in WebKitJoone Hur

Writing robust Node.js applicationsTom Croucher

Codemotion rome 2015 bluemix lab tutorial -- Codemotion Rome 2015Codemotion

Luciano Fiandesio - Docker 101 | Codemotion Milan 2015Codemotion

An introduction to workflow-based programming with Node-REDBoris Adryan

WebKit and GStreamercalvaris

Flow Base Programming with Node-RED and Functional Reactive Programming with ...Sven Beauprez

Come rendere il proprio prodotto una bomba creandogli una intera community in...Codemotion

Getting started with go - Florin Patan - Codemotion Milan 2016Codemotion

The Evolution of Asynchronous Javascript - Alessandro Cinelli - Codemotion Mi...Codemotion

Understanding Webkit RenderingAriya Hidayat

Lo sviluppo di Edge Guardian VR - Maurizio Tatafiore - Codemotion Milan 2016Codemotion

Master the chaos: from raw data to analytics - Andrea Pompili, Riccardo Rossi...Codemotion

DevOps in Cloud, dai Container all'approccio Codeless - Gabriele Provinciali,...Codemotion

Milano Chatbots Meetup - Vittorio Banfi - Bot Design - Codemotion Milan 2016 Codemotion

Lean frontend development - Codemotion Roma 2015Matteo Guidotto

Social media project 1210884 mj kimbanana930

Viewers also liked (17)

Hardware Acceleration in WebKit

Writing robust Node.js applications

Codemotion rome 2015 bluemix lab tutorial -- Codemotion Rome 2015

Luciano Fiandesio - Docker 101 | Codemotion Milan 2015

An introduction to workflow-based programming with Node-RED

WebKit and GStreamer

Flow Base Programming with Node-RED and Functional Reactive Programming with ...

Come rendere il proprio prodotto una bomba creandogli una intera community in...

Getting started with go - Florin Patan - Codemotion Milan 2016

The Evolution of Asynchronous Javascript - Alessandro Cinelli - Codemotion Mi...

Understanding Webkit Rendering

Lo sviluppo di Edge Guardian VR - Maurizio Tatafiore - Codemotion Milan 2016

Master the chaos: from raw data to analytics - Andrea Pompili, Riccardo Rossi...

DevOps in Cloud, dai Container all'approccio Codeless - Gabriele Provinciali,...

Milano Chatbots Meetup - Vittorio Banfi - Bot Design - Codemotion Milan 2016

Lean frontend development - Codemotion Roma 2015

Social media project 1210884 mj kim

Similar to Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)

From React to React Native - Things I wish I knew when I startedsparkfabrik

Skill Session - Web Multi Devicefilirom1

Responsive web design & mobile web development - a technical and business app...Atos_Worldline

JQuery Mobile vs Appcelerator Titanium vs Sencha TouchSteve Drucker

Angularjs Tutorial for Beginnersrajkamaltibacademy

Everything about flutter web developmentKaty Slemon

Tutorial: Develop Mobile Applications with AngularJSPhilipp Burgmer

Mobile Development with PhoneGapJoshua Johnson

HTML5 Can't Do ThatNathan Smith

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

Mobile native-hacksDevelopmentArc LLC

Mobile Apps presentationTom Printy

Electron - cross platform desktop applications made easyUlrich Krause

Nodejsdssprakash

Introduction to Cross-Platform Hybrid Mobile App DevelopmentÖzcan Zafer AYAN

The Gist of React NativeDarren Cruse

DotNet Cologne 2015 - Windows 10 AppDev, Teil1: App Developer Basics- (Daniel...Daniel Meixner

Busy Developer's Guide to Windows 8 HTML/JavaScript AppsJAX London

NativeScript: Cross-Platform Mobile Apps with JavaScript and AngularTodd Anglin

Native App + Wep App = ? (Hybrid Applications)GameWisp

Similar to Native Desktop App with Node.js Webkit (HTML, CSS & Javascript) (20)

From React to React Native - Things I wish I knew when I started

Skill Session - Web Multi Device

Responsive web design & mobile web development - a technical and business app...

JQuery Mobile vs Appcelerator Titanium vs Sencha Touch

Angularjs Tutorial for Beginners

Everything about flutter web development

Tutorial: Develop Mobile Applications with AngularJS

Mobile Development with PhoneGap

HTML5 Can't Do That

Building a Simple Mobile-optimized Web App Using the jQuery Mobile Framework

Mobile native-hacks

Mobile Apps presentation

Electron - cross platform desktop applications made easy

Nodejs

Introduction to Cross-Platform Hybrid Mobile App Development

The Gist of React Native

DotNet Cologne 2015 - Windows 10 AppDev, Teil1: App Developer Basics- (Daniel...

Busy Developer's Guide to Windows 8 HTML/JavaScript Apps

NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular

Native App + Wep App = ? (Hybrid Applications)

Recently uploaded

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays

CloudStudio User manual (basic edition):comworks

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

"ML in Production",Oleksandr BaganFwdays

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software

Training state-of-the-art general text embeddingZilliz

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Artificial intelligence in cctv survelliance.pptxhariprasad279825

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2

Recently uploaded (20)

Designing IA for AI - Information Architecture Conference 2024

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...

CloudStudio User manual (basic edition):

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

"ML in Production",Oleksandr Bagan

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

DevEX - reference for building teams, processes, and platforms

Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation

Training state-of-the-art general text embedding

Ensuring Technical Readiness For Copilot in Microsoft 365

Developer Data Modeling Mistakes: From Postgres to NoSQL

Dev Dives: Streamline document processing with UiPath Studio Web

SIP trunking in Janus @ Kamailio World 2024

Nell’iperspazio con Rocket: il Framework Web di Rust!

Vector Databases 101 - An introduction to the world of Vector Databases

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Artificial intelligence in cctv survelliance.pptx

DMCC Future of Trade Web3 - Special Edition

The Future of Software Development - Devin AI Innovative Approach.pdf