Topic Notes

The reference material on this page consists of topic shorts, which break material into easily digestible pieces presented in text or video; questions, which are required of you when we discuss the material in class; exercises, optional practice work for the home or classroom; and information, outlined notes and wiki pages to related material elsewhere.

Topic shorts consist of textual scripts, and as soon as possible, matching video recordings of these scripts. Most videos were created as pencasts, recordings of what I say, write or draw. You can see the final visual with any pdf reader, but to watch the video, use Acrobat 10.x. This will allow you to use the visual as an index: clicking on a word or picture will you directly to the matching spot in the video.

Basic Programming

• #html and content
• shorts
• scripts: intro, markup
• pdfs: markup
• questions: 1, 2, 3, 4, 5
• quiz: 1
• reading
• exercises: 
• local: resume, studentID
• optional: CodeAcademy, KhanAcademy (1,2)
• information: books, wiki, notes, videos
• #html5
• shorts
• scripts: semantic markup, new form tags
• questions: 1, 2
• quiz: 1
• reading
• information: books, wiki, notes, videos
• #css
• shorts
• scripts: intro & history, dom & rules, cascading & inheritance, selectors, color & text, layout, advanced 
• pdfs: color, text, layout, advanced 
• questions : 1, 2, 3, 4, 5, 6
• quiz
• reading
• exercises: 
• local: rule matching, box coloring, layout
• optional: CodeAcademy, KhanAcademy (1,2,3,4)
• information: books; wiki: css, dom; notes, videos
• #javascript and client behavior
• shorts
• scripts: web scripting and javascript, basics, objects & inheritance, advanced javascript, tools
• pdfs: advanced javascript, tools
• questions : 1, 2, 3, 4
• quiz
• reading
• exercises: 
• local: introductory
• optional: CodeAcademy, KhanAcademy (1,2)
• information: books, wiki, notes, videos
• #jquery
• shorts
• scripts: starting, basics, selection, events
• questions: 1, 2, 3, 4
• quiz
• reading
• exercises:
• local: introductory, dynamic
• optional: CodeAcademy
• information: books, wiki, notes, videos
• #php and server behavior
• shorts
• scripts: starting, basics, httpparams, objects, forms
• questions
• quiz
• reading
• exercises: 
• local: install w/m/lamp, code injection
• optional: CodeAcademy
• information: books, wiki, notes, videos
• #mysql and databases
• shorts: intro, basics
• questions
• quiz
• reading
• exercises: 
• local: introductory
• optional: KhanAcademy
• information: books, wiki, notes, videos
• #python
• shorts: intro, db
• questions
• quiz
• reading
• exercise: Python/MySQL
• information: books, wiki, videos

Issues and Tools 

• #history
• questions: 1, 2, 3, 4, 5, 6
• quiz: 1
• reading
• information: books, wiki, timeline, videos
• #tools
• information: books, wiki, notes, videos
• #society
• shorts
• scripts: worldwide
• questions: 
• worldwide: 1, 2, 3, 4, 5, 6
• quiz: world
• reading
• information: books, wiki, figuresInt, figuresUS, videos
• #internet basics and HTTP
• shorts:
• scripts: web apps, URLs, DNS, http, rest, json
• questions
• quiz
• reading
• information: books, wiki, videos
• #advancedtools
• shorts
• scripts: bootstrap, backbone, angular, node.js
• questions
• quiz
• reading
• exercises:
• bootstrap: gridding
• information: books, wiki, videos
• #visuals and media
• shorts
• intro, d3
• questions
• quiz
• readings
• exercises: 
• canvas: 
• local: intro
• d3:
• local: intro
• optional: CodeAcademy, d3tuts
• processingJS: 
• optional: KhanAcademy
• information: books, videos
• #responsive design
• short
• reading
• exercise: media queries
• information: books, wiki, notes, videos
• #security
• short
• readings
• information: books, wiki, images, videos
• #analytics
• shorts
• scripts: intro, measures
• information: books, wiki, videos
• #performance
• information: books, wiki, videos