List of Listings

Chapter 1. Introducing Electron and NW.js

Listing 1.1. Code for the Hello World app’s index.html file

Listing 1.2. main.js file for the Hello World Electron app

Listing 1.3. index.html for the Hello World Electron app

Chapter 2. Laying the foundation for your first desktop application

Listing 2.1. Adding the index.html file’s contents for the NW.js app

Listing 2.2. The main.js file for the Electron app

Listing 2.3. Adding the toolbar and personal folder HTML to the index.html file

Listing 2.4. Adding the toolbar and personal folder CSS to the app.css file

Listing 2.5. Adding the app.css link tag to the index.html file

Listing 2.6. The modified package.json file

Listing 2.7. Displaying the user’s personal folder to the index.html file

Listing 2.8. Adding the app.js file to the index.html file

Listing 2.9. Logging the list of files and folders in the user’s personal folder

Listing 2.10. Changing the app.js code to detect file types

Listing 2.11. Adding the file template and main area to the index.html file

Listing 2.12. Rendering the template instances in the UI via the app.js file

Listing 2.13. Adding styling to the app.css file for displaying the files

Chapter 3. Building your first desktop application

Listing 3.1. The code for the fileSystem.js file

Listing 3.2. The code for the userInterface.js file

Listing 3.3. The code for the app.js file

Listing 3.4. Changes for the index.html file

Listing 3.5. Changing the userInterface.js file