JavaScript

JavaScript är ett dynamiskt typat och eventdrivet programmeringsspråk främst körs via en webbläsare.
high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language.

https://github.com/mi-fed17/javascript

Finns även länkad på zenit

Innehåll

  • JavaScript & DOM-hantering ~ Events, DOM , jQuery
  • Felsökning ~ `console`, breakpoints & debugger;
  • Async & AJAX ~API, jQuery.ajax(), fetch, promises, callback
  • Designmönster & OOP ~ Moduler, ES6 `class`, Constructor
  • node & npm ~ npm, webpack & gulp
  • Bibliotek & Ramverk ~ Reacts ekosystem etc.

Examination

Till varje del är det kopplat en inlämningsuppgift

Till vissa delar är det även kopplat en dugga (examinerande quiz)

Litteratur

För att komma igång med JavaScript behöver vi 3 saker:

En index.html

En main.js - en javascript-fil

Samt en browser att köra koden i, öppna index.htmli

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>JavaScript linking</title>
  </head>
  <body>
            
  <script src="main.js"></script>
  </body>
</html>

Länka in ditt script sist

JavaScript har inte samma scope som PHP

Allting körs i samma scope: window

Även om du skapar två olika filer är de i princip samma fil

Ordingen som man inkluderar scripten spelar roll

Syntax

https://www.lullabot.com/articles/learning-javascript-from-php-a-comparison

Visa värden: console.log()

var answer = 5;
console.log(answer)

Istället för var_dump

Variabler

var a = 5;
const b = "Hej";
let c = true;

Variabler skapas med var/const/let

const är en konstant som inte får skrivas om

let är som var förutom att den skapar nytt scope i if-block (återkommer till den)

Arrayer

var arr = [5,10,20];
var arr2 = ["Hej", "pa", "dig"];

I JavaScript är associativa arrayer objekt

var obj = {
  property: "Value",
  age: 25
}
$obj = array(
  'name'  => 'Jesper',
  'age'   => 1000
);

För att enkelt läsa in data: prompt

var answer = prompt('Vad heter du?');
          console.log(answer)

Fram till fredag:

Läs YDKJ: Up & Going

Gör så många övningar du kan och orkar

Kör igenom CodeAcademys JavaScript-kurs

På fredag går vi igenom DOM-manpulation