Client side customisation of websites:

Use this site to answer P3 (fundamentals of a scripting language)

Guidance: You need to create a simple website that covers all of the points below. The website needs to be clearly structured so that it shows you are covering all points in the question. It is suggested that you arrange all of your content first and then create the site. It's important to read all of the links to gain a better understanding of each of the fundamentals of the javascript programming language. If you really want to learn how to use javascript to add functionality to a website you should focus on providing examples for as many of the sections as possible as well as describing each section. If you follow this site carefully you should have everything you need to produce your own website that explains the fundamentals of a scripting language. When creating your site be very careful structuring it so that everything is saved correctly and all your links work before uploading a zip folder with your entire site. This is your chance to experiment and learn the basics of dreamweaver before moving on to the main web design project in P4. Remember everything you need is here. Explain it in your own words. Work on the first sections and this site will be updated with the last bits soon.

1 – The Characteristics of Scripting Languages

1. Show the nature of the scripting language eg
1. Object oriented
2. Event driven
2. What are objects and how are they used?
3. What are methods?
4. How does JavaScript handle events
5. How can you hide scripts
6. What security issues might be raised when using JavaScript eg:
1. Reading
2. Writing
3. Client files
4. Opening/closing user windows
5. Reading information
7. What are the ways and options to include scripts inside html?

2 – Uses of a Scripting Language

For FOUR of the following find an example and describe where it might be used.

1. Alerts
2. Confirming choices
3. Prompting the user
4. Redirecting the user
5. Browser detection: you can investigate this one yourself
6. Creating rollovers
7. Checking/validating input: you can investigate this one yourself
8. Handling forms: you can investigate this one yourself
9. Maintaining cookies

3 – Scripting Language Constructs

You have been supplied with a webpage and a Javascript file (“A3T2 Example” on Moodle). The example has some simple JavaScript in it. You should investigate the code and describe / highlight the uses of the following (where given). For the assignment, use the explanations below to investigate each construct then highlight where they are used in the sample code provided.

Syntax

• Dot operator
• Values
• Variables
• Operators
• Assignment Comparisons

Loops eg

• For
• For/in
• Do/while

Decision making eg

• If
• If/else
• Switch/case

Functions (calling & parameter passing)

Handling events eg

• Onfocus
• Onload
• Onblur
• Onmouseover

Methods eg

• Write()
• Click()
• Open()
• Selected()

Properties eg

• Name
• Width
• ID
• Value