Book Image

NW.js Essentials

By : Alessandro Benoit, Roger Weng
Book Image

NW.js Essentials

By: Alessandro Benoit, Roger Weng

Overview of this book

Table of Contents (17 chapters)
NW.js Essentials
About the Author
About the Reviewers

Let's get started!

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

> 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...