JavaScript class

Home Help Table of Contents class Stuff

Congratulations!!!

(I told you I'd get you through this in one piece, now didn't I)?

What you've learned in this class is a strong basis for understanding JavaScript. You don't know everything about it (who does?). But, you should be able to continue your studies from here on out with relative ease.



The following is a list of scripts that you may find useful. I've formatted this in the way of a cook book. Enjoy!!

Recipe: DHTML navigation/drop-downs

This code mostly uses DHTML (combinations of HTML, Style Sheets and JavaScript)...

Ingredients (objects, methods, properties, etc. needed)

  • FUNCTIONS
  • OBJECT: String
  • HTML Style Sheets

Spices (events, action-oriented stuff):

  • setTimeout
  • onMouseOver
  • onMouseOut

Directions (the script)

Click here to see it in action



Recipe: Write to and read from people's cookies

This code mostly uses the document object and cookie property...

Ingredients (objects, methods, properties, etc. needed)

  • OBJECT: Document
  • PROPERTY: Cookie
  • OBJECT: String
  • Functions

Spices (events, action-oriented stuff):

  • setTimeout
  • onMouseOver
  • onMouseOut

Directions (the script)

Click here to see it in action



Recipe: Slideshow

This code uses the Image Object to define a new source (URL/path) for the next image...

Ingredients (objects, methods, properties, etc. needed)

  • OBJECT: Image
    • src
  • OBJECT: String

Spices (events, action-oriented stuff):

  • onLoad
  • onMouseOver
  • onMouseOut

Directions (the script)

Click here to see it in action



Recipe: Form Validation

This code checks the form based on different criteria...

Ingredients (objects, methods, properties, etc. needed)

  • OBJECT: Form
  • OBJECT: String
  • Functions

Spices (events, action-oriented stuff):

  • onBlur
  • onSubmit

Directions (the script)

Click here to see it in action



Recipe: Running clock

This code mostly uses the Date object to show a running clock (inside an textbox)...

Ingredients (objects, methods, properties, etc. needed)

  • OBJECT: Date
    • getHours()
    • getMinutes()
    • getSeconds()
    • getDay()
    • getMonth()
    • getDate()
    • getYear()
  • OBJECT: Form
  • OBJECT: String
  • OBJECT: Window

Spices (events, action-oriented stuff):

  • setTimeout
  • onLoad
  • onunload

Directions (the script)

Click here to see it in action



So, you've made your website. What's next?

Learn about Good site design principles

Webmonkey authoring -- html basics
Web Design Principles - CSU Sacramento
Yale Style Manual - Graphic design

Learn about XHTML (the next HTML)

XHTML Tutorial

Learn about Style Sheets

W3Schools.com - Style Sheet Tutorial
WebReference.com - Style Sheet Tutorial
DevGuru.com - Style Sheet Reference

Learn the server side end of this with Perl

Perl.org Tutorial & Books

Learn the server side end of this with ASP

W3Schools.com - ASP Tutorial
DevGuru.com - ASP Reference

Share your site with the world!


Upload and make it live on the Internet so everyone can see!

1) Register a Domain Name
Try: www.dotdnr.com (Don't get ripped off -- if it's more than $15/year for the domain name, it's too much!)

2) Get a web host to put your files on...

Read this tutorial from W3Schools BEFORE YOU GO ANY FURTHER...
http://www.w3schools.com/hosting/default.asp - W3Schools tuturial on web hosting (takes about 30-45 minutes to read through)

To make an HTML form that does email properly, look for a host that provides "CGI" script (or a "cgi-bin") or that allows ASP

CHEAP HOSTS
URL Description
http://www.tophostreviews.com Up-to-date list of web host rankings/ratings
http://www.netfirms.com/hosting Free with easy upgrade $5/mo...
http://www.ucvhost.com/ $1 per month
http://www.ipowerweb.com/ $8 per month with MySQL
http://www.winsave.com/ $9 per month with MS Access (for dynamic, data-driven sites)



FREE HOSTS
URL Description
http://freeweblist.freeservers.com/ List of Free web hosts (and what they'll "cost" you... banners, pop ups, etc.)
http://www.doteasy.com Free hosting with no banner or pop-up ads (as seen in Metro magazine)
http://www.netfirms.com/hosting Free with easy upgrade $5/mo...
http://www.virtualave.net/ Free hosting with CGI scripts
http://www.angelfire.com Free hosting with CGI scripts (popular)
http://www.geocities.com Free hosting (very popular)





Home Help Table of Contents class Stuff