1<h1 id="get_ready_to_build_chrome_apps_">About this Codelab</h1>
2
3<p>The goal of this codelab is to
4get you building Chrome Apps fast.
5We&#39;ve done our best to capture some of the trickier parts
6to the development process
7keeping the samples simple and straightforward.
8Once you&#39;ve completed this codelab,
9you will have a simple Todo app.
10</p>
11
12<p>
13All sample code can be downloaded from the
14<a href="https://github.com/GoogleChrome/chrome-app-codelab">chrome-app-codelab repository</a>. 
15Each lab builds upon the previous lab's sample code.
16To see how the Todo app changes as you work through the lab,
17upload the code from the extensions management page
18and launch the app
19(see <a href="first_app#five">Create Your First App tutorial</a>).
20</p>
21
22<p class="note">
23<strong>Note: </strong>
24After the first launch,
25ChromeOS and Windows users can see their apps in the
26<a href="http://blog.chromium.org/2013/02/chrome-app-launcher-developer-preview.html">Chrome app launcher</a>.
27Other platforms can see installed apps on a new Chrome tab
28or by navigating to <code>chrome://extensions</code>.
29</p>
30
31<h2 id="options">Choose your framework</h2>
32
33<p>
34You can choose to write your sample Todo app
35using a preferred
36<a href="app_frameworks">MVC framework</a>.
37Starting in
38<a href="app_codelab3_mvc">3 - Create MVC</a>,
39we've provided sample code in pure JavaScript
40and using
41<a href="http://angularjs.org">AngularJS</a>.
42We've also included code snippets for both versions
43throughout the codelab docs.
44As you continue through the codelab,
45make sure your sample code builds from the same version.
46</p>
47
48<p class="note">
49<strong>Want to add a framework?</strong><br>
50You can always create your own Todo app
51in a different preferred framework.
52And we would be very happy to include it
53in the sample code repository.
54</p>
55
56<h2 id="tutorial_structure">Codelab structure</h2>
57
58<ul>
59<li><a href="app_codelab1_setup">1 - Set Up Development Environment</a></li>
60<li><a href="app_codelab2_basic">2 - Create Basic App</a></li>
61<li><a href="app_codelab3_mvc">3 - Create MVC</a></li>
62<li><a href="app_codelab5_data">4 - Save and Feth Data</a></li>
63<li><a href="app_codelab6_lifecycle">5 - Manage App Lifecycle</a></li>
64<li><a href="app_codelab7_useridentification">6 - Access User's Data</a></li>
65<li><a href="app_codelab8_webresources">7 - Access Web Resources</a></li>
66<li><a href="app_codelab_10_publishing">8 - Publish App</a></li>
67</ul>
68