Cleaning up apps codelab

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

Index: chrome/common/extensions/docs/templates/articles/app_codelab.html
diff --git a/chrome/common/extensions/docs/templates/articles/app_codelab.html b/chrome/common/extensions/docs/templates/articles/app_codelab.html
index 141461d2d4fbbe8931e19f9f9b1121f15516ba2d..ed01dd0de91c94fe935fefde4bad70b46ae61948 100644
--- a/chrome/common/extensions/docs/templates/articles/app_codelab.html
+++ b/chrome/common/extensions/docs/templates/articles/app_codelab.html
@@ -1,48 +1,64 @@
-<h1 id="get_ready_to_build_chrome_apps_">Get Ready to Build Chrome Apps!</h1>
+<h1 id="get_ready_to_build_chrome_apps_">About Todo Codelab</h1>

[Renato Mangini (chromium), 2013/04/09 17:32:32]

I prefer a more generic title (About this codelab)

[mkearney1, 2013/04/10 17:59:58]

Done.

 
-<p>Chrome apps are written in HTML5, JavaScript, and CSS, just like web apps.
-But they look and behave more like native apps, and they have super-powerful capabilities,
-like the ability to interact with network and hardware devices, media tools, and much more.</p>
+<p>The goal of this tutorial is to
+get you building Chrome packaged apps fast.
+We&#39;ve done our best to capture some of the trickier parts
+to the development process
+keeping the samples simple and straightforward.
+Once you&#39;ve completed the tutorial,
+you will have a simple Todo app.
+</p>

[Renato Mangini (chromium), 2013/04/09 17:32:32]

"Once you've completed this codelab, ..."

[mkearney1, 2013/04/10 17:59:58]

Done.

 
-<h2 id="help_us_make_chrome_apps_better_">Help us make Chrome Apps better!</h2>
-
-<p>Chrome apps are still in developer preview-- we know they aren&#39;t perfect. But we&#39;re trying to do something new here, bridging together the native and web experience, giving developers choice and users the best experience possible.</p>
+<p>
+All sample code can be downloaded from the
+<a href="https://github.com/GoogleChrome/chrome-app-codelab">chrome-app-codelab repository</a>. 
+Each lab builds upon the previous lab's sample code.
+To see how the Todo app changes as you work through the lab,
+upload the code from the extensions management page
+and launch the app
+(see <a href="first_app.html#five">Step 5: Launch your app</a>).
+</p>

[Renato Mangini (chromium), 2013/04/09 17:32:32]

This link is confusing: "Step 5" seems to be linking into the codelab. Can you
name the link "Create your first app tutorial"?

[mkearney1, 2013/04/10 17:59:58]

Done.

 
-<p>For Chrome apps to succeed, we need and want your feedback and we don&#39;t want you to have to go in circles to provide it.
-We appreciate your feedback either at the <a href="http://groups.google.com/a/chromium.org/group/chromium-apps">chromium-apps group</a> or, if appropriate, as a bug filled at the <a href="http://crbug.com/new">official issue tracker</a></a>.</p>
+<p class="note">
+After the first launch,
+ChromeOS and Windows users can see their apps in the
+<a href="http://blog.chromium.org/2013/02/chrome-app-launcher-developer-preview.html">Chrome app launcher</a>.
+</p>

[Renato Mangini (chromium), 2013/04/09 17:32:32]

".... Other platforms can see installed apps on a new Chrome tab or by
navigating to chrome://extensions"

[mkearney1, 2013/04/10 17:59:58]

Done.

 
-<h2 id="learn_more_about_chrome_apps">Learn more about Chrome Apps</h2>
+<h2 id="options">Choose your framework</h2>
 
-<ul>
-<li>Read the <a href="http://developer.chrome.com/apps/">docs</a>.</li>
-<li>Check out the <a href="http://developer.chrome.com/apps/api_index.html">Chrome Apps APIs</a>.</li>
-<li>Fork any and all <a href="https://github.com/GoogleChrome/chrome-app-samples">chrome-app-samples</a> and make something of your own.</li>
-<li>Watch the <a href="https://developers.google.com/live/chrome/">Chrome Apps GDL sessions</a>.</li>
-<li>Follow the Chrome Apps Todo tutorial here.</li>
-</ul>
+<p>
+You can choose to write your sample Todo app
+using a preferred
+<a href="app_frameworks.html">MVC framework</a>.
+Starting in
+<a href="app_codelab3_mvc.html">3 - Create MVC</a>,
+we've provided sample code in pure JavaScript
+and using
+<a href="http://angularjs.org">AngularJS</a>.
+We've also included code snippets for both versions
+throughout the codelab docs.
+As you continue through the codelab,
+make sure your sample code builds from the same version.
+</p>
 
-<h2 id="about_this_tutorial">About this Tutorial</h2>
-
-<p>The goal of this tutorial is to get you building Chrome apps fast.
-We&#39;ve done our best to capture some of the trickier parts to the development process
-keeping the sample simple and straightforward.</p>
-
-<p>Once you&#39;ve completed the tutorial,
-you will have a simple Todo app. The sample code in each lab builds upon the previous.
-To see how the Todo app changes as you work through the lab,
-you can upload the code in each lab and launch the app from a new tab.</p>
+<p class="note">
+<strong>Want to add a framework?</strong><br>
+You can always create your own Todo app
+in a different preferred framework.
+And we would be very happy to include it
+in the sample code repository.
+</p>
 
 <h2 id="tutorial_structure">Tutorial structure</h2>
 
 <ul>
-<li>Set up development environment: <a href="app_codelab1_setup.html">lab1_setup</a></li>
-<li>Create basic app: <a href="app_codelab2_basic.html">lab2_basic</a></li>
-<li>Create model-view-controller: <a href="app_codelab3_mvc.html">lab3_mvc</a></li>
-<li>Test app **Work-in-progress**: <a href="app_codelab4_testing.html">lab4_testing</a></li>
-<li>Save and fetch data: <a href="app_codelab5_data.html">lab5_data</a></li>
-<li>Manage app lifecycle: <a href="app_codelab6_lifecycle.html">lab6_lifecycle</a></li>
-<li>Access user&#39;s data: <a href="app_codelab7_useridentification.html">lab7_useridentification</a></li>
-<li>Access resources from the web: <a href="app_codelab8_webresources.html">lab8_webresources</a></li>
-<li>Create multiple views: <a href="app_codelab9_multipleviews.html">lab9_multipleviews</a></li>
-<li>Publish app in Chrome Web Store: <a href="app_codelab_10_publishing.html">lab_10_publishing</a></li>
+<li><a href="app_codelab1_setup.html">1 - Set Up Development Environment</a></li>
+<li><a href="app_codelab2_basic.html">2 - Create Basic App</a></li>
+<li><a href="app_codelab3_mvc.html">3 - Create MVC</a></li>
+<li><a href="app_codelab5_data.html">4 - Save and Feth Data</a></li>
+<li><a href="app_codelab6_lifecycle.html">5 - Manage App Lifecycle</a></li>
+<li><a href="app_codelab7_useridentification.html">6 - Access User's Data</a></li>
+<li><a href="app_codelab8_webresources.html">7 - Access Web Resources</a></li>
+<li><a href="app_codelab_10_publishing.html">8 - Publish App</a></li>
 </ul>