src/site/docs/tutorials/connect-dart-html/index.markdown - Issue 27070003: removing links to github in favor of downloading a zipfile from github

Side by Side Diff: src/site/docs/tutorials/connect-dart-html/index.markdown

Issue 27070003: removing links to github in favor of downloading a zipfile from github (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master

Patch Set: Created 7 years, 2 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

« no previous file with comments | « src/site/docs/tutorials/add-elements/index.markdown ('k') | src/site/docs/tutorials/fetchdata/index.markdown » ('j') | src/site/docs/tutorials/get-started/index.markdown » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 ---	1 ---

2 layout: default	2 layout: default

3 title: "Connect Dart & HTML"	3 title: "Connect Dart & HTML"

4 description: "Shows basic scaffolding of a Dart web app"	4 description: "Shows basic scaffolding of a Dart web app"

5 has-permalinks: true	5 has-permalinks: true

6 tutorial:	6 tutorial:

7 id: connect-dart-html	7 id: connect-dart-html

8 next: add-elements/	8 next: add-elements/

9 next-title: "Add Elements to the DOM"	9 next-title: "Add Elements to the DOM"

10 prev: get-started/	10 prev: get-started/

11 prev-title: "Get started"	11 prev-title: "Get started"

12 ---	12 ---

13	13

14 {% capture whats_the_point %}	14 {% capture whats_the_point %}

15	15

16 * The DOM models a browser page in a tree/node structure.	16 * The DOM models a browser page in a tree/node structure.

17 * An HTML file hosts your Dart code in a browser page.	17 * An HTML file hosts your Dart code in a browser page.

18 * Use query() with an ID to get an element from the DOM.	18 * Use query() with an ID to get an element from the DOM.

19 * Compile to JavaScript to run in any modern browser.	19 * Compile to JavaScript to run in any modern browser.

20 * CSS selectors are patterns used to select matching elements in the DOM.	20 * CSS selectors are patterns used to select matching elements in the DOM.

21 * Use CSS rules to style elements.	21 * Use CSS rules to style elements.

22	22

23 {% endcapture %}	23 {% endcapture %}

24	24

25 {% capture sample_links %}	25 {% capture sample_links %}

26	26

27 <p>	27 <p>

28 Get the source code for the samples featured in this tutorial:</p>	28 This tutorial features these examples:</p>

	29 * mini

	30 * mini_with_style

29	31

30 <ul>	32 <p>

31 <li>	33 Don't have the source code?

32 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web /connect-dart-html/mini"	34 <a href="https://github.com/dart-lang/dart-tutorials-samples/archive/master.zip" >

33 target="_blank">mini</a>	35 Download it.

34 </li>	36 </a>

35 <li>

36 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web /connect-dart-html/mini_with_style"

37 target="_blank">mini_with_style</a>

38 </li>

39 </ul>

40	37

41 {% endcapture %}	38 {% endcapture %}

42	39

43 {% capture content %}	40 {% capture content %}

44	41

45 <div class="tute-target-title">	42 <div class="tute-target-title">

46 <h1>{{page.title}}</h1>	43 <h1>{{page.title}}</h1>

47 <h3>Write a mini Dart app.</h3>	44 <h3>Write a mini Dart app.</h3>

48 </div>	45 </div>

49	46

(...skipping 472 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
522	519

523 ##What next?	520 ##What next?

524	521

525 The next tutorial, [Add Elements to the DOM](/docs/tutorials/add-elements/),	522 The next tutorial, [Add Elements to the DOM](/docs/tutorials/add-elements/),

526 shows you how to dynamically change the HTML page	523 shows you how to dynamically change the HTML page

527 by adding elements to the DOM.	524 by adding elements to the DOM.

528	525

529 {% endcapture %}	526 {% endcapture %}

530	527

531 {% include tutorial.html %}	528 {% include tutorial.html %}

OLD	NEW