<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" style="task" id="tour-summary" xml:lang="ja">

  <info>

    <revision version="0.1" date="2013-06-17" status="stub"/>

    <credit type="author copyright">

      <name>Ekaterina Gerasimova</name>

      <email its:translate="no">kittykat3756@gmail.com</email>

      <years>2013</years>

    </credit>

    <credit type="author copyright">

      <name>Gordon Hill</name>

      <email its:translate="no">caseyweederman@gmail.com</email>

      <years>2013</years>

    </credit>

    <include xmlns="http://www.w3.org/2001/XInclude" href="cc-by-sa-3-0.xml"/>

    <desc>An overview of the code and relevant links.</desc>

  </info>

  <title>Summary</title>

  <links type="prevnext" style="top"/>

  <links type="series" style="floatend">

    <title>Get started with GNOME</title>

  </links>

  
Here is how the examples fit together:

#!/usr/bin/gjs

imports.gi.versions.Gtk = '3.0';

const Gtk = imports.gi.Gtk;

class HelloWorld {

    constructor() {

        this.application = new Gtk.Application();

        this.application.connect('activate', this._onActivate.bind(this));

        this.application.connect('startup', this._onStartup.bind(this));

    }

    _onActivate() {

        this._window.show_all();

    }

    _onStartup() {

        let builder = new Gtk.Builder();

        builder.add_from_file('tour.glade');

        this._window = builder.get_object('window1');

        this.application.add_window(this._window);

    }

};

let app = new HelloWorld();

app.application.run(ARGV);

</page>