Board of Studies (BoS) Syllabus Template
Course Information
Degree: UG
Program: BCA
Course Name: Web Development
Course Credits: 3
Semester: 4
Course Category: DSE
Type of Course: Theory
New Course: Yes
Learning Hours
Activity Hours per Week
Lecture 2
Tutorial 0
Practical 0
Experiential Learning 3
Course Contribution
Category Percentage Contribution
Employment Enhancement 40%
Entrepreneurship Skills 20%
Skill Development 40%
Course Relevance
Level Percentage Relevance
Global 40%
National 30%
Regional 20%
Local 10%
Course Outcomes (COs)
CO# Course Outcome Bloom's
Taxonomy
Level
Describe the concepts of World Wide Web,
and the requirements of effective web
CO1 design BL-2
Develop web pages using the HTML and
CSS features with different layouts as per
CO2 need of applications. BL-4
Use the JavaScript to develop the dynamic
CO3 web pages. BL-3
Construct simple web pages in PHP and to
CO4 represent data in XML format BL-5
Use server side scripting with PHP to
generate the web pages dynamically using
CO5 the database connectivity. BL-4
CO
Tool/ Assessment/ Percent
Module Topic Mappi
Platform Activity age
ng
Module
1:
CodePen,
Introduc Concept of
Browser Dev MCQ, Quiz CO1 New
tion and WWW
Tools
web
design
Internet and Online Written
CO1
WWW Simulators Assignment
HTTP
Protocol:
Request Wireshark Lab Demo CO1
and
Response
Web
browser Caddy,
Viva, MCQ CO1
and Web Apache
servers
Features of
cPanel
latest
Demo, Case Study CO1
version of
Bluehost
Web
Concepts of
effective
web design,
Chrome Dev Class
Web design CO1
Tools, Firefox Presentation
issues
including
Browse
Bandwidth Practical
MDN, WAVE CO1
and Cache Exercises
Display
resolution,
OWASP MCQ, Case
Look and CO1
Juice Shop Study
Feel of
Website
CO
Tool/ Assessment/ Percent
Module Topic Mappi
Platform Activity age
ng
User centric
design,
Sitemap, GitHub, Git
Exercises CO1
Planning, CLI
Publishing,
Navigation
Module
Basics of
2: HTML Coding
HTML, VS Code,
and Exercise, CO2 New
formatting CodePen
style Assignment
and fonts
sheets
Commentin
g code, W3Schools
Practical Lab CO2
color, Playground
hyperlink
Lists,
tables, MDN Web MCQ, Code
CO2
images, Docs Review
forms
XHTML,
Meta tags,
Character CSS Diner, Hands-on
CO2
entities, CodePen Assignment
frames,
framesets
Browser
architecture
Bootstrap
and Portfolio Project CO2
Playground
Website
structure
Need for
CSS,
Flexbox
basics and
Froggy, Grid Lab Exercise CO2
structure,
Garden
background
s, colors
CO
Tool/ Assessment/ Percent
Module Topic Mappi
Platform Activity age
ng
Manipulatin
g texts,
fonts, Google
borders, Fonts, Quiz CO2
boxes, Paletton
margins,
padding
Positioning [Link],
Practical
using CSS, GSAP CO2
Demonstration
CSS2 Playground
Latest axe
Peer Review,
features in DevTools, CO2
Demo
CSS WAVE
Module Client side
JSFiddle,
3: scripting
Chrome Dev Coding Test CO3 New
JavaScri with
Tools
pt JavaScript
Variables,
VS Code,
functions, Assignment CO3
JSBin
conditions
Loops,
Chrome Dev
repetition,
Tools, DOM Lab Sheet CO3
pop-up
Inspector
boxes
Advanced JSBin,
MCQ, Practical
JavaScript: Browser Dev CO3
Exercises
objects Tools
DOM and
web
Babel, VS Quiz, Coding
browser CO3
Code Demo
environmen
ts
DOM JS Tutor, Practical CO3
Manipulatio JSFiddle Exercise
CO
Tool/ Assessment/ Percent
Module Topic Mappi
Platform Activity age
ng
ESLint,
Forms and Viva, Peer
Chrome Dev CO3
validations Review
Tools
DHTML:
Combining [Link],
HTML, CSS GSAP Practical Demo CO3
and Playground
JavaScript
Chrome Dev
Events and
Tools, Lab Activity CO3
buttons
LocalStorage
Module Introduction
jQuery
4: XML to XML, MCQ, Lab CO4/
Playground, New
and uses of Exercise CO5
CodePen
PHP XML
Simple
XML, XML React/
key Angular/Vue Mini Project CO5
component Playground
s
Bootstrap
DTD and Portfolio
Docs, CO4
Schemas Development
Playground
Using XML
StackBlitz,
with Viva, Demos CO5
Codesandbox
applications
Transformin
g XML Postman, CO4/
Practical Demo
using XSL Fetch API CO5
and XSLT
Introduction GSAP, Demo CO4
and PHP [Link]
CO
Tool/ Assessment/ Percent
Module Topic Mappi
Platform Activity age
ng
basics,
decision
and looping
PHP and
React with
HTML, Coding CO4/
Formik,
Arrays, Assignment CO5
Vanilla JS
Functions
Browser
control,
Redux
detection, Hands-on
DevTools, CO5
strings, Exercise
Context API
form
processing
Advanced
features:
Jest, Testing
Cookies Test & Demo CO5
Library
and
sessions
Module Basic
5: PHP commands [Link],
MCQ, Quiz CO5 New
and with PHP PHP, XAMPP
MySQL examples
Connection
to server, [Link], Demo, Hands-
CO5
creating PHP Router On
database
Selecting a
database, Postman,
Coding Project CO5
listing Middleware
database
Listing table MySQL,
Lab Activity CO5
names MongoDB
REST API Swagger, Practical Project CO5
& Web Postman
CO
Tool/ Assessment/ Percent
Module Topic Mappi
Platform Activity age
ng
Services
Creating/
altering
[Link],
tables,
JWT, SSL Demo, Viva CO5
queries,
Labs
deleting
data
PHPMyAd
Heroku, Live
min and
GitHub Deployment, CO5
database
Pages Exercise
bugs
Textbooks:
1 Robert [Link], Programming the World Wide Web, 8th edition, Pearson
Education, 2025.
Ralph Moseley and M. T. Savaliya, Developing Web Applications, Wiley-India
2
Private Limited, 2011.
CO-PO/PSO Mapping
CO PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9
CO1 3 1 - - - 1 - 1 -
CO PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9
CO2 3 2 1 - - - - - -
CO3 2 2 2 - - - - - -
CO4 2 2 3 2 - - - - -
CO5 - 2 2 2 2 1 - - -