<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="guide" style="task" id="beginner.js" xml:lang="sv">
  <info>
    <link type="guide" xref="js#code-samples"/>
    <revision version="0.2" date="2012-06-10" status="draft"/>

    <credit type="author copyright">
      <name>Susanna Huhtanen</name>
      <email its:translate="no">ihmis.suski@gmail.com</email>
      <years>2012</years>
    </credit>
    <credit type="editor">
      <name>Marta Maria Casetti</name>
      <email its:translate="no">mmcasettii@gmail.com</email>
      <years>2013</years>
    </credit>

    <desc>En nybörjarguide till att skriva GNOME-program i Javascript, inklusive kodexempel och övningsexempel.</desc>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Sebastian Rasmussen</mal:name>
      <mal:email>sebras@gmail.com</mal:email>
      <mal:years>2019</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Anders Jonsson</mal:name>
      <mal:email>anders.jonsson@norsjovallen.se</mal:email>
      <mal:years>2021</mal:years>
    </mal:credit>
  </info>

  <title>Handledning för nybörjare och kodexempel</title>
<synopsis>
  <p>Javascript är ett av de mest populära programmeringsspråken på webben. Det är dock inte enbart för webben. Om du bara har en grundläggande förståelse av Javascript kan du skriva fullfjädrade program för GNOME. <link href="https://wiki.gnome.org/Apps/Documents">GNOME Dokument</link> är skrivet i Javascript, och det är även <link href="https://live.gnome.org/GnomeShell/Tour">GNOME-skalet</link>, den mest grundläggande delen av GNOME.</p>
  <note style="tip"><p>GNOME-skalet är det du ser när du klickar på ”Aktiviteter” i övre vänstra hörnet på skärmen. Det styr också klockan och resten av systemraden. Förutom att visa dig hur du skriver GNOME-program, kommer dessa handledningar också att visa hur du använder Javascript för att skriva GNOME-skalsutökningar, vilka lägger till nya funktioner eller ändrar hur saker görs.</p></note>
</synopsis>

<section id="getting-started">
<title>Kom igång</title>
 <p>Dessa handledningar är designade för personer som redan vet hur man skriver Javascript, och som redan har GNOME installerat på sina datorer, men som är nybörjare när det gäller att utveckla GNOME-program. Om du inte redan kan Javascript, eller om du behöver hjälp med att konfigurera GNOME, använd först dessa resurser:</p>
<steps>
  <item><p><link href="http://eloquentjavascript.net/contents.html">Eloquent JavaScript</link> är en gratis, Creative Commons-licensierad bok, vilken förklarar de grundläggande delarna av Javascript-programmering. Då du inte kommer att skriva Javascript för webben behöver du bara läsa fram till omkring kapitel 10.</p></item>
  <item><p><link href="http://www.gnome.org/getting-gnome/">Hämta GNOME</link> som en del av en distribution så som Fedora, openSUSE eller Ubuntu. Varje distribution har sina egna instruktioner för hur du hämtar GNOME.</p></item>
  <item><p><link xref="set-up-gedit.js">Ställ in gedit</link> för att skriva program. GNOME:s textredigerare, gedit, kallas ibland bara för ”textredigerare”.</p></item>
</steps>
</section>


<section id="tutorials">
<title>Handledningar</title>
</section>

<section id="samples">
<title>Kodexempel</title>
  <p>Dessa exempel visar hur du använder komponenter i dina GNOME-program. Varje exempel demonstrerar ett komplett program som visar upp den presenterade komponenten. I slutet på varje exempel kommer du hitta länkar till mer detaljerat referensmaterial.</p>
  <p>För att köra kodexemplen:</p>
  <steps>
    <item><p>Kopiera och klistra in koden i <var>filnamn</var>.js</p></item>
    <item><p>Skriv följande i terminalen:</p>
          <screen>gjs <var>filnamn</var>.js</screen></item>
  </steps>

  <section id="windows" style="2column"><title>Fönster</title>
  </section>
  <section id="display-widgets" style="2column"><title>Visningskomponenter</title>
  </section>
  <section id="buttons" style="2column"><title>Knappar och brytare</title>
  </section>
  <section id="entry" style="2column"><title>Inmatning av numeriska data och text</title>
  </section>
  <section id="multiline" style="2column"><title>Textredigerare med flera rader</title>
  </section>
  <section id="menu-combo-toolbar" style="2column"><title>Komponenter för meny, kombinationsruta och verktygsfält</title>
  </section>
  <section id="treeview" style="2column"><title>TreeView-komponent</title>
  </section>
  <section id="selectors"><title>Väljare</title>
    <section id="file-selectors"><title>Filväljare</title>
    </section>
    <section id="font-selectors"><title>Typsnittsväljare</title>
    </section>
    <section id="color-selectors"><title>Färgväljare</title>
    </section>
  </section>
  <section id="layout" style="2column"><title>Layoutbehållare</title>
  </section>
  <section id="ornaments" style="2column"><title>Ornamentering</title>
  </section>
  <section id="scrolling" style="2column"><title>Rullning</title>
  </section>
  <section id="misc" style="2column"><title>Diverse</title>
  </section>
</section>

<section id="exercises">
<title>Övningar</title>
</section>
</page>
