Programming via the Web -- Spring 2012


Schedule

Disclaimer: Links to lecture slides will be posted below. It is important to remember that the slides are a summary of the topics that were covered in class, but do not include many important details. You are responsible for everything that was covered in class, whether it appears on the slides or not!

  MondayWednesdayFriday
Week 1
01/23
Course overview; Intro to Networks
Lecture Slides
Servers; World Wide Web; DNS
Lecture Slides
Week 2
01/30
URL's, HTML, tags, validation
Lecture Slides
HTML Examples, practice session, Quiz #1
Lecture Slides
Coding Examples
Comments, attributes, lists, links, etc.
Lecture Slides
Coding Examples
Week 3
02/06
Images, Practice session
Lecture Slides
Coding Examples
Tables, block vs. inline elements; intro to CSS
Lecture Slides
Coding Examples
CSS syntax; colors, size units
Lecture Slides
Coding examples
Week 4
02/13
Children, parent, descendants; comments; selectors
Lecture Slides
Coding Examples
Practice session, Quiz #2
Lecture Slides
Solution to Exercise
Pseudo-classes, Box Model, Fonts, Backgrounds, Fun with text
Lecture Slides
Coding Examples
Week 5
02/20
Intro to JavaScript; output, comments, strings, variables
Lecture Slides
Coding Examples
Input (prompt), variable names, type conversions, math functions
Lecture Slides
Coding Examples
Comparison operators, boolean variables, if and if/else statements, logical operators
Lecture Slides
Coding Examples
Week 6
02/27
Review for Midterm Midterm #1 Go over Midterm, while loops
Lecture Slides
Coding Examples
Week 7
03/05
Nested loops, Practice session (flowchart)
Lecture Slides
Coding Examples
Do-While loops; Nested quotes; Practice session (Guessing Game)
Lecture Slides
Coding Examples
Functions, parameters, quiz #3
Lecture Slides
Coding Examples
Week 8
03/12
Return values; local vs. global vars; dynamically updating HTML elements
Lecture Slides
Coding Examples
Another dynamic example; Doing research on the WWW
Lecture Slides
Coding Examples
Week 9
03/19
SPRING BREAK SPRING BREAK SPRING BREAK
Week 9
03/26
For-loops; arrays
Lecture Slides
Coding Examples
Practice Session
Lecture Slides
Today's Exercise
Solution to Exercise
Memory diagrams; Quiz #4
Lecture Slides
Week 10
04/02
Passing Parameters, copying arrays. Intro to Forms. Buttons, Text Boxes.
Lecture Slides
Coding Examples
Forms: Multi-line Text box, checkboxes, radio buttons, selection boxes.
Lecture Slides
Coding Examples
Practice session.
Lecture Slides
Solutions to exercises
Week 11
04/09
Labels, fieldset/legend, submitting form data, get vs. post, onload, separating JavaScript from HTML
Lecture Slides
Coding Examples
Graphical User Interfaces, Event Driven Programming, JavaScript events, Model-View-Controller
Lecture Slides
Coding Examples
Tips for becoming a better programmer! Quiz #5
Lecture Slides
Week 12
04/16
Review for Midterm Midterm #2
Week 13
04/23
Website design (What makes a site good/bad?)
Lecture Slides
Measuring and improving "Usability"
Lecture Slides
Intro to Color Theory; Electronic Commerce
Lecture Slides
Week 14
04/30
Starting an online business; Large-scale software; Dramatic software failures
Lecture Slides
Rounding errors; 2-dimensional arrays; increment/decrement operators
Lecture Slides
Coding Examples
Recursion
Lecture Slides
Coding Examples
Week 15
05/07
Review for final exam

Web Accessibility