CSCI 121

Introduction to Internet Programming

Coordinator: Muhammad Chaudhary

Credits: 4.0

Description

Designed to introduce Internet programming to students who are not computer science majors. Topics include Web page design, JavaScript programming, graphics animation, image handling, keyboard and mouse handling, check boxes and radio buttons. Some coverage of VBScript and conversion from Microsoft Office® applications to Web pages. No credit toward computer science major. Offered periodically.

Prerequisites

None.

Sample Textbooks

Course Outcomes

  1. Create Web pages containing enumerated and definition lists.
  2. Create Web pages containing tables.
  3. Create Web pages containing frames.
  4. Create Web pages containing images and sound.
  5. Create Web pages containing clickable images.
  6. Create Web pages containing hyperlinks.
  7. Write JavaScript programs to handle events associated with text boxes, buttons, check boxes, and radio buttons.
  8. Write JavaScript programs that collect user input.
  9. Write JavaScript programs that use graphics to perform animation

Major Topics Covered

A. Introduction to World Wide Web

1. What is the Internet
2. How the Web Works
3. Web Pages in Nutshell
4. Homepages
5. Elements of a Web page
6. What is a Browser?
7. Touring a Local Web Site 
8. Introduction to HTML
9. HTML Tags

B. Creating Your First HTML Document

1. Tags: html, head, title, body
2. Paragraphs
3. Adding Lists
4. Adding Horizontal Rulers
5. Line Breaks
6. Quotations
7. Character Entities
8. Signature Text Blocks
9. Perforated Text
10. Centering
11. Travel by Link
12. Anatomy of a Link
13. Four Simple Links

C. Creating Tables

1. Defining the Basic Structure of a Table
2. Formatting Borders and Cell Contents
3. Border Width and Cell Spacing
4. Cell Padding and Column Headings
5. Cell Contents

D. Using Frames

1. Introduction to Frames
2. Understanding Frames
3. Creating Frames

E. Using Graphics and Multimedia

1. Image File Formats: JPG, GIF, TIFF, IBM, PNG
2. Including Inline Images
3. Including External Images
4. Including More Than One Image
5. Image Transparency and Interlacing
6. Introduction to Multimedia
7. Introduction to Image Maps

F. Introduction to JavaScript

1. First JavaScript Example
2. Writing to a Web Page From JavaScript
3. JavaScript Works with HTML Controls
4. Using Variables
5. Scope of Variables
6. Data Types in JavaScript
7. A Sample HTML Page Using Variables
8. Selection Control Using if Statement
9. Selection Control Using switch Statement
10. Loop Control Using while Statement

G. JavaScript Program Control and Objects

1. Loop Control Using for Statement
2. Infinite Loops
3. Existing Loops Using break Statement
4. Using Labeled break Statement
5. While Statement Revisited
6. Do...while Statement
7. Introduction to JavaScript Functions 
8. Function Arguments
9. Object-Oriented Programming 
10. Object-Bases Programming in JavaScript
11. Built-in JavaScript Objects
12. Object Definition Using Function Declaration
13. Object Creation Using new Operator
14. The String Object
15. The Array Object
16. Using for...in Statement To Traverse Object Properties

H. Forms: Text Boxes and Buttons

1. Text Boxes
2. Using the &ltINPUT> Tag
3. Buttons
4. Using HTML Events
5. Using Controls to Set a Page�s Background Color
6. Using Controls to Set a Text Box's Size
7. Text Areas
8. Password Controls
9. Submit and Reset Buttons
10. File Controls
11. Hidden Controls

I. Forms: Check Boxes and Radio Buttons

1. Check Boxes
2. Radio Buttons
3. Creating Radio Buttons
4. Putting Check Boxes and Radio Buttons Together 
5. Clearing and Resetting Check Boxes
6. Responding to Radio Buttons
7. Using the elements[] Arrays
8. Select Controls
9. Installing the Options in a Select Control
10. Selecting Multiple Items in a Select Control

J. Keyboard and Mouse Handling

1. Using Mouse Events in Netscape Navigator
2. Using Mouse Events in Internet Explorer
3. Determining the Browser Type 
4. Working With the mouseOver Event
5. Swapping Images on a mouseOver Event
6. Using the keyPress Event
7. Controlling a Window With Key-strokes
8. Highlighting Text with the Mouse

K. Image Handling

1. Flipping Images With Click of a Button
2. Using the Image Object
3. Using the images[] Array
4. Setting Drawing Colors
5. Drawing Rectangles
6. Drawing Ovals
7. Drawing Pie Sections
8. Positioning Your Images in a Web Page
9. Dragging and Dropping 
10. The mouseMove Event
11. Image Maps

L. Graphics Animation

1. Supporting Basic Animation
2. Using Internet Explorer�s Direct Animation
3. Using Drawing Surfaces
4. Creating Translation
5. Creating Rotation
6. Animation Using Layers in Netscape
7. Animating With setInterval()
8. Animation Using the Sequencer Control
9. The Path Control

M. Using Document Object

1. Scripting Object Overview
2. Document Object Overview
3. Document Properties
4. Document Collections
5. Document Events
6. Document Methods
7. Writing to Documents in Other Frames

N. JavaScript and the Window Object

1. Working with the Window Object
2. Using the open() Method
3. Writing to a Newly Opened Window
4. Window Alert Boxes
5. Window Confirm Boxes
6. Window Prompt Boxes
7. Dialog Boxes
8. Displaying a Dialog Box
9. Creating a Dialog Box
10. Using Dialog Box Arguments

O. The Navigator, Location, and History Objects

1. The Navigator Object

2. Using the Location Object

3. Using History Object

4. Navigating With History Object

5. Reading Text Sent in a URL

6. Using Cookies from JavaScript

7. Setting a Cookie

8. Reading a Cookie

Sample Laboratory Projects