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