Time for action – creating Photo Pad
Let's start off, as usual, by copying the application template we created in Chapter 1, The Task at Hand, and renaming the filenames to photoPad.html, photoPad.css, and photoPad.js. In the HTML file, we will add a toolbar with buttons for Load, Save, and Effects. You can find the code for this section in Chapter 5/example5.2:
<body>
<div id="app">
<header>Photo Pad </header>
<div id="main">
<div id="toolbar">
<div class="dropdown-menu">
<button data-action="menu">Load</button>
<ul id="load-menu" data-option="file-picker"
class="file-picker menu">
<li data-value="file-picker">
<input type="file" />
</li>
</ul>
</div>
<button data...
