Introduction to JavaScript

11.12.09 Tonight will accomplish the following:

• Looking at state on the web
• Hidden Form Fields, p. 442
• Cookies, Book example
• Query Stings

Lab:

• Meet about your final projects
• Case Project 9-1, p. 481

Homework:

• Create a simple web page that allows the user to change the background color of the page. Use a querysting to keep track of the information. HINT: your CSS might look something like this:

  
      .green {background-color:#cee9d0;}
      .blue {background-color:#caf1f4;}
      .gray {background-color:#dbdcdc;}
      
      

  
  And I'd probably look at our GetElementByID example for how a reminder on changing the CSS.

10.29.09 Tonight will accomplish the following:

• Review intersting/good .js sites
• Discuss final project
• Time permitting, strings and arrays
  • EmailForm.html
  • FormProcessor.html
  • js_styles.css
• Examples

Lab:

• I need to meet with those of you that have a "see me" on the grade page.

Homework:

• We will NOT MEET at CCBC next week (DO NOT COME HERE), but you are to investigate and write your project proposal as described in the project RFP. I will meet with each of you on 11/12 to approve.
• Work through the EmailForm.html example in chapter 7

10.22.09 Tonight will accomplish the following:

• Test One
• Objects
• Examples: Boolean, date, numbers, random and an example from the book or two

Lab:

• Project 6-4 p.237 10 pts
• Case Project 6-1 p.329 10 pts

Homework:

• Find at least 3 web sites that use JavaScipt. Make sure each site uses it slightly differently (for example, don't post links to Gmail, Yahoo Mail and Hotmail saying "These use JavaScript really well on their forms!" Post links to these sites on your index page. During the next class, be prepared to talk briefly about why you like the example you've chosen.
  20 Points
• Review Chapter 7

10.15.09 Tonight will accomplish the following:

• Review for test 1
• Interesting Site, one from Bill
• A look at your form examples from the web
• A little more with forms
• Another look at the book's Subscription example.

Lab/Homework:

• Case Project 5-3 on p. 276. Please note: the only required fields should be their name and e-mail address.

10.8.09 Tonight will accomplish the following:

• Form Review
• GET vs. POST
• Setting up e-mail form
• Form examples: Login and Registration
• Book Examples: Subscription and Form Processor

Lab:

• Create and post several versions of a login form: GET, POST, mailto:.

Homework:

• Post a link to your student page of what YOU think makes for a good user registration form. Come prepared to talk about WHY it's good. And, if you can find a particularly horrible one, bring that, too.
• Add validation to a NEW login.html page, so that the user must enter both fields (UN,PW). Make sure that the HTML page tells them this, too.
• 5-1 on p. 276. See p. 244 for help if you are stuck. Hint: document.forms[0].check_box_ID.checked == true

10.1.09 Tonight will accomplish the following:

• Document Object Model
  • Links
  • Images
  • Aviation Example
  • Private Pilot
  • getElementByID

Lab:

• P. 194 - features onload and setInterval()
  Images are here and here.
• 4-4, 4-5

Homework:

• Case Project 4-1 (p. 222) Concert files are here
• Case Project 10-3 (p. 525). Cottage files are here.

9.24.09 Tonight is a project night. We will accomplish the following:

• A polite reminder
• Review homework: Target Heart Rate and Leap Year
• A quick look at error checking, forms review
• Last time..., scope, calling functions from functions, loops

Lab:

• Projects 3-4, 3-5, 3-7 starting on p.164
• Another Prompt Assingment
  • Create a page the prompts the user for several of their favorite things (like presidents, for example).
  • Use a while loop to capture their input and store the values in an array.
  • Tell the user how many items they inserted.
  • Display the items back to them AFTER they finish adding them.
  • Think about what you know about scope, arrays, repetitve tasks, etc.
• Post to your student page (each is worth 5 points)

Homework:

• Read Chapter 10

Time permitting...

• The Browser Object Model
• History.html
• Location.html
• Navigator.html
• Opener.html
• Screen.html and a more complicated version.
• Pine Knolls Example

9.17.09 Tonight we will accomplish the following:

• Arrays & Operators (note: lab assignment is in this presentation).
  Some examples:
  • Array Example
  • Assignment Operators
  • Changing Data Types
  • Comparison Operators
  • Boolean
• Array Lab:
  1. Create an array containing your top 10 favorite albums/bands. If you don’t like music, use your favorite films. If you don’t like films, use books. If you don’t like any of these things, use favorite presidents.
  2. Print the array using document.write();
  3. You can use array example to start…
  4. Look at page 72 of your book for help.
• Decision Making
  • Ifs
  • Logical Operators
  • Switch
  • Comparing Strings
• Loops
  • For Loop
  • For In Loop
  • While Loop
  • Do While Loop
• Functions
  • Built-in Functions
  • User Example
  • Events

Homework:

• For Next week, please complete Case Projects 3-2 and 3-4 page 169-170 of our book. (40pts)
• Read Chapter Four

9.10.09 Tonight we will accomplish the following:

• Note: This page works as the course ourline. It is updated weekly, and has links to all my slides, examples and files. Previous weeks can be viewed using the links at the top.
• A quick review of using fireFTP, file structure conventions & client VS. server and development VS. production
• Recap from last week
• Getting started
• Data types and variables
  • Set and show a variable
  • Basic calculation example
  • Calculation with user input
• Time permitting, Arrays and operators

Lab:

• Post the lab assignments from the presentation to your web space.

Homework:

• IF you have not already done so, e-mail me the URL to your class page (and upload an index page) BEFORE you leave. If you need help, please ask. You only need to do this if you want a grade in my class.
• For Next week, please complete Case Project 2-1 on page 112 of our book. Things to keep in mind:
  • You will hard code your variables, don't use prompt();
  • Your page doesn't have to look great, but it should work
  • Worth 20 points and must be linked from your student page BEFORE next class starts, please
• Read Chapter Three

9.3.09 Tonight we will accomplish the following:

• Review the syllabus
• Introduce ourselves
• Find out why we are here
• User Accounts
• Notepad++, FireFox, FireFTP, Web Developer Toolbar, W3 Validator Service, Portable FireFox for USB thumbdrive
• Review of HTML & CSS
• Example one, two and three.

Homework: Before the start of the next class, please E-mail me from the account with which we will be corresponding this semester. If your identity is not readily apparent, please include your name (GiantRobot666@hackerthreat.net doesn't tell me who you are).

Briefly answer the following questions:

1. Is there anything that you want me to know, as your instructor, this semester?
2. Set up your student index page (edit this and drop into your site)
3. The URL to your student Web site (http://student.ccbcmd.edu/~your_user_name)