CMP-370 Database System Lecture wise Plan

Title Web Engineering

Code IT-341
Credit Hours 4
Category
Prerequisite None
Co-Requisite None
Follow-up Internet programming
 Students will be able to understand the Web development
 Students will have good concepts of front end and back end
Learning programing
Outcomes  Students will develop expertise in frameworks and CRUD
 Students will be able to design and implement solutions for the Web
development
Course will consist of
1. Introduction to Web application, web services, and cloud services
2. Designing of web pages and Responsive Design
3. Javascript programing ECMAScript 5 and 6 and Jquery
4. Javascript UI Framework
Course Description
5. Server side programming
6. Building Dynamic pages and CRUD operation
7. Implementation of MVC framework in spring
8. Object relational mapping in Hibernate
9. Version Controlling
Text Book(s)
1. Steve Suehring, Developer step by step JavaScript
2. Richard York, Web Development with JQuery
Reference Material 3. Kristan Dyrr, The complete beginner guide to REACT
4. Shing Wai Chan, Rajiv Mordani, Java™ Servlet Specification
5. Java Code Geeks, Spring Framework Cookbook
 Jetbrain, Webstrom and IntelliJ
Instructional
 Multimedia in Class Rooms as well as in Labs
Aids/Resources
 Photocopy Facility for Handouts/Case Studies
Assessment Assignment, Presentations and Test 15
Criteria Lab & Class Participation 05
Project 05
Midterm 35
Final 40
Week No.

Lecture No.

Topic Source Recommendations for

Learning Activities

Book-Chapter No. (Mention Assignments,

(Sections / Pages) Test, Quizzes, Practical,
Case Study, Projects,
Lab Work or Reading
Assignments)
1 1 Introduction: Handout Reading
Web application architecture, 3-tier
web application architecture, TCP/IP
and HTTP protocol, Http Request and
Response, Types of Http Requests,
static and dynamic web applications

Punjab University College of Information Technology, University of the Punjab

Page 1 of 3
CMP-370 Database System Lecture wise Plan

2 Web Services and Cloud: Handout Reading

Introduction to Web service (RESTful
and SOA),

3 Web Services and Cloud: Handout Reading

Introdcution of cloud computing,
concept of micro-services, SaaS,
PaaS, and IaaS
2 4 Design Web Pages: W3School  
HTML elements, forms, controls,
CSS and CSS3, Hyperlinking, etc

5 Design Web Pages: W3School  

HTML elements, forms, controls,
CSS and CSS3, Hyperlinking, etc

6 Design Web Pages: W3School Lab

HTML elements, forms, controls,
CSS and CSS3, Hyperlinking, etc

3 7 Responsive Design: W3School  

Concept, Bootstrap library, container
8 Responsive Design: W3School  
Bootstrap forms, table,
9 Responsive Design:   Lab
4 10 JavaScript Programing: W3School Quiz of previous topics
Introduction to Javascript ECMA 5,
Control structure

11 JavaScript Programing: Web Development with  

Introduction to Jquery and Event Jquery
driven programming

12 JavaScript Programming:   Lab

5 13 JavaScript Programming: Step by Step Javascript  
MVVM concept and implementation
14 Javascript Programming: Step by Step Javascript  
ECMA 6 OOP
15 Javascript Programming:   Lab
6 16 Javascript Programming: Handout  
ECMA 6 OOP
17 Javascript UI Frameworks: The Complete Beginner’s  
Concept of UI Framework and intro Guide to React
to Angular, REACT, and VUE

18 Javascript UI Frameworks: The Complete Beginner’s  

React Framework, Making Interactive Guide to React
Component, Composition vs
Inheritance, Thinking in React

7 19 Javascript UI Frameworks   Lab

20 Server Side Programing: Java™ Servlet  
Introduction to Java Servlets, Specification
Servlets life cycle

21 Server Side Programing: Java™ Servlet  

Servlet Programming Specification

Punjab University College of Information Technology, University of the Punjab

Page 2 of 3
CMP-370 Database System Lecture wise Plan

8 22 Server Side Programing:   Lab

23 Building Dynamic Pages: Java™ Servlet  
Java Server Pages Specification
24 Building Dynamic Pages: Java™ Servlet  
AJAX and Servlets Specification
9 25 Building Dynamic Pages   Lab
26 CRUD Operations: Java™ Servlet  
Database conectivity accessing Data Specification
27 CRUD Operations: Java™ Servlet  
DML and DDL operation Specification
10 28 CRUD Operation   Lab
29 MVC Implementation: Spring Framework  
Introduction to Java Frameworks and Cookbook
Spring Framework

30 MVC Implementation: Spring Framework  

Spring implementation with Mavan Cookbook
11 31 MVC Implementation   Lab
32 MVC Implementation Spring Framework  
Spring Integraton with Angular JS Cookbook
33 MVC Implementation: Spring Framework  
CURD Operation in MVC enviornment Cookbook
12 34 MVC Implementation : Spring Framework  
CURD Operation in MVC enviornment Cookbook
35 MVC Implementation:   Lab
36 ORM: Spring Framework  
Concept of ORM and Hibernate Cookbook
13 37 ORM: Spring Framework  
Spring and Hibernate integration Cookbook
38 ORM   Lab
39 ORM: Spring Framework  
CURD operaton in ORM Cookbook
14 40 ORM: Spring Framework  
CURD operaton in Spring and Cookbook
Hibernate
41 ORM   Lab
42 Version Control: Handout  
Concept of version Contrl
15 43 Version Control: Handout  
Introduction to GIT HUB
44 Revision    
45 Revision    

Punjab University College of Information Technology, University of the Punjab

Page 3 of 3