OLD | NEW |
| (Empty) |
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'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'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#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">MVC framework</a>. | |
37 Starting in | |
38 <a href="app_codelab3_mvc">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">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> | |
OLD | NEW |