javascript 101 - class 1

57
WTF is JavaScript? I dunno. Let’s learn some stuff together.

Upload: robert-pearce

Post on 15-Jul-2015

175 views

Category:

Software


5 download

TRANSCRIPT

Page 1: JavaScript 101 - Class 1

WTF is JavaScript?I dunno.

Let’s learn some stuff together.

Page 2: JavaScript 101 - Class 1

1. Getting Familiar 2. Variables 3. Functions

Page 3: JavaScript 101 - Class 1

JavaScript console

Page 4: JavaScript 101 - Class 1

Math

Page 5: JavaScript 101 - Class 1
Page 6: JavaScript 101 - Class 1

Letters/Characters

Page 7: JavaScript 101 - Class 1
Page 8: JavaScript 101 - Class 1
Page 9: JavaScript 101 - Class 1

let’s get weird

Page 10: JavaScript 101 - Class 1
Page 11: JavaScript 101 - Class 1
Page 12: JavaScript 101 - Class 1
Page 13: JavaScript 101 - Class 1
Page 14: JavaScript 101 - Class 1
Page 15: JavaScript 101 - Class 1
Page 16: JavaScript 101 - Class 1
Page 17: JavaScript 101 - Class 1
Page 18: JavaScript 101 - Class 1

Booleans

Page 19: JavaScript 101 - Class 1
Page 20: JavaScript 101 - Class 1

let’s get weird

Page 21: JavaScript 101 - Class 1
Page 22: JavaScript 101 - Class 1
Page 23: JavaScript 101 - Class 1
Page 24: JavaScript 101 - Class 1
Page 25: JavaScript 101 - Class 1
Page 26: JavaScript 101 - Class 1
Page 27: JavaScript 101 - Class 1

1. Getting Familiar 2. Variables 3. Functions

Page 28: JavaScript 101 - Class 1

Project Loon http://www.google.com/loon/

Page 29: JavaScript 101 - Class 1

How does a balloon and ground control communicate?!

How can data be stored?

Page 30: JavaScript 101 - Class 1
Page 31: JavaScript 101 - Class 1
Page 32: JavaScript 101 - Class 1
Page 33: JavaScript 101 - Class 1
Page 34: JavaScript 101 - Class 1
Page 35: JavaScript 101 - Class 1
Page 36: JavaScript 101 - Class 1

Refresher

23 is a Number!

“my name is Robert” is a String of characters!

47.092872635 is a Floating point number!

true and false are Boolean values

Page 37: JavaScript 101 - Class 1

Variables Exercise

In your JavaScript console, create variables for the following data points and then call the variable name in order to make sure you did it correctly.!

altitude in meters (Float)!

latitude/longitude (String)!

# of active connections (Number)!

the Balloon’s name it chose for itself (String)

Page 38: JavaScript 101 - Class 1

1. Getting Familiar 2. Variables 3. Functions

Page 39: JavaScript 101 - Class 1

-Stuart (Balloon #8675309)

“Hooray; I have data! Now what…?”

Page 40: JavaScript 101 - Class 1

How can data and commands be sent?!

How can data and commands be received?

Page 41: JavaScript 101 - Class 1

Functions to the rescue

Page 42: JavaScript 101 - Class 1

What is a function?

It is dumb.!

Executes the code within it!

Always returns a value!

Can be passed “arguments” with which it can process information

Page 43: JavaScript 101 - Class 1
Page 44: JavaScript 101 - Class 1
Page 45: JavaScript 101 - Class 1
Page 46: JavaScript 101 - Class 1

Let’s do something interesting

Page 47: JavaScript 101 - Class 1
Page 48: JavaScript 101 - Class 1
Page 49: JavaScript 101 - Class 1

Why doesn’t this work?

Page 50: JavaScript 101 - Class 1

Variables defined within a function are *scoped* within that function. They are *private* and are inaccessible to

anything outside of the function.

Page 51: JavaScript 101 - Class 1

We need to be able to *pass* the data to the other function.

!This is known as *passing arguments* and, on

the other end, *accepting arguments*

Page 52: JavaScript 101 - Class 1
Page 53: JavaScript 101 - Class 1
Page 54: JavaScript 101 - Class 1

Don’t be a jerk. Name things appropriately.

Page 55: JavaScript 101 - Class 1
Page 56: JavaScript 101 - Class 1

Functions Refresher

Functions are dumb. They don’t know much about the world unless you tell them.!

Functions can be called by adding () on the end of the function name.!

Functions are an effective method of grouping and reusing certain actions that perform a given…function.

Page 57: JavaScript 101 - Class 1

Functions Exercise

Write two functions:!

getNearbyBalloonCount() (which is reported by the balloon and passes the balloon’s name, as well as how many balloons are near her.)!

logBalloonCount() (received by the ground station and logs to the console the values that were passed)