1<?xml version='1.0' encoding='UTF-8'?>
2<page xmlns="http://projectmallard.org/1.0/"
3      xmlns:its="http://www.w3.org/2005/11/its"
4      xmlns:e="http://projectmallard.org/experimental/"
5      type="guide" style="task"
6      id="beginner.vala">
7
8<info>
9  <title type="text">Tutorial for beginners (Vala)</title>
10  <link type="guide" xref="vala#code-samples"/>
11  <revision version="0.1" date="2012-02-19" status="stub"/>
12
13  <desc>A beginner's guide to GUI programming using GTK+, including code samples and practice exercises.</desc>
14  <credit type="author">
15    <name>Tiffany Antopolski</name>
16    <email its:translate="no">tiffany.antopolski@gmail.com</email>
17  </credit>
18    <credit type="editor">
19      <name>Marta Maria Casetti</name>
20      <email its:translate="no">mmcasettii@gmail.com</email>
21      <years>2013</years>
22    </credit>
23</info>
24
25<title>Tutorial for beginners and code samples</title>
26<synopsis>
27 <p>Although these tutorials are designed for beginners, we can't cover all the basics.  Before attempting to follow these tutorials, you are expected to be familiar with the following concepts:</p>
28<list type="numbered">
29  <item><p>Object oriented programming</p></item>
30  <item><p>The Vala programming language:</p>
31    <list>
32     <item><p><link href="https://live.gnome.org/Vala/Tutorial">The Vala Tutorial</link></p></item>
33     <item><p><link href="https://live.gnome.org/Vala/Documentation#Sample_Code">Sample Vala code</link></p></item>
34    </list>
35  </item>
36</list>
37
38<p>By following these tutorials you will learn the basics of GUI programming using GTK+.</p>
39</synopsis>
40
41<section id="tutorials">
42<title>Tutorials</title>
43</section>
44
45<section id="samples">
46<title>Code samples</title>
47  <p>
48    To run the code samples:
49  </p>
50  <steps>
51    <item><p>Copy and paste the code into <var>filename</var>.vala</p></item>
52    <item><p>In the terminal type:</p>
53          <screen>valac --pkg gtk+-3.0 <var>filename</var>.vala</screen>
54          <screen>./<var>filename</var></screen>
55    </item>
56  </steps>
57
58  <section id="windows" style="2column"><title>Windows</title>
59    <p></p>
60  </section>
61  <section id="display-widgets" style="2column"><title>Display widgets</title>
62  </section>
63  <section id="buttons" style="2column"><title>Buttons and toggles</title>
64  </section>
65  <section id="entry" style="2column"><title>Numeric and text data entry</title>
66  </section>
67  <section id="multiline" style="2column"><title>Multiline text editor</title>
68  </section>
69  <section id="menu-combo-toolbar" style="2column"><title>Menu, combo box and toolbar widgets</title>
70  </section>
71  <section id="treeview"><title>TreeView widget</title>
72  </section>
73  <section id="selectors"><title>Selectors</title>
74    <section id="file-selectors"><title>File selectors</title>
75    </section>
76    <section id="font-selectors"><title>Font selectors</title>
77    </section>
78    <section id="color-selectors"><title>Color Selectors</title>
79    </section>
80  </section>
81  <section id="layout"><title>Layout containers</title>
82  </section>
83  <section id="ornaments"><title>Ornaments</title>
84  </section>
85  <section id="scrolling"><title>Scrolling</title>
86  </section>
87  <section id="misc"><title>Miscellaneous</title>
88  </section>
89</section>
90
91<section id="exercises">
92<title>Exercises</title>
93</section>
94
95</page>
96