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

•

26 gostaram•18,924 visualizações

Eddie Lau

2014 01 Codeaholics Meetup sharing

Tecnologia 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

Mais conteúdo relacionado

Mais procurados

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

Mais procurados (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

Destaque

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

Destaque (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

Semelhante a 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

Semelhante a 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)

Último

All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough

Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen

4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sectoritnewsafrica

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes

A Glance At The Java Performance ToolboxAna-Maria Mihalceanu

Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll

Digital Tools & AI in Career DevelopmentMahmoud Rabie

Accelerating Enterprise Software Engineering with PlatformlessWSO2

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal

Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda

Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...BookNet Canada

Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Nikki Chapple

Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple

React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech

Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos

Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Jeffrey Haguewood

Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765

Kuma Meshes Part I - The basics - A tutorialJoão Esperancinha

A Framework for Development in the AI AgeCprime

MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar