1. Developing GNOME Apps in
Javascript
Felipe Borges
<felipeborges@gnome.org>

2. Why talk about Gjs?

3. GNOME is....
Desktop environment
Development platform

4. GNOME Developer Platform

5. Javascript is pretty cool!

6. It has bad parts!
Globals
Unexpected behaviour
No block scope

7. But it also has good parts!
Closures are central
Functions are first-class objects
Prototypal inheritance
Is everywhere!

9. Gjs
First released in 2008
Well maintained
Main development language for
writing GNOME Apps

10. GNOME Apps in JS
Documents
Shell
Polari

11. gjs-console

12. Get started
Gjs and Gtk
Actions and signals
Run your application

13. const Lang = imports.lang;
const Gtk = imports.gi.Gtk;
const App = new Lang.Class({
Name: 'App',
Extends: Gtk.Application,
_init: function () {
this.parent({ application_id: 'org.example.App' });
this.connect('activate', Lang.bind(this, this._onActivate));
this.connect('startup', Lang.bind(this, this._onStartup));
},

14. _onActivate: function () {
this._window.show_all();
},
_onStartup: function () {
this._window = new Gtk.ApplicationWindow({
application: this,
title: "Hello World!" });
this._window.set_default_size(200, 200);
let label = new Gtk.Label({ label: "Hello World" });
this._window.add(label);
}
});

15. Run your application
let app = new App();
app.run(ARGV);
$ gjs helloWorld.js

16. http://developer.gnome.org/

17. Become a Friend of GNOME
Individual donation program
Donations support the
GNOME project
http://gnome.org/friends

18. Developing GNOME Apps in
Javascript
Felipe Borges
<felipeborges@gnome.org>