University of Gujrat

Faculty of CS & IT

Title Web Systems and

Technologies
Code IT-304
3
Theory/week:
Weight 3 Cr. Hrs.
Credit Hours Contact Hours 3 Hrs.
Lectures: 2
Duration 1.5 Hrs./Lecture

Prerequisite Programming Fundamentals, OOP

Prerequisite Skills
 Comprehensive knowledge of basic programming concepts and oop.
Category Major

Aims and Objectives  To introduce students with Web Systems and Technologies.

 The students will have strong concept of HTML & HTML5, css, jquery, Asp.net.
Learning Outcomes  The students will have firm understanding of Internet architecture.
 The students will have profound knowledge of major WEB technologies like html5, css, java scripting, jquery, and server side languages.
 The students will be capable of developing a complete web base project..

Overview of WWW, Web Pages, Web Sites, Web Applications. Introduction to HTTP, HTML & HTML5 Tags, and Dynamic Web Content.CSS and
Syllabus CSS3. Client Side Programming:  JavaScript: Basics,  Expressions and Control Flow, Functions, Objects, and Arrays,  Accessing CSS from
JavaScript. Form Handling. Server Side Programing: .Introduction and server controls. SQL, SQL Functions. Cookies, Sessions, and
Authentication.Introduction to XML, Ajax, JQuery, Browsers and the DOM. Designing a Social Networking Site

 Beginning HTML, HXTML , CSS and Java Script by Jon Buckett

Text Book/ Tutorial  W3schools.com
 Tizag.com
  Web Application Architecture: Principles, protocols and practices by Leon Shklar and Richard Rosen, Wiley; 2nd Edition (May 5,
2009). ISBN-10: 047051860X
 Web Technologies: A Computer Science Perspective by Jeffrey C. Jackson, Prentice Hall; 1st Edition (August 27, 2006). ISBN-10:
0131856030
Reference Material  Web Technologies by Uttam Kumar Roy, Oxford University Press, USA (June 13, 2011). ISBN-10: 0198066228

Sessional 25% Mid 25% Final 50% Total 100%

Quizzes, Tests, Assignments and Presentations 25 Paper 25 Paper 50 100
Assessment Criteria
Frame
Work
Source
Week Lecture Topic (Book-Chapter No.
Section No.) / Tutorial
TEXT BOOK CH:1
1 HTML, CSS, Java Script HandsOut
1 W3School.com
TEXT BOOK CH:1
2 Implementing HTML tags and running webpage in browser to preview
Implementation of attributes and building table based layouts TEXT BOOK CH:2
3
2
TEXT BOOK CH:2
4 Working with images, links and inline CSS
Exploring CSS selectors along with internal CSS TEXT BOOK CH:7
5
3
TEXT BOOK CH:4,7
6 Understanding box model and div based layouts with external CSS
Working with positioning and implementing drop down menu TEXT BOOK CH:4,7,8
7
4
TEXT BOOK CH:7
8 Implementing CSS3 properties
TEXT BOOK CH:8
9 Accessing CSS from JavaScript
5
TEXT BOOK CH:11
10 Interacting with DOM using JavaScript and completing drop down menu
TEXT BOOK CH:12
11 DOM Methods, Events
6
TEXT BOOK CH:13
12 DOM Document, Elements and Animation
 Hands out
13
Introduction to Bootstrap  W3 Schools
Tutorial
TEXT BOOK CH:13
7 14 JS Forms and APIs
W3 Schools Tutorial
 Hands out
15 Introduction to SQL and connection  W3 Schools
Tutorial
8 16 Implement functions of SQL W3 Schools Tutorial

Mid Term Examinations

9 17 Intro to dynamic websites HandsOut
 Understanding client/server architecture TextBook B
18

19 Differentiating client side and server side scripting languages TextBook B

W3 Schools Tutorial
10
20 Introduction to JQuery, Modifying code with JQuery TextBook B
W3 Schools Tutorial
21 Writing code for Folders, Global, HandsOut
W3 Schools Tutorial
11 Writing code for Forms, Files, Objects, TextBook B
22
W3 Schools Tutorial
Anatomy of HTTP Request and Response Handsout
23 W3 Schools Tutorial
12
Getting Data from Users: HTTP Requests Handsout
24 W3 Schools Tutorial
Routes ,Routing and Sub-Routes Handsout
25 W3 Schools Tutorial
13
Introduction and Differences between Non-SQL and SQL DataBase Handsout
26 W3 Schools Tutorial
Data Base Connectivity and Operations Handsout
27 W3 Schools Tutorial
14
Writing Code for Add and Delete Handsout
28 W3 Schools Tutorial
Writing Code for Update and Search Handsout
29 W3 Schools Tutorial
15
Introduction to RESTFull APIs Handsout
30 W3 Schools Tutorial

31 Course project submission and presentation

16
32 Revision of Course through Q & A