chrome/common/extensions/docs/templates/articles/app_codelab.html - Issue 13248004: Cleaning up apps codelab

Side by Side Diff: chrome/common/extensions/docs/templates/articles/app_codelab.html

Issue 13248004: Cleaning up apps codelab (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Created 7 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« chrome/common/extensions/docs/static/css/site.css ('K') | « chrome/common/extensions/docs/static/js/tabs.js ('k') | chrome/common/extensions/docs/templates/articles/app_codelab1_setup.html » ('j') | chrome/common/extensions/docs/templates/articles/app_codelab1_setup.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <h1 id="get_ready_to_build_chrome_apps_">Get Ready to Build Chrome Apps!</h1>	1 <h1 id="get_ready_to_build_chrome_apps_">About Todo Codelab</h1>
	Renato Mangini (chromium) 2013/04/09 17:32:32 I prefer a more generic title (About this codelab) I prefer a more generic title (About this codelab) mkearney1 2013/04/10 17:59:58 Done. Show quoted text On 2013/04/09 17:32:32, Renato Mangini (chromium) wrote: > I prefer a more generic title (About this codelab) Done.
2	2

3 <p>Chrome apps are written in HTML5, JavaScript, and CSS, just like web apps.	3 <p>The goal of this tutorial is to

4 But they look and behave more like native apps, and they have super-powerful cap abilities,	4 get you building Chrome packaged apps fast.

5 like the ability to interact with network and hardware devices, media tools, and much more.</p>	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 the tutorial,

	9 you will have a simple Todo app.

	10 </p>
	Renato Mangini (chromium) 2013/04/09 17:32:32 "Once you've completed this codelab, ..." "Once you've completed this codelab, ..." mkearney1 2013/04/10 17:59:58 Done. Show quoted text On 2013/04/09 17:32:32, Renato Mangini (chromium) wrote: > "Once you've completed this codelab, ..." Done.
6	11

7 <h2 id="help_us_make_chrome_apps_better_">Help us make Chrome Apps better!</h2>	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">Step 5: Launch your app</a>).

	20 </p>
	Renato Mangini (chromium) 2013/04/09 17:32:32 This link is confusing: "Step 5" seems to be linki This link is confusing: "Step 5" seems to be linking into the codelab. Can you name the link "Create your first app tutorial"? mkearney1 2013/04/10 17:59:58 Done. Show quoted text On 2013/04/09 17:32:32, Renato Mangini (chromium) wrote: > This link is confusing: "Step 5" seems to be linking into the codelab. Can you > name the link "Create your first app tutorial"? Done.
8	21

9 <p>Chrome apps are still in developer preview-- we know they aren't perfect. But we're trying to do something new here, bridging together the native and web experience, giving developers choice and users the best experience possible .</p>	22 <p class="note">

	23 After the first launch,

	24 ChromeOS and Windows users can see their apps in the

	25 <a href="http://blog.chromium.org/2013/02/chrome-app-launcher-developer-preview. html">Chrome app launcher</a>.

	26 </p>
	Renato Mangini (chromium) 2013/04/09 17:32:32 ".... Other platforms can see installed apps on a ".... Other platforms can see installed apps on a new Chrome tab or by navigating to chrome://extensions" mkearney1 2013/04/10 17:59:58 Done. Show quoted text On 2013/04/09 17:32:32, Renato Mangini (chromium) wrote: > ".... Other platforms can see installed apps on a new Chrome tab or by > navigating to chrome://extensions" Done.
10	27

11 <p>For Chrome apps to succeed, we need and want your feedback and we don't w ant you to have to go in circles to provide it.	28 <h2 id="options">Choose your framework</h2>

12 We appreciate your feedback either at the <a href="http://groups.google.com/a/ch romium.org/group/chromium-apps">chromium-apps group</a> or, if appropriate, as a bug filled at the <a href="http://crbug.com/new">official issue tracker</a></a> .</p>

13	29

14 <h2 id="learn_more_about_chrome_apps">Learn more about Chrome Apps</h2>	30 <p>

	31 You can choose to write your sample Todo app

	32 using a preferred

	33 <a href="app_frameworks.html">MVC framework</a>.

	34 Starting in

	35 <a href="app_codelab3_mvc.html">3 - Create MVC</a>,

	36 we've provided sample code in pure JavaScript

	37 and using

	38 <a href="http://angularjs.org">AngularJS</a>.

	39 We've also included code snippets for both versions

	40 throughout the codelab docs.

	41 As you continue through the codelab,

	42 make sure your sample code builds from the same version.

	43 </p>

15	44

16 <ul>	45 <p class="note">

17 <li>Read the <a href="http://developer.chrome.com/apps/">docs</a>.</li>	46 <strong>Want to add a framework?</strong><br>

18 <li>Check out the <a href="http://developer.chrome.com/apps/api_index.html">Chro me Apps APIs</a>.</li>	47 You can always create your own Todo app

19 <li>Fork any and all <a href="https://github.com/GoogleChrome/chrome-app-samples ">chrome-app-samples</a> and make something of your own.</li>	48 in a different preferred framework.

20 <li>Watch the <a href="https://developers.google.com/live/chrome/">Chrome Apps G DL sessions</a>.</li>	49 And we would be very happy to include it

21 <li>Follow the Chrome Apps Todo tutorial here.</li>	50 in the sample code repository.

22 </ul>	51 </p>

23

24 <h2 id="about_this_tutorial">About this Tutorial</h2>

25

26 <p>The goal of this tutorial is to get you building Chrome apps fast.

27 We've done our best to capture some of the trickier parts to the development process

28 keeping the sample simple and straightforward.</p>

29

30 <p>Once you've completed the tutorial,

31 you will have a simple Todo app. The sample code in each lab builds upon the pre vious.

32 To see how the Todo app changes as you work through the lab,

33 you can upload the code in each lab and launch the app from a new tab.</p>

34	52

35 <h2 id="tutorial_structure">Tutorial structure</h2>	53 <h2 id="tutorial_structure">Tutorial structure</h2>

36	54

37 <ul>	55 <ul>

38 <li>Set up development environment: <a href="app_codelab1_setup.html">lab1_setup </a></li>	56 <li><a href="app_codelab1_setup.html">1 - Set Up Development Environment</a></li >

39 <li>Create basic app: <a href="app_codelab2_basic.html">lab2_basic</a></li>	57 <li><a href="app_codelab2_basic.html">2 - Create Basic App</a></li>

40 <li>Create model-view-controller: <a href="app_codelab3_mvc.html">lab3_mvc</a></ li>	58 <li><a href="app_codelab3_mvc.html">3 - Create MVC</a></li>

41 <li>Test app Work-in-progress: <a href="app_codelab4_testing.html">lab4_test ing</a></li>	59 <li><a href="app_codelab5_data.html">4 - Save and Feth Data</a></li>

42 <li>Save and fetch data: <a href="app_codelab5_data.html">lab5_data</a></li>	60 <li><a href="app_codelab6_lifecycle.html">5 - Manage App Lifecycle</a></li>

43 <li>Manage app lifecycle: <a href="app_codelab6_lifecycle.html">lab6_lifecycle</ a></li>	61 <li><a href="app_codelab7_useridentification.html">6 - Access User's Data</a></l i>

44 <li>Access user's data: <a href="app_codelab7_useridentification.html">lab7_ useridentification</a></li>	62 <li><a href="app_codelab8_webresources.html">7 - Access Web Resources</a></li>

45 <li>Access resources from the web: <a href="app_codelab8_webresources.html">lab8 _webresources</a></li>	63 <li><a href="app_codelab_10_publishing.html">8 - Publish App</a></li>

46 <li>Create multiple views: <a href="app_codelab9_multipleviews.html">lab9_multip leviews</a></li>

47 <li>Publish app in Chrome Web Store: <a href="app_codelab_10_publishing.html">la b_10_publishing</a></li>

48 </ul>	64 </ul>

OLD	NEW