WEBT/CINS 157 Intro to JavaScript
Classes by Week
5/12/2011
Tonight we will accomplish the following:
- Test. Monitors off, mobile items stowed.
- Final presentations.
5/10/2011
Tonight we will accomplish the following:
- AJAX Example (book source files) [AJAX SLIDES]
- Review for test
Lab/Homework:
- Work on your final project. There are 40 hours in the work week and 48 hours on the weekend.
- Skim chapter 9 - lab work on Thursday will focus on this
5/05/2011
Tonight we will accomplish the following:
- New - AAS degree requirements and CMS and course numbers
- Review Final Projects
- While I'm meeting, code up exercise 9-1 on page 559.
- Finish looking at state
- Lab file here
Lab/Homework:
- Work on your final project. There are 40 hours in the work week and 48 hours on the weekend.
- Skim chapter 9 - lab work on Thursday will focus on this
5/03/2011
Tonight we will accomplish the following:
- Test 2, monitors off, devices stowed.
- Review Homework
- New Version of jQuery released today.
- Assign Final Project
- Managing State: hidden inputs p.516, Query Stings and Cookies [chapter 9 ppt]
- Lab file here
Lab/Homework:
- Work on your final project proposal. Must be posted by the start of the next class, no exceptions.
- Skim chapter 9 - lab work on Thursday will focus on this
4/28/2011
Tonight we will accomplish the following:
- Using
the Date()class (date, random, boolean, numbers) p.319 [ppt using objects chapter 6] - JavaScript Frameworks (libraries)
- jQuery example
Lab/Homework:
- Test 2 on Tuesday
- Make a page that uses jQuery (the page itself should tell me what you are doing with jQuery). Find at least one plug-in, like the cycle plug-in or a form validator and use it.
4/26/2011
Tonight we will accomplish the following:
- Review the homework (3 interesting sites)
- Finish up Forms
- Registration
Lab/Homework:
-
Create a form for a company that has the following sets of fields:
ship to nameand also
address one
address two
city
state
zip
billing name
address one
address two
city
state
zip
There should be a check box that says "Use Shipping address as billing address" that copies the shipping information to the billing fields and clears them again when unchecked.
4/14/2011
Tonight we will accomplish the following:
- Finish up Stings/Arrarys work, The starter files are here
- Lab Exercise: Create a page with a single HTML text input, like the example we've been coding. There should be two links (with onclick events for now) that allow someone to add elements to an array, and check the see if something in the input has already been added to the array.
When you finish,post your solution. - Forms
- Book Exercise, complete
- Pizza (use this one)
- Form HTML
Lab/Homework:
- Find Three good examples of sites that use JavaScript. Make sure they don't use Flash. Look at the source code and see if you can understand how they work. Post these to your student site and be prepared to briefly discuss them.
- Read Chapter 5
4/12/2011
Tonight we will accomplish the following:
- Finish up the DOM use your files from last class. files are here
- Dynamically Styling Content - Look at this.
- Strings, Arrays & maybe regular expressions
- Tonight's Working Files
- Here's the file I used in class and here's the DOM example.
Lab/Homework:
- Code the example on p.595 - this is similar to the previous unicyle assignment, except we will load the images with the
Image[]object. Images are here. - Create a new page using a strict
DOCTYPEand allows the user to change at least three styles on the page. Try using.getElementsByTagNameandgetElementByID. Allow the visitor to change the size of the text. - Skim Chapter 7 on working with strings
4/7/2011
Tonight we will accomplish the following:
- Test One. Monitors off, modbile deviced stowed, please.
- History (and not just because the Internet is 42 today)
- Start on the DOM class files are here
Lab/Homework:
- Code the example of
setInterval()shown on p. 219. The images you need are here - 4-3 on p. 235
- Please read Chapter 4
4/5/2011
Tonight we will accomplish the following:
- BOM
- Location.html
- Navigator.html
- Opener.html
- Screen.html and a more complicated version.
- Here's Ms. Karr's contribution
- And here's tonight's discussion
Lab/Homework:
- Create a new document and external .js file. When the page loads, call a function that populates and array with the following items:
- colorDepth
- path
- protocol
- user agent
- the href
- are cookie enabled?
- platform
document.write()to display the contents of the array on the page. Hint, you might take advantage ofarray_name.length(40 pts) - Test on Thursday
3/31/2011
Tonight we will accomplish the following:
3/29/2011
Tonight we will accomplish the following:
Homework:
-
- Create a page that prompts a user for 5 favorite things. No more than 5, please.
- You will need to create an array
- Use a loop to populate the array.
- Using
document.write();, display the results back to the user. - Use an external .js file
- Read Chapter 3 in the book
3/24/2011
Tonight we will accomplish the following:
- review, arrays
- functions
- Here's the example I worked on during class
Homework:
- BMI assignment, part one (50 points). Using what we've learned tonight, write code that will calculate someone's BMI. Create and populate variables (using a
prompt()contained in a function) for the weight, height and BMI. Display the variables on the page, along with the results.

Use comments, and while you don't have to spend time styling the page, please make it presentable and logical. This, along with tonight's lab, should be linked from your student page. - Read Chapter 2 in the book
3/22/2011
Tonight we will accomplish the following:
- Introductions: your name, reason for taking the class, your goals (personal, academic, etc.)
- Review the syllabus and how this class is taught
- User Accounts
- Tools we will be using this term:
- You may use DreamWeaver, NotePad++ for Windows, TextEdit, Coda, etc. for Mac. The focus is on code, not a coding tool.
- FireFox
- Google Docs, delicious (or similar), Portable FireFox (for USB drives)
- FireFox AddOns: DOM inspector, Web developer toolbar, HTML Validator, FireFTP, Delicious Button
- Opening Topic: Quick Review of Web Standards, and, What is JavaScript?
- Introduction, variables, datatypes
- Setting up a site, creating an FTP connection with FireFTP, moving files
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.com doesn't tell me who you are). Use WEBT 157 in the subject line.
- Is there anything that you want me to know, as your instructor, this semester?
- A link (URL) to your student Web space, with the landing page established.
- Read Chapter 1 in the book