Updated Chrome Apps codelab from I/O 2013

chrome/common/extensions/docs/templates/articles/app_codelab_publish.html

Index: chrome/common/extensions/docs/templates/articles/app_codelab_publish.html
diff --git a/chrome/common/extensions/docs/templates/articles/app_codelab_publish.html b/chrome/common/extensions/docs/templates/articles/app_codelab_publish.html
new file mode 100644
index 0000000000000000000000000000000000000000..341e6346bd05876772cdc3d79ce39688dabda304
--- /dev/null
+++ b/chrome/common/extensions/docs/templates/articles/app_codelab_publish.html
@@ -0,0 +1,103 @@
+<h1>
+  <span class="h1-step">Step 7:</span>
+  Publish Your App
+</h1>
+
+<p class="note">
+  <strong>Want to start fresh from here?</strong>
+  Find the previous step's code in the <a href="https://github.com/mangini/io13-codelab/archive/master.zip">reference code zip</a> under <strong><em>cheat_code > solution_for_step6</strong></em>.
+</p>
+
+<p>In this step, you will learn:</p>
+
+<ul>
+  <li>How to publish a Chrome App to the Chrome Web Store.</li>
+</ul>
+
+<p>
+  <em>Estimated time to complete this step: 10 minutes.</em>
+  <br>
+  To preview what you will complete in this step, <a href="#view-in-webstore">jump down to the bottom of this page &#8595;</a>.
+</p>
+
+<h2 id="about-web-store">Learn about Chrome Web Store benefits</h2>
+
+<p>For those not familiar with the store, it provides several benefits to users and developers.</p>
+
+<p>For users:</p>
+
+<ul>
+  <li>Added security &mdash; all apps and extensions are checked for Malware signals.</li>
+  <li>All apps are maintained with the latest version the developer has published.</li>
+  <li>Ratings and reviews provide a great way to see the quality of applications.</li>
+</ul>
+
+<p>For developers:</p>
+
+<ul>
+  <li>You can upload your app once and know that it will be distributed to all users.</li>
+  <li>Payments and subscriptions are built in.</li>
+  <li>Your app is more discoverable to users.</li>
+  <li>Tools to help you manage bugs and reviews from users.</li>
+</ul>
+
+<h2 id="developer-dashboard">Upload your app via the Developer Dashboard</h2>
+
+<p>The Chrome Web Store has a special dashboard for developers that lets you upload new applications and update existing ones.</p>
+
+<p>The process of uploading apps is simple:</p>
+
+<ol>
+  <li>Compress your application's root directory (the folder containing the <em>manifest.json</em> file) into a .zip file.</li>
+  <li>Go to the <a href="https://chrome.google.com/webstore/developer/dashboard">Chrome Web Store Developer Dashboard</a> and log in with a developer-verified Google Account. (If you don't have a verified account, you can <a href="https://chrome.google.com/webstore/developer/about_signup">sign up</a> for a nominal fee.)</li>
+  <li>Click <strong>Add new item</strong>.</li>
+  <li>Accept the terms and services agreement to continue.</li>
+  <li>Use the <strong>choose file</strong> dialog box to find the .zip file in your system. Select that file to upload.</li>
+</ol>
+
+<figure>
+  <img src="{{static}}/images/app_codelab/webstore-file-picker.jpg" alt="Choose a zip to upload"/>
+</figure>
+
+<p>You are nearly done. If you are not quite ready for the next step, you can save the draft for later, or you can publish it to a group of testers.</p>
+
+<figure>
+  <img src="{{static}}/images/app_codelab/webstore-draft.png" alt="Save a draft"/>
+</figure>
+
+<h2 id="promotional-metadata">Add promotional materials</h2>
+
+<p>Before you can publicly publish your app, you need to add promotional assets and extra meta information about your application.You should see a screen that looks like this:</p>
+
+<figure>
+  <img src="{{static}}/images/app_codelab/webstore-promotional.png" alt="Add meta information for your app"/>
+</figure>
+
+<p>The below fields are mandatory:</p>
+
+<ul>
+  <li>A <strong>detailed description</strong> of your application. Write your description to entice users to download your app.</li>
+  <li>A 128x128 <strong>icon</strong> to display in the store. You may re-use your app icon here.</li>
+  <li>At least one 1280x800 or 640x400 <strong>screenshot</strong> or YouTube <strong>video</strong> to show off what your app does.</li>
+  <li>A 440x280 <strong>small tile icon</strong> that will be displayed on the Chrome Web Store wall.</li>
+  <li>The <strong>primary category</strong> where your app should be listed.</li>
+  <li>Your app's <strong>language</strong> to help users find it.</li>
+</ul>
+
+<p>Once you are happy with everything, you can now publish your application to the public.</p>
+
+<figure>
+  <img src="{{static}}/images/app_codelab/webstore-publish.png" alt="Publish your changes"/>
+</figure>
+
+<h2 id="view-in-webstore">View your app in the Chrome Web Store</h2>
+
+<p>You are done Step 7! You should have a link to your public Chrome App that you can share with the world.</p>
+
+<figure>
+  <img src="{{static}}/images/app_codelab/step7-completed.png" alt="The Todo app in the Chrome Web Store"/>
+</figure>
+
+<p>Congratulations on completing this Chrome Apps codelab!</p>
+
+<!-- <p>Ready to continue onto the next step? Go to <a href="app_codelab_mobile.html">Step 8 - Package your app for mobile &raquo;</a></p> -->