Introduced at the dawn of the web, JavaScript is a powerful and expressive language that runs inside the browser in conjunction with HTML and CSS. Based on an open standard called ECMAScript, JavaScript has quickly become the "programming language of the web". /.../
jQuery Learning Center
http://learn.jquery.com

Innehåll

Intermediate JavaScript och Node.js

På temat intermediate JavaScript kommer vi gå igenom:

  • Varför vi vill lära oss JavaScript
  • Grundläggande JavaScript
  • Vad som är mindre bra med JavaScript (och varför)
  • Vad som är bra med JavaScript
  • Några tillämpade övningar i språket
  • Frågor?

På temat Node.js kommer vi gå igenom:

  • Prestanda och tillämpningsområden
  • Hur runtime-miljön i Node.js jämför sig med browserns runtime
  • Kort om webbapplikationsramverk för Node.js
  • Frågor?

Intermediate JavaScript

Varför JavaScript?

Intermediate JavaScript

Array methods & properties

Se IDE.

Intermediate JavaScript

Loops

Se IDE.

Intermediate JavaScript

Type Testing & Objects

Se IDE.

Intermediate JavaScript

Truthy & Falsy Values

Se IDE.

Intermediate JavaScript

Functions & Scope

Se IDE.

Intermediate JavaScript

The this keyword

Se IDE.

Intermediate JavaScript

Closures

Se IDE.

Intermediate JavaScript

Events

Se MDN: Mozilla Event Reference.

Exempel-funktion för att utnyttja custom-events:

function fireEvent(name, data) {
    var e = document.createEvent("Event");
    e.initEvent(name, true, true); // eventName, canBubble, cancelable
    e.data = data;
    document.dispatchEvent(e);
}

Intermediate JavaScript

Event Listeners

Exempel på hur man implementerar en event listener:

domElement.addEventListener(targetEvent, function(e) {
    e.preventDefault();
    e.stopPropagation();
    console.log("Hah!");
}, useCapture);



Se även MDN: The value of this within a handler.

Intermediate JavaScript

The Bad Parts

Intermediate JavaScript

The Good Parts

Intermediate JavaScript

Se IDE.

Node.js

Evented Infrastructure

Node.js

Node.js

Se IDE.

<Thank You!>

Important contact information goes here.