B. V.

Patel Institute of Computer Science, UTU 2022-

2023

BCA (2nd Semester)

CS3014: Advanced Web Design

Teaching, Learning and Development Plan

Objective: To provide knowledge of advanced and dynamic features of scripting and style sheet languages
using the framework to make an interactive and responsive user interface.

Course Outcomes: Upon completion of the course, students shall be able to

CO1: Use of modern scripting language library to manipulate HTML elements, and CSS properties,
showing effects and handling events.
CO2: Create well-formed semi-structured documents and apply validation using schema components.
CO3: Use dynamic web page development techniques to enhance the web design.
CO4: Apply responsive user interface designing concepts to develop using a front-end framework.

Course Units and Course Outcomes Mapping:

Unit No Unit Course Outcomes

CO1 CO2 CO3 CO4
Scripting Language Library
1 √

2 Fundamentals of semi-structured Markup Language √

Validating and Transforming semi-structured
3 √
Markup Language
Dynamic Web Page Development
4 √
5 Responsive Design and Front-end Framework √
6 Package Components and JavaScript Add-ons √

Prerequisites:
 Basics of HTML, CSS, JavaScript, jQuery
 To provide knowledge of advanced and dynamic features of scripting and style sheet languages
using the framework to make interactive and responsive user interfaces.

Unit Sub No. of Topics Reference Teaching

Unit Lecture(s) Chapter/ Methodology to
Additional be Used
Reading
1 9 Scripting Language
Library
1.1 2 Selectors BB #39 Page No. Topic Slide
1093-1094

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

1.2 1 HTML Manipulators BB #39 Page No. Topic Slide

1097-1098
1.3 1 CSS properties BB #39 Page No. Topic Slide
Manipulators 1098-1099
1.4 3 Events: Form BB #39 Page No. Topic Slide
elements, webpage, 1099-1101
Mouse and
Keyboard
1.5 2 Animation Effects BB #39 Page No. Topic Slide
1101-1102
Assessment Quiz -1
Parameter
2 7 Fundamentals of
semi-structured
Markup Language
2.1 1 Features, BB #28 Page No. Group Discussion,
Advantages and 762-764 Topic Slide
Disadvantages
2.2 2 Document BB #28 Page No. Topic Slide
Structure: 765-768, 774-778
Declaration,
Elements,
Attributes, Tree and
Comments
2.3 1 Entity References BB #28 Page No. Topic Slide
768,779
2.4 2 Parser BB #28 Page No. Chalk & Talk,
768,779-781 Hands-on
2.5 1 Overview of BB #29 Page No. Topic Slide
namespaces 788-790
Assessment Open Book Test
Parameter
3 9 Validating and
Transforming
semi-structured
Markup Language
3.1 2 Schema Structure BB #29 Page No. Topic Slide,
792-793 Chalk & Talk
3.2 2 Schema Data types BB #29 Page Topic Slide
No. 799-801

3.3 2 Element Type: BB #29 Page No. Topic Slide

Simple type 793-799
Element, Complex
type Elements

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

3.4 3 Stylesheet Language BB #31 Page No. Topic Slide

elements and 848, 850- 856,
component for semi- 863-865, 871-875
structured Markup
Language
Assessment Unit Test
Parameter
4 8 Dynamic Web Page
Development
4.1 2 Introduction and BB#33 Page No. Topic Slide
Needs 912-915

4.2 1 Working Model BB#33 Page No. Topic Slide,

917-919

4.3 2 Asynchronous Data BB#34 Page No. Topic Slide,

Transfer 928

4.4 3 Handling Request BB#34 Page Topic Slide,

and Response No.928-951

Assessment Quiz-2
Parameter
5 8 Responsive Design
and Front-end
Framework
5.1 2 Introduction: SB#1 Page No. 1- Topic Slide
Responsive Design 11
Basics, Front-end
Framework
5.2 1 File Structure SB#2 Page No. 14- Topic Slide
17

5.3 1 CSS: Latest SB#2 Page No. 17- Topic Slide ,

Techniques 21 Live Demo

5.4 2 Responsive Classes SB#3 Page No. 31- Topic Slide,

and Image 35 Live Demo
Rendering
5.5 2 Grid System and SB#1 Page No. 36- Topic Slide,
Utility Classes 46 Live Demo

Assessment On Spot Assignment

parameter

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

6 8 Package
Components and
JavaScript Add-ons
6.1 2 Package Component SB#4 Page No. 50- Topic Slide
64

6.2 1 Modal Windows SB#5 Page No. 67- Topic Slide

70 Live Demo

6.3 2 Tabs using SB#5 Page No. 72- Topic Slide,

JavaScript Add-Ons 76 Live Demo

6.4 2 Collapse SB#5 Page No. 76- Topic Slide,

81 Live Demo

6.5 1 Utility Classes

Assessment Internal Test
Parameter

Text Book:
1. HTML5 covers CSS3 JavaScript XML XHTML AJAX PHP and jQuery – Black Book,
Dreamtech Press. [BB]
2. Snig Bhaumik, “Bootstrap Essentials”, Packt. [SB]

Reference Books :
1. Ben Fhala, “Responsive Web Design: Advancing your Design to the Modern Web”, Packt
Publishing.
2. Ben Frain, “Responsive web Design with HTML5 and CSS3”, Packt Publishing.

Theory Assessment Outlines

Assessment Assessment Time Each of Weightage
Frequency
Identifier Type Interval marks in CIE
30
A1 Quiz 02 20 02x04=08
Minutes
A2 Unit Test 1.5 Hours 01 30 01x10=10
Internal
A3 3 Hours 01 60 01x14=14
Examination
Open Book 30
A4 01 10 01x04=04
Test Minutes
On Spot 50
A5 01 10 01x04=04
Assignment Minutes

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

Assessment A1
Identifier
Assessment Title Quiz
Time Interval 30 Minutes
Frequency 2
Marks 20 Marks
Weightage in CIE 8 Marks
Tentative Date
Question Category
Mapping and Question Weightage
weightage Category
Understanding 50 %
Analysis 30 %
Remembering 20 %
Paper Outline
Multiple Choice Questions [20*01=20]
Unit Covered Unit Weightage
No.
1 100%
4 100%

Assessment A2
Identifier
Assessment Title Unit Test
Time Interval 1.5 Hours.
Frequency 1
Marks 30 Marks of Each
Weightage in CIE 10 Marks of Each
Tentative Date
Question Category
Mapping and Assessment Question Weightage
weightage Title Category
Unit Test Understanding 30 %
Analysis 30 %
Remembering 40%

Paper Outline Q-1 (A): Answer in brief. Each question of 1 mark. (4 questions,
marks will be 1 X 4 = 4 marks)
Q-1 (B): Answer in brief. Each questions of 2 marks. (3 out of 4
questions, marks will be 2 X 3 = 6 marks)
Q-2 Analysis based answer. Each questions of 5 marks. (2 out of
4 questions, marks will be 5 X 2 = 10 marks)
Ms. Ami Acharya & Ms. Pooja Patel
 B. V. Patel Institute of Computer Science, UTU 2022-
2023

Q-3 Answer in detail. Each questions of 5 marks. (2 out of 3

questions, marks will be 5 X 2 = 10 marks)
Total Mark: Q-1+ Q-2 + Q-3 = 10 + 10 + 10 = 30 Marks
Unit Covered
Unit Unit Weightage
Test 1 20%
2 40%
3 40%

Assessment A3
Identifier
Assessment Title Internal
Time Interval 3 Hours.
Frequency 1
Marks 60 Marks
Weightage in CIE 14 Marks
Tentative Date
Question Category
Mapping and Question Weighta
weightage Category ge
Understanding 20 %
Analysis 40 %
Remembering 40 %
Paper Outline
Section-1
Q- 1 Short answer questions. 04
(A) Each question consists of 1 mark. 70% questions mark
shall be of understanding type nature where as s
30% shall be of analysis type to test knowledge
and analytical skill with one word or a line of
answer.
Q- 1 Answer to the questions in brief. 06
(B) Each question consists of 2 marks. Students have mark
to attempt three questions out of four. 70% s
questions shall be of understanding type nature
where as 30% shall be of analysis type to test
knowledge and analytical skill with two or five
lines of answer.
Q-2 (A) Answer to the questions in detail based on 10
scenario given in the questions. Each question mark
consists of 5 marks. Students have to attempt any s
one question out of two questions. Both the
questions shall be of analysis type to test the
student’s analytical skill and logical skill.
(B) Answer to the questions in detail based on

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

scenario given in the questions. Each question

consists of 5 marks. Students have to attempt any
one question out of two questions. Both the
questions shall be of analysis type to test the
student’s analytical skill and logical skill.
Q-3 Answer to the questions in detail. Each question 10
consists of 5 marks. Students have to attempt any mark
two questions out of three questions. All the three s
questions shall be of remembering type in nature
to test the student’s conceptual clarity.
Section-2

Q- 4 Short answer questions. 04

(A) Each question consists of 1 mark. 70% marks
questions shall be of understanding type nature
where as 30% shall be of analysis type to test
knowledge and analytical skill with one word or
a line of answer.
Q- 4 Answer to the questions in brief. 06
(B) Each question consists of 2 marks. Students marks
have to attempt three questions out of four. 70%
questions shall be of understanding type nature
where as 30% shall be of analysis type to test
knowledge and analytical skill with two or five
lines of answer.
Q-5 (A) Answer to the questions in detail based on 10
scenario given in the questions. Each question marks
consists of 5 marks. Students have to attempt
any one question out of two questions. Both the
questions shall be of analysis type to test the
student’s analytical skill and logical skill.
(B) Answer to the questions in detail based on
scenario given in the questions. Each question
consists of 5 marks. Students have to attempt
any one question out of two questions. Both the
questions shall be of analysis type to test the
student’s analytical skill and logical skill.
Q-6 Answer to the questions in detail. Each question 10
consists of 5 marks. Students have to attempt marks
any two questions out of three questions. All the
three questions shall be of remembering type in
nature to test the student’s conceptual clarity.
Unit Covered Entire Syllabus

Unit Weightag
No. e
1 18%

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

2 12%
3 20%
4 16%
5 17%
6 17%

Practical Assessment Outlines

Weightage
Assessment Assessment Time Each of
Frequency in CIE
Identifier Type Interval marks
50 marks
A5 Unit Test 2 Hours 01 20 01x10=10
A6 Internal Test 3 Hours 01 50 01x20=20
A7 Practical Test 2 Hours 01 50 01x20=20

Assessment A5
Identifier
Assessment Unit Test-1
Title
Time Interval 2 Hours.
Frequency 2
Marks 20 Marks of Each
Weightage in 10 Marks of Each
CIE
Tentative Date
Paper Outline Q-1Programmatically questions - answer [ 8 Marks]
Q-2 Practical-based question [ 12 Marks]
Minimum no. of
practical to be Unit Test
certified as 3 Practicals
eligible to
appear
Unit Covered Unit Unit Weightage
Test-1 1, 2 60%
3 40%

Assessment A6
Identifier
Assessment Internal Test
Title
Time Interval 3 Hours.
Frequency 1
Marks 50 Marks
Weightage in 20 Marks

Ms. Ami Acharya & Ms. Pooja Patel

 B. V. Patel Institute of Computer Science, UTU 2022-
2023

CIE
Tentative Date
Paper Outline Q-1Programmatically questions - answer [ 10 Marks]
Q-2 Practical based question [ 35 Marks]
Q-3 Viva [ 5 Marks]
Minimum no. of 10 Practicals
practical to be
certified as
eligible to
appear
Unit Covered Entire Syllabus

Assessment A7
Identifier
Assessment Practical Test
Title
Time Interval 2 Hrs.
Frequency 1
Marks 50 Marks
Weightage in 20 Marks
CIE
Tentative Date
Paper Outline Perform practical using appropriate elements and attributes.
Minimum no. of 08 Practicals
practicals to be
certified as
eligible to
appear
Unit Covered Practical Unit Weightage
Test 1, 2, 3 60%
4, 5 40%

Ms. Ami Acharya & Ms. Pooja Patel