Goals: 1) To learn a very popular scripting language for client-side Web programming. 2) To learn the basic programming concepts and techniques fundamental to all programming languages.
I. Learning from www.fsu.edu
Web developers and programmers learn a lot from viewing the source of existing Web pages. You should be at a point where you can start to understand the code of commercial grade Web sites. We will begin the tutorial by examining FSU's Web site which makes use of the latest design and programming tools.
- Open www.fsu.edu in your Web browser and select the command from your Web browser menu to view the source code.
- Use the find command to find instances of the word "stylesheet". You should understand from our last assignment how the link command is used to connect an HTML document to an external stylesheet.
- Open the first referenced .css file in your Web browser - you do this by appending the the file name and path to www.fsu.edu. For example, if the references file is /.element/ssi/css/3.0/rollover.css you would open http://www.fsu.edu/.element/ssi/css/3.0/rollover.css in your Web browser.
- Examine the code to see if you can figure out its purpose. Try some of the other .css files referenced in the www.fsu.edu HTML code.
- Go back to the HTML source code for www.fsu.edu and use the Find command to search the code for the word "div". Note how div is used to apply styles and layers to the HTML code.
Read Chapter 7 in our textbook, or go to http://www.w3schools.com/js and work through the following lessons, examining examples, reading the material, and experimenting with the code yourself:
- JS HOME
- JS Introduction
- JS How To
- JS Where To
- JS Variables
- JS Popup Boxes
III. Learn by example - perhaps the most important exercise!
- js1 docwrite
- js2 docwrite2
- js3 escape
- js4 variables
- js5 variables2
Complete part 1 of the assignment.