tutorials/index.html at master · folkol/tutorials · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>JavaScript Crash Course</title>
    <link rel="stylesheet" href="google-code-prettify/prettify.css">
    <link rel="stylesheet" href="css/sons-of-obsidian.css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="google-code-prettify/prettify.js"></script>
    <script src="js/qunit-1.15.0.js"></script>
    <script src="exercises/index.js"></script>
    <script src="tests/index.js"></script>
  </head>
  <body onload="prettyPrint()">
    <div class='column'>
      <div class="content">
        <div class="button right"><a href="sida1.html">NEXT >></a></div>
        <h1>Vad är JavaScript?</h1>
        <p>JavaScript - en implementation av <a href="https://en.wikipedia.org/wiki/ECMAScript">ECMAScript</a> - är ett programmeringsspråk som används bland annat för att scripta web-browsers. Vi ska inte kolla på några browser-specifika detaljer, men kör trots det scripten i browsern för att slippa sätta upp en annan körmiljö (t.ex. <a href="http://nodejs.org/">Node.js)</a></p>
        <p>Ett JavaScript-program består av ett antal semikolonseparerade <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-12">statements</a> uppradade efter varandra, vilka under körning exekveras uppifrån och ned.</p>
        <p>Vi ska använda oss av ECMAScript version 5, så för att kunna köra alla script så måste man använda en browser som har stöd för ECMAScript 5 (Vilket är <a href="http://kangax.github.io/compat-table/es5/">alla moderna browsers</a>)
        <div class='testcaption'>Ett exempel på ett program bestående av <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-12.3">ett tomt statementet</a></div>
        <pre class="prettyprint linenums">;</pre>
        <h2>Tester</h2>
        <p>Varje sida följer samma mönster: först presenteras någon form av koncept, sedan följer ett antal tester som ni ska få gröna genom att använda er av konceptbeskrivningen på samma eller tidigare sidor.</p>
        <p>Koden som testas för sidan XX.html finns i filen exercises/XX.js (Vill ni titta på testkoden så finns den i tests/XX.js, men det ska inte behövas för att ta sig igenom kursen)</p>
        <p>Det testramverk som jag använder i kursmaterialet heter <a href="http://qunitjs.com/">QUnit.</a>
        <p>Här kommer första testet, öppna 'exercises/index.js' och fixa buggarna så att testet går grönt!</p>
        <div class='testcaption'>Test results:</div>
        <div class='testresult' id="qunit"></div>
        <div id="qunit-fixture"></div>
      </div>
    </div>
  </body>
</html>