CISC 1400: Dynamic Web Page (with JavaScript)

Instructor: Xiaolan(Ellen) Zhang

Web developers use three main languages/tools: HTML, CSS and JavaScript.

HTML(HyperText Markup Langauge): a standard markup language for web pages.
CSS (Cascading Style Sheets): used for describing the look and formatting of a document written in a markup langauge (such as HTML).
JavaScript: a programming language commonly used as part of web browers to allow client-side scripts.

We focus on JavaScript, a scripting language to write program that is embeded in HTML web page. Here are key things to know about this langauge:

JavaScript code It's intrepreted and executed by the web browser.
It's usually used to provide some dynamic contents in the webpage.

Here are some resources to learn more about JavaScript language:

Here is a website provides tutorial for JavaScript: JavaScript Tutorial & Example
The slides here provides a tour of JavaScript.

To get something up and running quickly, you can learn from examples, and then adapt the examples to suit your needs. The following is a list of interesting examples that you can experiment with:

Add some gadgets
JavaScript Intro
JavaScript for Calculation
Flip coins
Slide show
Requirements:
- Add a date and time display in your webpage, or add a last modification time in the bottom of your webpage.
- Include a component in your webpage where you allow the user to enter some input (such as name, a number) and then write some output to the webpage (such as a greeting message, converting the number in some way such as unit conversion).