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've done our best to capture some of the trickier parts 6to the development process 7keeping the samples simple and straightforward. 8Once you'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