Code flow: Difference between revisions

From XPUB & Lens-Based wiki
Line 72: Line 72:


Reaching into the document and grabbing hold of the page.
Reaching into the document and grabbing hold of the page.
== Canvas ==
The [[wikipedia:Canvas|canvas]] tag was introduced by Apple and has been standardized to become part of HTML5.


== A Script ==
== A Script ==

Revision as of 10:38, 24 September 2012

<slidy theme="aa" />

A Computer Glossary

Charles & Ray Eames 1968

Produced for the IBM Corporation pavilion at Hemisfair, the 1968 Worlds Fair in San Antonio, Texas.

Code

http://rosettacode.org/wiki/Category:Draft_Programming_Tasks

http://rosettacode.org/wiki/99_Bottles_of_Beer

Expression / Evaluation

Some expressions for the console...

5
3
"Tristram"
'SHAndy'

Operations

5 * 3
100 - 1
3 * 8
"Tristram" + "Shandy"

Operations: Functions

Math.sqrt (25)
Math.sqrt (26)

Objects

"Tristram".toUpperCase

?!

"Tristram".toUpperCase()

Assignment

Assignment is the process of storing an expression in a "name", called a variable.

x = 5 * 3
name = "Tristram"

Assignment ++

x = x + 1
x += 1
x++
name = name + " Shandy"

DOM

c=document.getElementById("c")

Reaching into the document and grabbing hold of the page.

Canvas

The canvas tag was introduced by Apple and has been standardized to become part of HTML5.

A Script

BASIC

BASIC example

Branch

http://en.wikipedia.org/wiki/Conditional_jump

IF-THEN-(ELSE)

Making functions

Function / Callback

Exercise: Canvas

Handouts

Assignment, GeneralImperative + ProgramHighLow

Debug / Trace

Scope

Loop

Afternoon: Image Manipulation

The CanvasPixelArray contains height x width x 4 bytes of data, with index values ranging from 0 to (height x width x 4)-1.

context.getImageData

context.putImageData

! Come up with examples showing variable scope.