Week # |
Week of |
Topics |
Assignments |
Links |
01 |
08/25 |
- Review of Basic Web App Structure:
- HTML/CSS
- JS
- Detecting page load
- Selecting HTML elements on the page
- Event handlers
- JS Review:
- Did the page load?
- Selecting elements on the page:
- Handling Events:
- "Caveman" Debugging:
- Intro Canvas:
- Methods:
- canvas.getContext('2d')
- ctx.fillRect(x,y,w,h)
- ctx.beginPath()
- ctx.closePath()
- ctx.moveTo(x,y)
- ctx.lineTo(x,y)
- ctx.stroke()
- ctx.fill()
- ctx.fillText("text")
- ctx.measureText("text")
- Canvas State Properties:
- ctx.fillStyle
- ctx.strokeStyle
- ctx.lineWidth
- ctx.shadowBlur
- ctx.shadowColor
- ctx.shadowOffsetX
- ctx.shadowOffsetY
- ctx.font
- ctx.textAlign
- ctx.textBaseline
|
Slides
ICE
- Hello Canvas
- Hello Canvas 2
- Canvas App-1
|
DOM Links
Canvas Reference
|
02 |
09/01 |
- No class 9/1 - Labor Day
- Last day Add/Drop 9/2
- JavaScript Debugger
- More Canvas:
- Methods:
- ctx.arc()
- ctx.strokeText()
- State Properties:
- Buttons Sending Data:
- event.target
- anonymous functions
- Custom Data
|
ICE
- - Canvas App-1 (Buttons drawing rects, triangles, arcs)
- - Speed Circles
- - Canvas Paint-1
|
Links
Demos
|
03 |
09/08 |
- More Canvas:
- ctx.clearRect()
- ctx.drawImage()
- Gradients:
- ctx.createLinearGradient()
- gradient.addColorStop()
- More JS:
- element.addEventListener()
- element.removeEventListener()
- Canvas Grapher ICE:
- arrays and array.push
- for loops
- Math.sin
|
ICE
- Canvas Paint-2
- Audio Visualizer
|
Canvas Paint-2 Links
Web Audio Links
|
04 |
09/15 |
- Canvas Visualizer ICE:
- file reader
- array buffers/typed arrays
- web audio API
- request animation frame
- callbacks
|
|
|
05 |
09/22 |
|
|
|
06 |
09/29 |
- Canvas Transforms & Animations
|
|
|
07 |
10/06 |
|
|
|
08 |
10/13 |
- 10/13 (Mon) No classes
- 10/14 (Tues) Classes follow a Monday schedule
|
|
|
09 |
10/20 |
- Web Services:
- Web Services
- GET/POST
- URI / URL Syntax
- Query Strings
- REST
- XHR
- JSON
- JSONP
- Ajax
- JQuery
|
|
|
10 |
10/27 |
|
|
|
11 |
11/03 |
|
|
|
12 |
11/10 |
- PHP:
- Web Services
- JSON API
- Simple RSS Proxy
|
|
|
13 |
11/17 |
|
|
|
14 |
11/24 |
- No class 11/26-11/28 (Wed. - Fri.)
|
|
|
15 |
12/01 |
|
|
|
16 |
12/07 |
- Review
- Final Written Exam - Last Day of Class
|
|
|
Important Deadlines
- Final Written Exam will be given on your last day of class (either Tuesday 12/09 or Wednesday 12/10)
- Online course evaluations close TBA - please complete the survey!
- There is a mandatory class meeting during finals week to view your final projects:
- Section 02 - Mon. 12/15, 10:15AM - 12:15PM
- Section 03 - Fri. 12/12/2014, 10:15AM - 12:15PM
- Section 04 - Tues. 12/16/2014, 10:15AM - 12:15PM
|