Scribd
Upload
50 views

Pmas Arid Agriculture University: CS 709: Web Design & Development 4 (3-2)

This document outlines the course details for CS 709: Web Design & Development offered in the Fall 2013 semester. The course is designed to teach students foundational concepts of web design including HTML, CSS, JavaScript, PHP and database connectivity. It will provide hands-on learning and practice of designing, developing and deploying fully functional websites. Students will complete a semester-long class project, assignments, quizzes, a midterm and final exam.

Uploaded by

AliKhan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
50 views

Pmas Arid Agriculture University: CS 709: Web Design & Development 4 (3-2)

This document outlines the course details for CS 709: Web Design & Development offered in the Fall 2013 semester. The course is designed to teach students foundational concepts of web design including HTML, CSS, JavaScript, PHP and database connectivity. It will provide hands-on learning and practice of designing, developing and deploying fully functional websites. Students will complete a semester-long class project, assignments, quizzes, a midterm and final exam.

Uploaded by

AliKhan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 5

PMAS ARID AGRICULTURE UNIVERSITY

University Institute of Information Technology


CS 709: Web Design & Development 4(3-2)

Class: BSCS Semester: Fall 2013

Instructor: Office:
Email:

Website:

Counseling Hours: Monday, Tuesday, Thursday by appointment through email

Pre-requisites:
-This course is for students who have minimal knowledge of Programming

Fundamental, Databases, Software Engineering-I.


Course Description: This course presents introduction to many of the basic concepts, issues
and techniques related to designing (Graphic Design and Software
Design), developing and deploying web sites. During the course students
will learn about architectural and design issues that are unique to web
development. They get hands on practical knowledge of Web Design
(Graphics), HTML, XHTML, JavaScript, DHTML (CSS), Php and Web 2.0
concepts.
Objective: To develop technology skills of students/learners to enable them to plan,
design, build, promote and maintain a fully functional website.

To Provide a complete knowledge and hand on practice of web


development on both Microsoft Windows and Linux platforms.

Programming Tools PHP, AJAX

Books: Textbook:

(i) HTML, DHTML, JAVASCRIPT & PERL by Ivan Bayross.


(ii) Programming Professional PHP5
(iii) Beginning PHP5, Apache, and Mysql Web Development by
Wrox Publishers
Additional course notes and reading material will be given.
Grading Policy:  30% Mid Tem Exam
(Tentative)
 40% Final Exam
 10% Semester Project
 10% Assignments
 10% Quizzes
Quiz/Assignments Quizzes:
Policy
 Quizzes will be unannounced some time.
 They will be taken either in the first ten minutes of the class (so
come to the class on time & be prepared!) or in the last ten
minutes of the class (so listen to the lecture carefully).
 If you miss a quiz, you miss it!
 It’s up to the instructor’s discretion to choose the number of
quizzes for evaluation purposes.
Assignments:
 Assignments will be submitted on time. There will be 4% per hour
deduction on late assignment submission
 Copying/Cheating whole or part of the assignment from anywhere
without proper credit/references will not be tolerated. Whether you
have copied or your work has been copied by someone else, you
will get zero marks in that assignment.
Project Work  Semester Projects shall be allocated by the instructor in first week of
the course. Please decide your group members (atmost 3 members)

Contents
Week # 01 (Lecture l, ll)

Introduction: Introduction / Importance of the World Wide Web, Static & Dynamic Websites,
Web Information Systems, Future of the Web (Cloud Computing, Semantic Web), demonstration
of large scale web systems, Web Engineering Introduction {Web Development is different, Web
Development Practices}.

Three Tier Architecture, Components of Web Architecture, Identification of Places of Work in


web architecture. Markup Languages Vs Programming Languages

Week # 02 (Lecture l, ll)


(Quiz 01, Assignment 01)
Fundamentals of the Web Development: Hypertext Markup Language(HTML), Tags,
Attributes, Enhancements, HTML Standards, Creating HTML Document, HTML File Structure,
HTML Editors, Web pages file extensions

Basic Structure of HTML Document, Paragraphs, Formatting Text, Linking, Images, Tables,
Forms, Meta tags, How to get information about other HTML Tags.

Week # 03 (Lecture l, ll)

(Quiz 02, Assignment 02)


Dynamic Hypertext Markup Language (DHTML): Introducing CSS, External CSS Style,
Sheets, CSS Properties, Controlling Fonts, Text Formatting, Selectors, Lengths, Dimensions

Links, Backgrounds, Lists, Tables, Outlines, Generated Content, Overflow, Page Layout

Week # 04 (Lecture l, ll)

(Quiz 03)
Extensible Hypertext Markup Language (XHTML), Designing Web Templates: XHTML on
Mobile Phones, Transforming Pages Using XSLT, Introduction, Graphics Tools, Working with
Adobe Photoshop CS

Image Slicing, Image Repetitions for creating effects, Home Page / Sub Pages

Week # 05 (Lecture l, ll)

(Quiz 04)
JavaScript: Introduction to JavaScript, the Document Object Model, Objects, Methods, and
Properties, The Forms Collection, Images Collection, Functions, Events

Built-in Objects, String, Date, Math, Array, Window

Week # 06 (Lecture l, ll)

(Quiz 05, Assignment 03)


Asynchronous JavaScript and XML: How AJAX is different from classical web development,
AJAX impact on user experience, AJAX integration with conventional web applications, Use of
AJAX to add, remove, create and stylize contents.

Managing AJAX communication, Managing Data with XML and JSON, Design Pattern for
AJAX {Overall UI Pattern, MVC Pattern}.

Week # 07 (Lecture l, ll)


(Quiz 06)
AJAX Libraries and Tools: Why AJAX Libraries, Prototype Library, RICO Library, Dojo
Library.

Overview of the AJAX Tools, Google Web Toolkit, JQuery.

Week # 08 (Lecture l, ll)

Class Project Progress: Complete Implementation of Previous Knowledge within allocated


project. Evaluation

Week # 09

Mid Term
Week # 10 (Lecture l, ll)

Programming in Web Environment: Getting Started with the PHP, Static Vs Dynamic Pages,
Dynamic Pages and PHP, Installation, Platforms & Web Servers

MySQL, Installation, Configuration & Access Privileges, Writing First Example of PHP,
Common Errors with PHP

Week # 11 (Lecture l, ll)

(Quiz 07, Assignment 04)


Variables, Constants and Data Types: Data Types, Literals and Identifiers, Data Values,
Working with variables, Special thing about variables, String Concatenation

Constants, Operators

Week # 12 (Lecture l, ll)

(Quiz 08)
Statements, Input Handling: Conditional Statements, Loops, Exercises, Logic with Loops.

Passing Variables between Pages, Including Files in PHP Pages, Creating Online Test Registered
Users Report

Week # 13 (Lecture l, ll)

(Quiz 09)
Functions: Syntax, Passing Arguments, Scope, Including Functions

Variable Scope and Lifetime, Nested Functions and Recursion

Week # 14 (Lecture l, ll)


(Quiz 10)
Arrays: Simple Arrays, Initializing Arrays

Looping through Arrays, Multidimensional Arrays

Week # 15 (Lecture l, ll)

(Quiz 10)
Object-Oriented Programming: Introduction to OOP, Classes, Objects

Inheritance, Interfaces

Week # 16 (Lecture l, ll)

(Quiz 11)
Handling and Avoiding Errors: Error Types in PHP, Generating PHP Errors

Exceptions, Not Meeting Conditions, Parse Errors

Week # 17 (Lecture l, ll)

Database Connectivity & Querying: Relational Database, Keys, Relationships, Referential


Integrity, Normalization, Mysql Database Operations {connect, select_db, query, fetch methods}.

Class Project Submission, Demonstration

Week # 18

Final Term

You might also like