Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying NW.js Essentials
  • Table Of Contents Toc
NW.js Essentials

NW.js Essentials

By : Benoit
4.8 (5)
Buy this Book
close
close
NW.js Essentials

NW.js Essentials

4.8 (5)
By: Benoit
Buy this Book

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)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Meet NW.js
Icon
1. Meet NW.js
Icon
NW.js under the hood
Icon
Features and drawbacks of NW.js
Icon
Downloading and installing NW.js
Icon
Development tools
Icon
Writing and running your first "Hello World" app
Icon
Summary
2
2. NW.js Native UI APIs
Icon
2. NW.js Native UI APIs
Icon
The App API – the core of your applications
Icon
The Window API – working with windows on NW.js
Icon
The Screen API – screen geometry functions
Icon
The Menu API – handling window and context menus
Icon
File dialogs – opening and saving files
Icon
Opening files through file dragging
Icon
The Tray API – hide your application in plain sight
Icon
The Clipboard API – accessing the system clipboard
Icon
The Shell API – platform-dependent desktop functions
Icon
Summary
3
3. Leveraging the Power of Node.js
Icon
3. Leveraging the Power of Node.js
Icon
Routing and templating in NW.js
Icon
Node.js global and process objects
Icon
The window object
Icon
Using NW.js' main module
Icon
Handling paths in NW.js
Icon
NW.js context issues
Icon
Working with Node.js modules
Icon
Summary
4
4. Data Persistence Solutions and Other Browser Web APIs
Icon
4. Data Persistence Solutions and Other Browser Web APIs
Icon
Data persistence solutions
Icon
XMLHttpRequest and BLOBs
Icon
Handling media files
Icon
Shedding some light on security issues
Icon
The Web Notifications API
Icon
Summary
5
5. Let's Put It All Together
chevron up
Icon
5. Let's Put It All Together
Icon
Let's get started!
Icon
A matter of style
Icon
The HTML5 skeleton
Icon
Let's dive deep into the application logic
Icon
The application layer
Icon
The NativeUI layer
Icon
Summary
6
6. Packaging Your Application for Distribution
Icon
6. Packaging Your Application for Distribution
Icon
The manifest file
Icon
The general logic behind the packaging procedure
Icon
Packaging NW.js applications for Mac OS X
Icon
Packaging NW.js applications for Microsoft Windows
Icon
Packaging NW.js applications for Linux
Icon
Securing your source code
Icon
About NW.js application licensing
Icon
Summary
7
7. Automated Packaging Tools
Icon
7. Automated Packaging Tools
Icon
Web2Executable
Icon
node-webkit-builder and grunt-node-webkit-builder
Icon
generator-node-webkit
Icon
Summary
8
8. Let's Debug Your Application
Icon
8. Let's Debug Your Application
Icon
Remote debugging
Icon
The DevTools API
Icon
Live reloading NW.js
Icon
Troubleshooting common issues
Icon
Summary
9
9. Taking Your Application to the Next Level
Icon
9. Taking Your Application to the Next Level
Icon
NW.js boilerplates
Icon
Development ideas
Icon
Resources and tutorials
Icon
Summary
10
Index
Icon
Index

The application layer

The application layer is all the logic related to the functioning of the ToDO list application. In this first step, we will indeed create a full, working application, but we will do this much like we would do with a normal web page (except for the availability of Node.js modules). Before writing even a single line of code, let's see which features will implement the application layer:

  • Load all the to-dos from the database on start

  • Add a new to-do when clicking on a given button

  • Each to-do item in the DOM will provide a way to the following:

    • Set the to-do status (completed/uncompleted) and save

    • Edit the to-do content and save

    • Delete the to-do

There is then a set of features that will be triggered by the NativeUI layer but will result in an action inside the application layer:

  • Show/hide completed to-dos

  • Change the to-do list background color

  • Sync the local database with the remote one

  • Export the to-do list in the JSON format

Once you've understood what the application will do, we...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
NW.js Essentials
End of Chapter 5
Next Chapter
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon