Tutoriel pour débutants et exemples de code

JavaScript is one of the most popular programming languages on the web. It's not just for the web, though. If you have even a basic understanding of JavaScript, you can write full-fledged applications for GNOME. GNOME Documents is written in JavaScript, and so is GNOME Shell, the most basic part of GNOME.

GNOME Shell est le bureau qui s'affiche quand vous cliquez sur « Activités » dans le coin supérieur gauche de votre écran. Il contrôle aussi l'horloge et toute la barre supérieure. En plus de vous guider dans la programmation d'applications GNOME, ces tutoriels vont aussi vous montrer comment utiliser JavaScript pour programmer des extensions pour GNOME Shell, afin de lui apporter de nouvelles fonctionnalités ou modifier son comportement.

Premiers pas

Ces tutoriels sont destinés à des personnes ayant déjà des connaissances en JavaScript et qui ont déjà installé GNOME comme interface de bureau sur leur ordinateur, mais qui n'ont encore jamais développé d'application GNOME. Si vous n'avez pas de connaissance en JavaScript, ou si vous avez besoin d'aide pour installer GNOME, consultez d'abord ces ressources :

  1. Eloquent JavaScript est un livre gratuit, sous licence Creative Commons et qui explique les bases de la programmation en JavaScript. Comme vous n'allez pas programmer en JavaScript pour le Web, il vous suffit de lire jusqu'au chapitre 10 environ.

  2. Procurez-vous GNOME pour une distribution, comme Fedora, openSUSE ou Ubuntu. Chaque distribution possède son propre moyen d'installer GNOME.

  3. Configurer Gedit pour écrire des applications. Gedit est l'éditeur de texte de GNOME et parfois simplement appelé « éditeur de texte ».

Exemples de code

Ces exemples montrent la manière d'utiliser des éléments graphiques dans vos applications GNOME. Chacun d'eux fait la démonstration d'une application complète mettant en valeur un composant graphique en particulier. À la fin de chaque exemple, vous trouverez des liens vers de plus amples informations.

Pour exécuter les exemples de code :

  1. Copiez puis collez le code dans nomdufichier.js

  2. Saisissez dans le terminal :

    gjs nomdufichier.js

Éditeur de texte multiligne

Décorations

Exercices