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

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