Web Development and Design Final Project

1. Before you begin the project, please answer these four questions in a paragraph:

2. What is the difference between the client and the server?

3. What is the difference between server-side and client-side scritping?

4. Why are they separate? What is a web browser? What is a regular expression?

Overview

The purpose of the project is to use most of the techniques you have learned from this course. You may choose any project as long as it meets the requirements discussed below. The project must be a real application in the sense that the site must be hosted somewhere on the Internet. You can either arrange your own hosting or use WebHawks. You are free to apply homework assignments toward the final project. However, the final project must be work that you have produced and not material simply copied from another source. If you do copy small portions from another source, you must cite the source and have permission to copy the material. The final project presentation will count as the final exam for the course. You must demonstrate your completed project to the instructor during the scheduled final exam time to pass the course. Item Description Points 1 At least one function embedded in an HTML page (either the head section or the body section) 2 2 At least one function in an external JavaScript (*.js) file 2 3 At least one array 2 4 At least one use of all these control structures: while or do-while loop for loop if or if-else 1 1 1 5 At least one use of all these event handlers: on load on click on mouse over on mouse out on submit 1 1 1 1 1 6 At least one Date object method call 1 7 At least one Math object method call 1 8 At least one page displaying animation using JavaScript 5 9 At least one page with a JavaScript rollover menu using images 3 10 At least one form field validated on the client using JavaScript 5 11 At least one regular expression 2 12 At least one cookie that gets…

 

Answers 

 

  1. Client and Server are the two entities over internet. Lets take a simple example , we plug in an electric lamp in a power socket and swictch it on . In this scenario power socket is like server and electric lamp is like client. In the scenario of internet, a machine that wants some information that resides on different machine or want to process some data that is possible by a different machine sends some request to associated machine.This system is known as client. Now if the associated system accepts tha request and responds accordingly either by sending information or by processing data and sends results back to client is known as server. Web browser is and example of client. Any company providing services over intern owns servers, like Google, Yahoo etc.

2. Web Browser is a client that handles the response sends by server, interprets it and provides a method of display it to user. It also capable of performing simple processing tasks like error checking. Browser sends Http request to server and receives and http response from server and interpretes this http response from server. Different browser can respond differently for the same http response hence server always sends reponse according to type of browser like firefor, IE, opera, chrome etc.

 

  1. Execution of clients side scripts depends solely on browser (client) without any ineraction with server. Client side script is browser dependent and also the scripting code is visible in cource code of weppage at client side. and hence very unsecure. The capability is also limited like cannot used for quering database, writing files etc. Server-side script are executed at server side and results of these are sent as a response to client. These are invisible to user at client side source code.

Client Side Scripting can be used for form validation, collecting information about browser, or to cusmize display according to user action or befor loading page. Server Side Scripting is used for providing dynamic webpages (created by involving databases)to clients, performing complex task like database query(Form data processing sent by client) and other calculations at server..
Javascript is a scripting at client side and PHP, ASP and JSP are serverside scripts.

 

  1. Regular expression in java script is an object that is used to find a pattern in a given string or performing search and replace function. It can be created as:

var re=new RegExp(pattern,type)

where pattern is some sequence of characters and type can be case insensitive search (i), global search (g), global-insensitive search (gi) etc,

 

 

 

For example

 

var str = Is this correct way to tell this?

var re=RegExp(is,i);

document.write(str.match(re));

 

o/p:  Is        explanation: First case insensitive apearence of is

 

var str = Is this correct way to tell this?

var re=RegExp(is,g);

document.write(str.match(re));

 

o/p:  is, is             explanation: All case sensitive apearence of is

 

var str = Is this correct way to tell this?

var re=RegExp(is,gi);

document.write(str.match(re));

 

o/p: Is, is, is     explanation: All case insensitive apearence of is