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