Book Image

NW.js Essentials

Book Image

NW.js Essentials

Overview of this book

If you are an experienced Node.js developer who wants to create amazing desktop applications using NW.js, this is the book for you. Prior knowledge of HTML5, jQuery, and CSS is assumed.
Table of Contents (11 chapters)
10
Index

Let's get started!


Here we are. The first thing I consider when developing a new project is usually the application folder structure:

myApp/
> css/
-- app.css
-- options.css
> js/
-- nativeui.js
-- helpers.js
-- main.js
-- options.js
-- todos.js
> node_modules/
> vendor/
-- jquery.2.1.3.min.js
-- pouchdb-3.2.1.min.js
> views/
-- app.html
-- options.html
-- todo.html
- icon16.png
- index.html
- options.html
- package.json

As illustrated, before starting with the actual programming, we need to install some resources. So let's create the myApp folder and all the subfolders and then create a package.json file in the root:

{
  "name": "ToDO!",
  "main": "index.html",
  "window": {
    "show": true,
    "icon": "icon16.png",
    "min_width": 480,
    "min_height": 600,
    "width": 480,
    "height": 600,
    "toolbar": false
  },
  "dependencies": {
    "swig": "1.4.2"
  }
}

What we are doing here is pretty simple; we've set most of the data of the application, including the Main window...