CSE 312 web programming

Notre Dame of Midsayap CollegeMidsayap, Cotabato

A.Y. 2010-2011

Vision-Mission: We envision to bring the best of Notre Dame Spirit to Asia and the rest of the world.

As a Filipino academic community, Notre Dame of Midsayap College commits herself to empower each person to lead meaningful life and to make a positive difference through quality, relevant and liberating education.

Course Number: CSE 312Course Title: Web ProgrammingCredits: 3 units Laboratory / 2 units LectureNumber of Hours: 54 hours / 36 hoursPre-requisites: CSE 222Course Description:

This course provides the students with the fundamental understanding of developing web-based applications and its corresponding support systems. The course requires the use of different technologies in order to implement various web-based software applications.

General Objectives: This course is designed to provide knowledge and understanding to students about web applications

Subject Goals: At the end of the course, the students are expected to: know the fundamentals in web-based application architectures and processes; use other applications related technologies in developing complete web-based applications; learn how to test, verify, and debug web-based applications

Key Concepts: computer, users, procedures, data/information, software, hardware, communications, information systems, programs, internet, HTML, CSS, JS, web

Course Requirements: Quizzes and assignments Officially scheduled examination Research through the internet Reporting Portfolio –HTML, CSS, JS

References:* Books

*References

R1 – Danny GoodMan, Java Script sixth ed., 2007. Wiley Publishing IncR2 – Ramez Elmasri, Fundamentals of Database System, 2001.Oracale CorporationR3 – Jerry Lee Ford, Learn Java Script, 2001. Prima Publishing.

*Internethttp://www.w3schools.comhttp://www.codewalkers.com

Prepared by: Michaelangelo R. Serrano CITE Faculty

Noted by: Engr. Ronniel D. Labio, MIT

CITE Dean

SPECIFIC OBJECTIVES LEARNING CONTENTS TIME ALLOCATION

LEARNING ACTIVITIES

VALUES INFUSED REFRENCES EVALUATION

At the end of the discussion, the students is expected to:

a. Define and describe web page, websites and HTML documents

b. Discuss the history of HTMLc. Create a simple HTML

documentd. Understand the structure of

HTML documente. Use attributes in formatting

HTML documentf. Use anchor tags to link other

web resourcesg. Use list, table, form, and frames

in structure web pagesh. Discuss the importance of web

publishingi. Identify other web development

I. Introduction to HTML

a. What is HTML?b. History of HTMLc. Basic HTML Elementsd. Fundamentals of Webpagee. Formatting web documentsf. Linking pagesg. Advance HTML Elementsh. Introduction to web publishingi. Other web development tools and

concepts*a. Lab Ex1. Create personal

information using the basic html elements.

b. Lab Ex2. Create a page with links and.

c. Lab Ex3. create a page using the advance HTML elements

d. Lab Ex4. Search and register in a free web page.

5 hours

8 hours

* Discussion* Lecture

* Computer Activity

*Patience* Appreciation* Awareness* Respect* Courtesy* Cooperation* Discipline

R1R2R3

Quiz, Recitation, Homework

Laboratory exercises,Assignment, Problem

At the end of the term, the students is expected to:a. Understand the meaning of CSSb. Understand the basic of CSSc. Familiarize and understand the

CSS syntaxd. Understand and use a selectorse. Learn and Insert a style sheet

II. Introduction to CSS

a. What is CSS?b. CSS Introductionc. CSS Syntaxd. CSS Id & Classe. CSS How To

*Laboratory problems/Exercises

4 hours * Discussion* Lecture

* Computer Activity

* Patience *Appreciation* Awareness* Respect* Courtesy* Cooperation* Discipline

R1R2R3

Quiz, Recitation, Homework, group discussion


At the end of the term, the III. CSS Styling

students is expected to:a. Use and define the

background effects of an element

b. Use text formattingc. Use font formattingd. Use linkse. Use listf. Create tables

a. Styling Backgroundsb. Styling Textc. Styling Fontsd. Styling Linkse. Styling Listsf. Styling Tables


4hours

5 hours

* Discussion* Lecture* Demonstration

* Computer Activity

* Patience* Appreciation* Awareness* Respect* Courtesy* Cooperation* Discipline* understanding

R1R2R3



At the end of the term, the students is expected to:a. Understand the CSS Box Modelb. Use and specify the style and

color of an element's borderc. Define and use CSS margin

and Padding

IV. CSS Box Model

a. CSS Box Modelb. CSS Borderc. CSS Outlined. CSS Margine. CSS Padding


3 hours

4 hours


* Computer Activity


R1R2R3



At the end of the term, the students is expected to:a. Use grouping and nesting

selectorsb. Understand display and

visibility propertiesc. Use and understand positioning

propertiesd. Understand CSS floate. Understand Pseudo-elementf. Use navigation bar, image

gallery, opacity, spritesg. Understand the media types and

attributes selectorsh. Aware of some technology to

avoid using CSS

V. CSS Advanced

a. CSS Grouping/Nestingb. CSS Dimensionc. CSS Displayd. CSS Positioninge. CSS Floatingf. CSS Aligng. CSS Pseudo-classh. CSS Pseudo-elementi. CSS Navigation Barj. CSS Image Gallery, Image

Opacity, Image Spritesk. CSS Media Typesl. CSS Attribute Selectorsm. CSS Don't


6 hours

6 hours


* Computer Activity


R1R2R3



At the end of the term, the students is expected to:a. Discuss How and Where to use

JavaScriptb. Understand JS Statementsc. Use the JS Commentd. Learn how variables are used

and declaree. Familiarize the different

operators in JavaScriptf. Use and understand JS

comparisong. Use the different statements of

JavaScripth. Understand the JS special and

JS guidelines

VI. JS Introductiona. JS How Tob. JS Where Toc. JS Statementsd. JS Commentse. JS Variablesf. JS Operatorsg. JS Comparisonsh. JS If...Elsei. JS Switchj. JS Popup Boxesk. JS Functionsl. JS For Loopm. JS While Loopn. JS Break Loopso. JS For...Inp. JS Eventsq. JS Try...Catchr. JS Throws. JS Special Textt. JS Guidelines

Laboratory problems/Exercises

6 hours

8 hours


* Computer Activity

* patience* Appreciation* Awareness* Respect* Courtesy* Cooperation* Discipline* understanding

R1R2R3


Laboratory exercisesAssignment

SPECIFIC OBJECTIVES LEARNING CONTENTS TIME ALLOCATION

LEARNING ACTIVITIES

VALUES INFUSED REFRENCES EVALUATION

At the end of the discussion, the students is expected to:

a. understand discuss JS Objectsb. understand and use JS string

and JS Datec. understand the use JS Arrayd. understand the JS Booleane. understand the JS Math f. understand the JS RegExp

VIII. JS Objects

a. JS Objects Introb. JS Stringc. JS Dated. JS Arraye. JS Booleanf. JS Mathg. JS RegExp


4 hours

4 hours


* Computer Activity


R1R2R3



At the end of the discussion, the students is expected to:a. Define and describe JS Browserb. Discuss JS Cookiesc. Understand JS Validationd. Learn and use JS Animatione. Discuss JS Image Mapsf. Use JS Timingg. Understand JS Create Object

At the end of the discussion, the students is expected to:a. sign-up and create and integrate using a free webpage or blog websites.

IX. JS Advanced

a. JS Browserb. JS Cookiesc. JS Validationd. JS Animatione. JS Image Mapsf. JS Timingg. JS Create Object


X. Integrating HTML, CSS and JS and using free webpage and blog websites

3 hours

5 hours

15 hours


* Computer Activity

* Computer Activity


R1R2R3




CSE 312 web programming

Documents

Transcript of CSE 312 web programming