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