National Computer Education Accreditation Council

NCEAC
NCEAC.FORM.001-D

COURSE DESCRIPTION FORM

INSTITUTION FAST School of Computing, National University of Computer and
Emerging Sciences, Islamabad

PROGRAM (S) TO BE BS-CS, BS-AI, BS-CY, BS-DS Spring 2022

EVALUATED

Course Description

Course Code CS4032

Course Title Web Programming
Credit Hours 3
Prerequisites by NA
Course(s) and Topics
Grading Policy Absolute Grading
Policy about missed Retake of missed assessment items (other than sessional/ final exam) will not be held.
assessment items in Student who misses an assessment item (other than sessional / final exam) is awarded
the course zero marks in that assessment item i.e., late submission will not be accepted.
For missed sessional/ final exam, exam retake/ pretake application along with necessary
evidence are required to be submitted to the department secretary. The examination
assessment and retake committee decide the exam retake/ pretake cases.
Course Plagiarism Plagiarism in project or midterm/ final exam may result in F grade in the course.
Policy Plagiarism in an assignment will result in zero marks in the whole assignments category.
Assessment 70% Theory + 30% In class Lab
Instruments with Assessment items of Theory and Lab Part
Weights (homework, Assessment Item Number Weight (%)
quizzes, midterms,
final, programming Assignments >=5 20
assignments, lab work, Quizzes >=5 05
etc.)
Sessional 2 25
Project 1 15
Final Exam 1 35
Course Instructors Dr. Hassan Sartaj, Ms. Sidra Khalid
Lab Instructors (if
NA
any)
Course Coordinator Dr. Hassan Sartaj
URL (if any) Google Classroom
Invite link: https://classroom.google.com/c/NDU0OTIyMjUyNTEz?cjc=a2gzjzj
Class code: a2gzjzj
NCEAC.FORM.001.D
 National Computer Education Accreditation Council
NCEAC
NCEAC.FORM.001-D

Current Catalog Web Development Technologies, Frontend & backend technologies, HTML/HTML5,
Description CSS/CSS3, JavaScript, TypeScript, NodeJS, Angular, ReactJS, ExpressJS, MongoDB,
MEAN Stack, MERN Stack, Serverless Stack Development and best practices in web
programming.
Textbook (or Web Application Architecture Principles, protocols and practices by Leon Shklar and
Laboratory Manual Richard Rosen
for Laboratory The Missing Link: An Introduction to Web Development and Programming by
Courses) Michael Mendez
Reference Material Learning JavaScript, 3rd Edition by Todd Brown
Full Stack JavaScript Development with MEAN By Adam Bretz & Colin J. Ihrig
Full-Stack React Projects, Second Edition by Shama Hoque
Course Learning
A. Course Learning Outcomes (CLOs)
Outcomes
After completion of the course, the students shall be able to:
1. Work on modern web Application development technologies
2. Able to design and develop front end and backend
3. Develop and design web applications using modern web development frameworks
4. Understand the best web development practices being followed in the industry and
how to implement it in the systems
5. Well trained on industry-oriented web frameworks.
6. Work in a team to complete enterprise project and professional ethics and
responsibilities.
7. Learn how to use different web frameworks to create a complete industry-oriented
project
8. Able to develop web based of MEAN Stack
9. Able to develop web based on MERN Stack
10. Able to develop Serverless Stack web applications

B. Program Learning Outcomes

For each attribute below, indicate whether this attribute is covered in this course or
not. Leave the cell blank if the enablement is little or non-existent.

1. Computing Apply knowledge of mathematics, natural 

Knowledge: sciences, computing fundamentals, and a
computing specialization to the solution of
complex computing problems.
2. Problem Identify, formulate, research literature, and analyze 
Analysis: complex computing problems, reaching
substantiated conclusions using first principles of
mathematics, natural sciences, and computing
sciences.
3. Design/ Design solutions for complex computing problems 
Develop and design systems, components, and processes
Solutions: that meet specified needs with appropriate
consideration for public health and safety, cultural,
societal, and environmental considerations.
4. Investigation; Conduct investigation of complex computing 
Experimentation: problems using research based knowledge and
research based methods

NCEAC.FORM.001.D
National Computer Education Accreditation Council
NCEAC
NCEAC.FORM.001-D

5. Modern Tool Create, select, and apply appropriate techniques, 

Usage: resources and modern computing tools, including
prediction and modelling for complex computing
problems.
6. Society Apply reasoning informed by contextual 
Responsibility: knowledge to assess societal, health, safety, legal,
and cultural issues relevant to context of complex
computing problems.
7. Environment Understand and evaluate sustainability and impact 
and of professional computing work in the solution of
Sustainability: complex computing problems.

8. Ethics: Apply ethical principles and commit to professional 

ethics and responsibilities and norms of computing
practice.
9. Individual and Function effectively as an individual, and as a 
Team Work: member or leader in diverse teams and in multi-
disciplinary settings.
10. Communicate effectively on complex computing 
Communication: activities with the computing community and with
society at large.
11. Project Demonstrate knowledge and understanding of 
Management and management principles and economic decision
Finance: making and apply these to one’s own work as a
member or a team.
12. Life-long Recognize the need for, and have the preparation 
Learning: and ability to engage in independent and life-
long learning in the broadest context of
technological changes.

C. Mapping of CLOs on PLOs

(CLO: Course Learning Outcome, PLOs: Program Learning Outcomes)
PLOs

1 2 3 4 5 6 7 8 9 10 11 12

1     
2     
3   
CLOs

4        
5    
6       
7     

NCEAC.FORM.001.D
 National Computer Education Accreditation Council
NCEAC
NCEAC.FORM.001-D

Topics Covered in Topics to be covered:

the Course, with
Number of Lectures No. of Contact
List of Topics CLO(s)
on Each Topic Weeks Hours
(assume 15-week Introduction to Web Development
1 3 1,2,7,12
instruction and one- Front-end vs Back-end Development
hour lectures) HTML, HTML5, CSS, CSS3 2 6 1,2,3,5,8

JavaScript fundamentals 1 3 1,2,3,5,8

State management and Data Bindings 1 3 1,3,4,12

Programming with Angular and
2 6 1,3,4,5,11,12
TypeScript
Angular MVC/MVVM architecture 1 3 1,2,3,4, 5,12

MongoDB 1 3 5,12,6

Introduction to NodeJS 1 3 1,2,3,5

Introduction to ExpressJS 1 3 1,2,3,5

Introduction to ReactJS 2 6 1,2,3,5

Serverless Stack 2 6 1,2,3,4, 5,12

Deployment and Web Programming
1 3 1,6,7,9,10,11
practices and Demos
Total 16 48

Laboratory Introduction to HTML/HTML5, CSS/CSS3, JavaScript, TypeScript, State Management Techniques,

Projects/Experiments Angular, Angular MVC/MVVM, NodeJS, MongoDB, ReactJS, Serverless Stack Development is
managed with practical quizzes and project.
Done in the Course
Programming Web Programming using HTML, CSS, JavaScript, TypeScript, Angular, Angular MVC/MVVM,
Assignments Done in NodeJS, ReactJS, Serverless Stack.
the Course
Class Time Spent on Theory Problem Analysis Solution Design Social and Ethical
(in credit hours, Issues
Hrs/Min)
20 25 50 5
Oral and Written Every student is required to submit at least __1___ written reports of typically _1____
Communications pages and to make __1___ oral presentation of typically ____5___ minutes’ duration.

NCEAC.FORM.001.D
 National Computer Education Accreditation Council
NCEAC
NCEAC.FORM.001-D

Lab/ Practical Component of the course

COURSE CONTENTS (Lab/ Practical):

**Courseware Events
Weeks Contents/Topics (MM/ IT Lab/Case Study/ Comments (if any)
Assignment/
Presentation etc.)
Week-01 Introduction to web technologies
Week-02 Developing web pages using HTML and HTML5
Week-03 Designing web pages using CSS and CSS3 Quiz 1
Week-04 Application of Java Script for Web Application development Assignment 1
Week-05 State Management Techniques and Data binding Quiz 2
Week-06 Introduction to Angular Assignment 2
Week-07 Programming with Angular and TypeScript Quiz 3
Week-08 Angular MVC/MVVM architecture Assignment 3
Week-09 Developing database using MongoDB
Week-10 Introduction to NodeJS Project
Week-11 Programming with ExpressJS and NodeJS Quiz 4
Week-12 Programming with ReactJS Assignment 4
Week-13 Hands on experience on MEAN and MERN Stack Quiz 5
Week-14 Introduction to Serverless Stack Assignment 5
Week-15 Hands on practice on Serverless Stack Development

Practical/ Programming Work/ Tools: Visual Studio Code, Dreamweaver, Angular CLI, Node,
MongoDB.

NCEAC.FORM.001.D