What’s the deal with Javascript?

<lecture>

George Mauer

http://georgemauer.net

gmauer@gmail.com

@togakangaroo

​

Because we want web pages to *do* things

So then Netscape gets this guy...

Javascript - a cute little language for the kids

2004: Gmail

The Rise of the Frameworks!

The Javascript Bible of the 2000s (on the right)

EcmaScript 6 - Serious eyebrows!

And it just keeps on growing

NodeJs thinks its cool

So reading tutorials is confusing

Declare variables with

var

let

const

function

So reading tutorials is confusing

Declare functions with

function foo() {

…

}

foo = function() {

…

}

foo = () => {

…

}�foo = () => …�

So reading tutorials is confusing

Iterate loops with

while�for�for..in�for..of�map�filter�reduce

Symbol.iterator

Open Chrome Devtools

Assorted DevTools tips

• Escape to split-screen with js console
• Disable cache while DevTools is open
• Right-click to inspect element in elements pane
• $0 in console is the selected element
• document.querySelectorAll(selector) to select elements by css
• Use auto-complete in the console!

https://bit.ly/2NZIs3T