| |
Lecture Subject(s) |
Reading Assignments(for topics covered) |
Homework Assignment |
|
Week 1 |
- Introduction to Class
- A Review of HTML Basics
- An Introduction to JavaScript Programming
|
Basics: (24-28)
Application: (181-189)
Placing JavaScript in an HTML File
|
Exercise: Create .js file that could be used at the bottom of a page.
Include two links to different search engines (like yahoo.com and ask.com)
plus some copyright information that includes the year, your name, and the copyright symbol. |
|
Week 2 |
- Using Variables
- Special Characters
- operators and expressions
- Addition
- Subtraction
- Multiplication
- Division
- Modulus
- alert()
- prompt()
|
Basics:(page 30-36, 56-62)
Application: (200-202, 164-165)
Using Variables
|
Use the prompt() method to accept an order from the user.
- item to buy
- price
- quantity
multiply the quantity by price, use parseInt() and parseFloat() to convert the input
values to numbers before multiplying the price by quantity. Just remember not to use $ on the input.
Use document.write() to display the input to the screen like an order:
5 shirt(s) at 12.99 = 64.95
|
|
Week 3 |
- arrays
- multi-dimentional array
|
Basics: (40-41)
Application: (138-146)
|
Either create a multi-dimensional array or create three arrays to display an order.
If you use three arrays, one array will hold the items to be purchased, one the quantity ordered, the third the
price. Create an order displaying the Item, Quantity, Price, and total. Your order should have a
minimum of three items. At the end of the
order calculate the total cost of the order.
Please hard code the values in the array, do not use the prompt() method. Display your output to a table using
document.write().
|
|
Week 4 |
Decision Making
- if statement
- if ... else
- switch
- Comparison Operators
- Logical Operators
- String Operators
- while statement
- do ... while
- for
- with
- continue
|
Basics: (79-92)
Application: (138-46)
|
if statements,
Click here for word document with the assignment.
|
|
Week 5 |
QUIZ 1
- Functions no parameters
- Functions with parameters
- Functions that use variables as parameters
- Functions that return a value
- Function that calls a Functions
|
Basics: (37-38)
Application: (102-111)
using functions
|
Create and use JavaScript functions
Click here for word document with the assignment.
|
|
Week 6 |
Objects
- this
- this
- properties
- methods
- prototype
|
Basics: (114-120)
Application (114-120)
|
Create an HTML document named ProductObject.html that includes a constructor function in
the <head> section named Product. Include four properties in the Product
object definition: productName, price, quantity, and productID. Instantiate a new Product object
in the <body> of the HTML document, then assign the values of your product to each
of the Product properties. Print each of the properties to the screen.
|
|
Week 7 |
- event handlers
- onClick
- onMouseOver
- onMouseOut
- DOM
|
Basics: 183
window object (199-200)
document object (225,226,235-
|
Either create an image of a stick person or
or find an image of a person. Create an HTML file named BodyParts.html that
includes an image map of the stikc figure. Create hot spots over each
of the figure's body parts. When the mouse passes over the body part
display the part's name in the status bar. Also create alert dialog boxes
that display each body part's name as you click on it.
|
|
Week 8 |
Forms and events
Validating Forms
- buttons
- check box
- radio buttons
- text
- hidden fields
- referencing form elements
- form event handlers
- form properties
|
186-226 |
Create a form to be used to submit an order to your online store.
Include Name, address, phone, credit card, etc. Validate the information
has been entered, if not return an error message to the user. Make sure to put the
cursor in the field in error.
When the customer submits the form, display a thank you message.
|
|
Week 9 |
QUIZ 2
Window Object
|
258-272
|
Create an HTML document that contains a list of hyperlinks to your favorite recipes. Clicking each hyperlink opens a document in a separate window to display the selected recipe. Include a close button within each recipe's window. Name the main HTLM document Recipes.html, and name each recipe document according to the recipe name. For example, if you have a recipe for apple pie, name its associated HTML document ApplePie.html. |
|
Week 10 |
Working with Frames
- view variables in other frames
- calling functions in other frames
- referencing form elements
|
237-287 |
No homework
|
|
Week 11 |
Cookies
|
415-442 |
create two pages:
- create a form to allow a customer to order an item to a
shopping cart store the information in a cookie
- this page will use the information in the cookie to display the item to the screen
|
|
Week 12 |
regular expressions
|
297-322
|
no homework |
|
Week 13 |
Date object & Timers
- Date()
- display the current date using Date() methods
- create a calendar
- display the time
- string manipulation
|
333-360 |
No Homework.
|
|
Week 14 |
Work on Project in Class
|
411-437 |
|
|
Week 15 |
Early final projects & class time to work on final projects.
|
|
|
|
Week 16 |
Final
|
|
|
|
Week 17 |
Final Project
|
|
|
