JavaScript Tutorial

(for CSE 90025 FUTURES HTML5 and JavaScript)
10 sessions hours.

Sections:

Course intro and HTML Review
Javascript Intro and Basics
JavaScript Basics
Object Oriented JavaScript
Basic DOM Interaction
Event Handling
Animation
Building Interactive Webpages aka Games
Projects
Conclusions / Presentations

Introduction:

Behavior:

Do no harm. And other advice.

Respect others. Do not distract. Do not belittle. Special care will be taken for women and minorities as they are regularly disrespected. Racism or sexism in any form will NOT be tolerated in this class!

History.

GitHub account setup post your first code (from the first excercise) and raise an issue on the class repo introducing yourself.

DevTools Console is a sort of IDE built into every copy of Chrome

Troubleshooting and Common errors and Cuiosities in Javascript

Glossary

Excercises:

https://www.javascript.com/

Short Circuits

'cat' && 'dog' what does that return? Why? How might that be useful?

'cat' || 'dog' what does that return? Why? How might that be useful?

hints: && is logical AND which needs to know that both values are true. || is logical OR and doesn't need to know the second value if the first is true. 'cat' and 'dog' both evaluate to true.

var attrib = obj && obj.subobject && obj.subobject.attribute || 'default'
or if attribute is just one level down, use:
var attrib = obj ? obj.attribute : 'default'

var thing = getThing(parameter) || reporterror(message)
Keeps the focus on the expected action but still handles occasional errors. e.g.
var contents = fs.open('filename') || process.exit(1) (actually only useful in node)